Team:Tsinghua/leftbar
From 2010.igem.org
(Difference between revisions)
(108 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <div | + | <div id="right_bar"> |
- | + | ||
- | + | ||
- | + | ||
<div class="left_gadget"> | <div class="left_gadget"> | ||
- | + | <div class="countdown"> | |
- | + | <div id="counttitle"> | |
- | <div class=" | + | Until Jamboree</div> |
- | < | + | <div class="countback"> |
- | + | <p class="countstatic" id="pday"> <span class="countdyna" id="sday"></span> days</p> | |
- | <div class=" | + | <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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var now = new Date(); | var now = new Date(); | ||
function createtime(){ | function createtime(){ | ||
- | var grt= new Date("11/ | + | var grt= new Date("11/5/2010 8:00:00"); |
- | + | ||
now.setTime(now.getTime()+250); | now.setTime(now.getTime()+250); | ||
days = (grt - now) / 1000 / 60 / 60 / 24; | days = (grt - now) / 1000 / 60 / 60 / 24; | ||
Line 38: | Line 23: | ||
hours = (grt - now) / 1000 / 60 / 60 - (24 * dnum); | hours = (grt - now) / 1000 / 60 / 60 - (24 * dnum); | ||
hnum = Math.floor(hours); | hnum = Math.floor(hours); | ||
- | + | ||
minutes = (grt - now) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum); | minutes = (grt - now) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum); | ||
mnum = Math.floor(minutes); | mnum = Math.floor(minutes); | ||
- | + | ||
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); | ||
- | + | ||
- | + | ||
- | + | if(days>0) | |
- | if( | + | |
{ | { | ||
- | + | document.getElementById("sday").innerHTML = String(dnum); | |
+ | document.getElementById("shour").innerHTML = hnum; | ||
+ | document.getElementById("smin").innerHTML = mnum; | ||
+ | document.getElementById("ssec").innerHTML = snum; | ||
} | } | ||
- | if( | + | 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(" | + | document.getElementById("pmin").innerHTML = "Cheer up!"; |
- | document.getElementById(" | + | document.getElementById("psec").style.display = "none"; |
- | + | ||
} | } | ||
else | else | ||
{ | { | ||
- | document.getElementById(" | + | 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>"; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | if( | + | var getd; |
+ | if(getd==null) | ||
{ | { | ||
- | + | getd = setInterval("createtime()",250); | |
- | + | ||
- | + | ||
} | } | ||
+ | |||
+ | </script> | ||
+ | |||
+ | </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"> | ||
+ | <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> | ||
+ | new TWTR.Widget({ | ||
+ | version: 2, | ||
+ | type: 'profile', | ||
+ | rpp: 8, | ||
+ | interval: 8000, | ||
+ | width: 210, | ||
+ | height: 300, | ||
+ | theme: { | ||
+ | shell: { | ||
+ | background: '#99A', | ||
+ | color: '#ffffff' | ||
+ | }, | ||
+ | tweets: { | ||
+ | background: '#668', | ||
+ | color: '#ffffff', | ||
+ | links: '#E83' | ||
+ | } | ||
+ | }, | ||
+ | features: { | ||
+ | scrollbar: true, | ||
+ | loop: true, | ||
+ | live: true, | ||
+ | hashtags: true, | ||
+ | timestamp: true, | ||
+ | avatars: true, | ||
+ | behavior: 'default' | ||
+ | } | ||
+ | }).render().setUser('Tsinghua_iGEM').start(); | ||
</script> | </script> | ||
+ | </div> | ||
+ | |||
+ | <div class="left_gadget" style="display: none"> | ||
+ | <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> | </div> | ||
</html> | </html> |
Latest revision as of 16:09, 21 October 2010