Template:Harvardmain
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{Harvard_css}} | {{Harvard_css}} | ||
+ | |||
<html> | <html> | ||
<div id="allcontent"> | <div id="allcontent"> | ||
<img class="bannerimage" src="https://static.igem.org/mediawiki/2010/2/2d/Harvard2010igardenbanner.png" width="950px"><br /> | <img class="bannerimage" src="https://static.igem.org/mediawiki/2010/2/2d/Harvard2010igardenbanner.png" width="950px"><br /> | ||
</html> | </html> | ||
+ | |||
{{Harvard_topbar}} | {{Harvard_topbar}} | ||
+ | |||
+ | <html> | ||
+ | <div id="sidebar"> | ||
+ | <img src="https://static.igem.org/mediawiki/2010/9/9e/Harvard2010teamphoto.jpg" width="300px"> | ||
+ | |||
+ | <div id="twitter_div"> | ||
+ | <div id="twitter_head"> | ||
+ | <p>team updates<a href="http://twitter.com/harvardigem" id="twitter-link">follow us on twitter</a></p> | ||
+ | </div> | ||
+ | |||
+ | <ul id="twitter_update_list"></ul> | ||
+ | </div> | ||
+ | <script> | ||
+ | /* based on http://twitter.com/javascripts/blogger.js */ | ||
+ | function twitterCallback2(twitters) { | ||
+ | var statusHTML = []; | ||
+ | for (var i=0; i<twitters.length; i++){ | ||
+ | var username = twitters[i].user.screen_name; | ||
+ | var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) { | ||
+ | return '<a href="'+url+'">'+url+'</a>'; | ||
+ | }).replace(/\B@([_a-z0-9]+)/ig, function(reply) { | ||
+ | return reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>'; | ||
+ | }); | ||
+ | statusHTML.push('<li><img src="https://static.igem.org/mediawiki/2010/1/11/Harvard2010leaficon.png"/><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>'); | ||
+ | } | ||
+ | document.getElementById('twitter_update_list').innerHTML = statusHTML.join(''); | ||
+ | } | ||
+ | |||
+ | function relative_time(time_value) { | ||
+ | var values = time_value.split(" "); | ||
+ | time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3]; | ||
+ | var parsed_date = Date.parse(time_value); | ||
+ | var relative_to = (arguments.length > 1) ? arguments[1] : new Date(); | ||
+ | var delta = parseInt((relative_to.getTime() - parsed_date) / 1000); | ||
+ | delta = delta + (relative_to.getTimezoneOffset() * 60); | ||
+ | |||
+ | if (delta < 60) { | ||
+ | return 'less than a minute ago'; | ||
+ | } else if(delta < 120) { | ||
+ | return 'about a minute ago'; | ||
+ | } else if(delta < (60*60)) { | ||
+ | return (parseInt(delta / 60)).toString() + ' minutes ago'; | ||
+ | } else if(delta < (120*60)) { | ||
+ | return 'about an hour ago'; | ||
+ | } else if(delta < (24*60*60)) { | ||
+ | return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago'; | ||
+ | } else if(delta < (48*60*60)) { | ||
+ | return '1 day ago'; | ||
+ | } else { | ||
+ | return (parseInt(delta / 86400)).toString() + ' days ago'; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/harvardigem.json?callback=twitterCallback2&count=5"></script> | ||
+ | </div> | ||
+ | </html> |
Revision as of 17:10, 21 July 2010