Team:Tsinghua/leftbar

From 2010.igem.org

(Difference between revisions)
 
(59 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<div id="left_bar">
+
<div id="right_bar">
-
<div class="left_gadget">
+
-
<p>Visitor Locations</p>
+
-
<a href="http://www3.clustrmaps.com/user/19fbb75c"><img src="http://www3.clustrmaps.com/stats/maps-no_clusters/2010.igem.org-Team-Tsinghua-thumb.jpg"/>
+
-
</a>
+
-
</div>
+
<div class="left_gadget">
<div class="left_gadget">
-
<a href="http://www.easycounter.com/">
+
<div class="countdown">
-
<img src="http://www.easycounter.com/counter.php?guxiang"
+
<div id="counttitle">
-
border="0" alt="Free Hit Counters"></a>
+
Until Jamboree</div>
 +
<div class="countback">
 +
<p class="countstatic" id="pday"> <span class="countdyna" id="sday"></span> days</p>
 +
<p class="countstatic" id="phour"><span class="countdyna" id="shour"></span> hours</p>
 +
<p class="countstatic" id="pmin"> <span class="countdyna" id="smin"></span> minutes</p>
 +
<p class="countstatic" id="psec"> <span class="countdyna" id="ssec"></span> seconds</p>
</div>
</div>
-
 
-
<div class="left_gadget">
 
-
<p>Follow us on</p>
 
-
<div class="link_ball">
 
-
<a href="http://www.facebook.com/pages/Tsinghua-iGEM/145908955419937" title="Tsinghua iGEM Team 2010 Facebook" target=_blank><img src="https://static.igem.org/mediawiki/2010/c/c8/Facebook-32x32.png" class="fill_img" /></a></div>
 
-
 
-
<div class="link_ball">
 
-
<a href="http://twitter.com/Tsinghua_iGEM" title="Tsinghua iGEM Team 2010 Twitter" target=_blank><img src="https://static.igem.org/mediawiki/2010/7/7e/Twitter-32x32.png" class="fill_img" /></a></div>
 
-
 
-
<div class="link_ball">
 
-
<a href="http://www.youtube.com/user/TsinghuaiGEM" title="Tsinghua iGEM Team 2010 YouTube" target=_blank><img src="https://static.igem.org/mediawiki/2010/3/38/Youtube-32x32.png" class="fill_img" /></a></div>
 
-
 
-
<div class="link_ball">
 
-
<a href="http://cn.linkedin.com/pub/tsinghua-igem-thu/23/317/573" title="Tsinghua iGEM Team 2010 LinkedIn" target=_blank><img src="https://static.igem.org/mediawiki/2010/2/22/Linkedin-32x32.png" /></a></div>
 
-
 
-
<div class="link_ball">
 
-
<a href="#" title="Tsinghua iGEM Team 2010 RSS" target=_blank><img src="https://static.igem.org/mediawiki/2010/e/e7/Rss-32x32.png" /></a></div>
 
-
<br />
 
</div>
</div>
-
 
-
<div class="left_gadget">
 
-
<p id="firstline">Until the Jamboree</p>
 
-
<p><span id="pretimes" class="countdown"></span></p>
 
-
<span id="times" class="countdown"></span>
 
<script type="text/javascript">
<script type="text/javascript">
var now = new Date();
var now = new Date();
Line 52: Line 29:
seconds = (grt - now) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
seconds = (grt - now) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds);
snum = Math.round(seconds);
-
+
 
-
var showtext = " "
+
 
