Team:Tsinghua/leftbar

From 2010.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 3: Line 3:
<div class="left_gadget">
<div class="left_gadget">
-
<div style="width: 100%; height: 100%; background: #822" >
+
<div class="countdown">
-
<div style="margin: 20px 5px; background: #2A3; color: black; size: 18pt; text-align: center">
+
<div id="counttitle">
Until Jamboree</div>
Until Jamboree</div>
-
<div style="margin: 8px; background: #2A3">
+
<div class="countback">
-
<p style="color: white; size: 18pt; font-weight: bold; text-indent: 3pc" id="pday">I </p>
+
<p class="countstatic" id="pday"> <span class="countdyna" id="sday"></span> days</p>
-
<p style="color: white; size: 18pt; font-weight: bold; text-indent: 3pc" id="phour">S </p>
+
<p class="countstatic" id="phour"><span class="countdyna" id="shour"></span> hours</p>
-
<p style="color: white; size: 18pt; font-weight: bold; text-indent: 3pc" id="pmin">E </p>
+
<p class="countstatic" id="pmin"> <span class="countdyna" id="smin"></span> minutes</p>
-
<p style="color: white; size: 18pt; font-weight: bold; text-indent: 3pc" id="psec"> U</p>
+
<p class="countstatic" id="psec"> <span class="countdyna" id="ssec"></span> seconds</p>
</div>
</div>
</div>
</div>
Line 30: Line 30:
snum = Math.round(seconds);
snum = Math.round(seconds);
-
document.getElementById("pday").InnerHTML=dnum + "  days";
 
-
document.getElementById("phour").InnerHTML=hnum + "    hours";
 
-
document.getElementById("pmin").InnerHTML=mnum + "    minutes";
 
-
document.getElementById("psec").InnerHTML=snum + "    seconds";
 
 +
if(days>0)
 +
{
 +
    document.getElementById("sday").innerHTML = String(dnum);
 +
    document.getElementById("shour").innerHTML = hnum;
 +
    document.getElementById("smin").innerHTML = mnum;
 +
    document.getElementById("ssec").innerHTML = snum;
}
}
 +
else if(dnum>=-3)
 +
{
 +
    daytext = new Array("First", "Second", "Third", "Fourth", "Fifth");
 +
    document.getElementById("counttitle").innerHTML = "Jamboree Going On";
 +
    document.getElementById("pday").innerHTML = "<span class=countdyna>" + daytext[0-dnum] + " Day</span>";
 +
    document.getElementById("phour").innerHTML = "Tsinghua Bioers,";
 +
    document.getElementById("pmin").innerHTML = "Cheer up!";
 +
    document.getElementById("psec").style.display = "none";
 +
}
 +
else
 +
{
 +
    document.getElementById("counttitle").innerHTML = "iGEM 2010";
 +
    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 43: Line 64:
</script>
</script>
-
</div>
 
-
<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>
-
<div class="left_gadget">
+
<div class="left_gadget" style="display: none">
<a href="http://www.easycounter.com/">
<a href="http://www.easycounter.com/">
<img src="http://www.easycounter.com/counter.php?guxiang"
<img src="http://www.easycounter.com/counter.php?guxiang"
Line 58: Line 74:
<div class="left_gadget">
<div class="left_gadget">
-
<p>Follow us on</p>
+
<h2>Follow us on</h2>
<div class="link_ball">
<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>  
<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>  
Line 75: Line 91:
<br />
<br />
</div>
</div>
 +
<div class="left_gadget">
<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 85: Line 108:
   rpp: 8,
   rpp: 8,
   interval: 8000,
   interval: 8000,
-
   width: 180,
+
   width: 210,
   height: 300,
   height: 300,
   theme: {
   theme: {
Line 110: Line 133:
</script>
</script>
</div>
</div>
-
<!---
 
-
<div class="left_gadget">
 
-
<script src="http://24timezones.com/js/swfobject.js" language="javascript"></script>
+
<div class="left_gadget" style="display: none">
-
<script src="http://24timezones.com/timescript/maindata.js.php?city=260076" language="javascript"></script>
+
-
<div id="flash_container_tt4ca49ef75ff93"></div><script type="text/javascript">
+
-
var flashMap = new SWFObject("http://24timezones.com/timescript/clock_final.swf", "main", "200", "200", "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=0099FF&logo=1&city=260076");
+
-
flashMap.write("flash_container_tt4ca49ef75ff93");
+
-
</script>Time in Beijing
+
-
 
+
-
 
+
-
</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