-
if(grt>=now)
+
if(days>0)
{
{
-
     if(dnum>0)
+
     document.getElementById("sday").innerHTML = String(dnum);
-
    {
+
     document.getElementById("shour").innerHTML = hnum;
-
        showtext = dnum+" Days ";
+
    document.getElementById("smin").innerHTML = mnum;
-
    }
+
     document.getElementById("ssec").innerHTML = snum;
-
    if(hnum>0)
+
}
-
    {
+
else if(dnum>=-3)
-
        showtext = showtext + String(hnum) + " Hours ";
+
{
-
     }
+
    daytext = new Array("First", "Second", "Third", "Fourth", "Fifth");
-
    if(showtext.length > 15)
+
     document.getElementById("counttitle").innerHTML = "Jamboree Going On";
-
    {
+
     document.getElementById("pday").innerHTML = "<span class=countdyna>" + daytext[0-dnum] + " Day</span>";
-
        document.getElementById("pretimes").style.display = "block";
+
    document.getElementById("phour").innerHTML = "Tsinghua Bioers,";
-
        document.getElementById("pretimes").innerHTML = showtext;   
+
     document.getElementById("pmin").innerHTML = "Cheer up!";
-
        showtext = "";
+
     document.getElementById("psec").style.display = "none";
-
     }
+
-
    else
+
-
    {
+
-
        document.getElementById("pretimes").style.display = "none";
+
-
    }
+
-
    if(mnum>0)
+
-
    {
+
-
        showtext = showtext + String(mnum) + " Minutes ";
+
-
     }
+
-
    if(showtext.length > 25)
+
-
     {
+
-
        document.getElementById("pretimes").style.display = "block";
+
-
        document.getElementById("pretimes").innerHTML = showtext;   
+
-
        showtext = "";
+
-
     }
+
-
 
+
-
    if(snum>0)
+
-
    {
+
-
        showtext = showtext + String(snum) + " Seconds ";
+
-
    }
+
-
     document.getElementById("times").innerHTML = showtext;
+
}
}
else
else
{
{
-
        document.getElementById("firstline").innerHTML = "Jamboree!";
+
    document.getElementById("counttitle").innerHTML = "iGEM 2010";
-
        document.getElementById("firstline").style.color = "#F33";
+
    document.getElementById("pday").style.display = "none";
 +
    document.getElementById("phour").innerHTML = "Tsinghua Bioers";
 +
    document.getElementById("pmin").innerText = "  Are the";
 +
    document.getElementById("psec").innerHTML = "<span class=countdyna>BEST!</span>";
}
}
-
 
-
 
}
}
 +
var getd;
var getd;
if(getd==null)
if(getd==null)
Line 104: Line 62:
     getd = setInterval("createtime()",250);
     getd = setInterval("createtime()",250);
}
}
 +
</script>
</script>
 +
</div>
</div>
 +
 +
<div class="left_gadget" style="display: none">
 +
<a href="http://www.easycounter.com/">
 +
<img src="http://www.easycounter.com/counter.php?guxiang"
 +
border="0" alt="Free Hit Counters"></a>
 +
</div>
 +
<div class="left_gadget">
<div class="left_gadget">
-
<div width=70%>
+
<h2>Follow us on</h2>
 +
<div class="link_ball">
 +
<a href="http://www.facebook.com/pages/Tsinghua-iGEM/145908955419937" title="Tsinghua iGEM Team 2010 Facebook" target=_blank><img src="https://static.igem.org/mediawiki/2010/c/c8/Facebook-32x32.png" class="fill_img" /></a></div>
 +
 
 +
<div class="link_ball">
 +
<a href="http://twitter.com/Tsinghua_iGEM" title="Tsinghua iGEM Team 2010 Twitter" target=_blank><img src="https://static.igem.org/mediawiki/2010/7/7e/Twitter-32x32.png" class="fill_img" /></a></div>
 +
 
 +
<div class="link_ball">
 +
<a href="http://www.youtube.com/user/TsinghuaiGEM" title="Tsinghua iGEM Team 2010 YouTube" target=_blank><img src="https://static.igem.org/mediawiki/2010/3/38/Youtube-32x32.png" class="fill_img" /></a></div>
 +
 
 +
<div class="link_ball">
 +
<a href="http://cn.linkedin.com/pub/tsinghua-igem-thu/23/317/573" title="Tsinghua iGEM Team 2010 LinkedIn" target=_blank><img src="https://static.igem.org/mediawiki/2010/2/22/Linkedin-32x32.png" /></a></div>
 +
 +
<div class="link_ball">
 +
<a href="#" title="Tsinghua iGEM Team 2010 RSS" target=_blank><img src="https://static.igem.org/mediawiki/2010/e/e7/Rss-32x32.png" /></a></div>
 +
<br />
 +
</div>
 +
 
 +
 
 +
<div class="left_gadget">
 +
<h2>Visitor Locations</h2>
 +
<a href="http://www3.clustrmaps.com/user/19fbb75c" target=blank><img src="http://www3.clustrmaps.com/stats/maps-no_clusters/2010.igem.org-Team-Tsinghua-thumb.jpg" width=100% />
 +
</a>
 +
</div>
 +
 
 +
<div class="left_gadget">
 +
<h2>Join the conversation</h2>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
<script>
Line 115: Line 108:
   rpp: 8,
   rpp: 8,
   interval: 8000,
   interval: 8000,
-
   width: 'auto',
+
   width: 210,
   height: 300,
   height: 300,
   theme: {
   theme: {
     shell: {
     shell: {
-
       background: '#CBF',
+
       background: '#99A',
       color: '#ffffff'
       color: '#ffffff'
     },
     },
     tweets: {
     tweets: {
-
       background: '#ACF',
+
       background: '#668',
       color: '#ffffff',
       color: '#ffffff',
       links: '#E83'
       links: '#E83'
Line 140: Line 133:
</script>
</script>
</div>
</div>
-
</div>
+
 
<div class="left_gadget" style="display: none">
<div class="left_gadget" style="display: none">
-
<script src="http://24timezones.com/js/swfobject.js" language="javascript"></script>
 
-
<script src="http://24timezones.com/timescript/maindata.js.php?city=136" language="javascript"></script>
 
-
<table><tr><td><div id="flash_container_tt4c98c810777e2"></div><script type="text/javascript">
 
-
var flashMap = new SWFObject("http://24timezones.com/timescript/banner24.swf", "main", "225", "150", "7.0.22", "#FFFFFF", true)
 
-
flashMap.addParam("movie",      "http://24timezones.com/timescript/banner24.swf");
 
-
flashMap.addParam("quality",    "high");
 
-
flashMap.addParam("wmode",      "transparent");
 
-
flashMap.addParam("flashvars",  "color=33FF00&logo=1&dataPath=http://24timezones.com/timescript/cities.xml");
 
-
flashMap.write("flash_container_tt4c98c810777e2");
 
-
</script></td></tr><tr><td style="text-align: center; font-weight: bold;font-family:arial;"><a href="http://24timezones.com" target="_blank" title="World time" style="text-decoration: none;color: #ff7777;font-size: 13px">World time</a></td></tr></table>
 
-
 
-
<script src="http://24timezones.com/js/swfobject.js" language="javascript"></script>
 
-
<script src="http://24timezones.com/timescript/maindata.js.php?city=257148" language="javascript"></script>
 
-
<table><tr><td><div id="flash_container_tt4c98c8ecb3fd9"></div><script type="text/javascript">
 
-
var flashMap = new SWFObject("http://24timezones.com/timescript/clock_final.swf", "main", "250", "250", "7.0.22", "#FFFFFF", true)
 
-
flashMap.addParam("movie",      "http://24timezones.com/timescript/clock_final.swf");
 
-
flashMap.addParam("quality",    "high");
 
-
flashMap.addParam("wmode",    "transparent");
 
-
flashMap.addParam("flashvars",  "color=0000FF&logo=1&city=257148");
 
-
flashMap.write("flash_container_tt4c98c8ecb3fd9");
 
-
</script></td></tr><tr><td style="text-align: center; font-weight: bold"><a href="http://24timezones.com/world_directory/time_in_beijing.php" target="_blank" style="text-decoration: none" title="time Beijing">Beijing</a></td></tr></table>
 
-
 
-
 
-
<script src="http://24timezones.com/js/swfobject.js" language="javascript"></script>
 
-
<script src="http://24timezones.com/timescript/maindata.js.php?city=257151" language="javascript"></script>
 
-
<table><tr><td><div id="flash_container_tt4c98c92d93c59"></div><script type="text/javascript">
 
-
var flashMap = new SWFObject("http://24timezones.com/timescript/clock_final.swf", "main", "250", "250", "7.0.22", "#FFFFFF", true)
 
-
flashMap.addParam("movie",      "http://24timezones.com/timescript/clock_final.swf");
 
-
flashMap.addParam("quality",    "high");
 
-
flashMap.addParam("wmode",    "transparent");
 
-
flashMap.addParam("flashvars",  "color=FF9900&logo=1&city=257151");
 
-
flashMap.write("flash_container_tt4c98c92d93c59");
 
-
</script></td></tr><tr><td style="text-align: center; font-weight: bold"><a href="http://24timezones.com/world_directory/time_in_boston.php" target="_blank" style="text-decoration: none" title="time Boston">Boston</a></td></tr></table>
 
-
 
-
 
-
 
-
</div>
 
-
<div class="left_gadget">
 
<embed src="http://www.8box.com/feed/000000_s_207318_/mini.swf" type="application/x-shockwave-flash" wmode="transparent" width="160" height="32"></embed>
<embed src="http://www.8box.com/feed/000000_s_207318_/mini.swf" type="application/x-shockwave-flash" wmode="transparent" width="160" height="32"></embed>
</div>
</div>

Latest revision as of 16:09, 21 October 2010

Until Jamboree

days

hours

minutes

seconds

Follow us on


Visitor Locations

Join the conversation