|
|
(3 intermediate revisions not shown) |
Line 1: |
Line 1: |
| {{Harvard_css}} | | {{Harvard_css}} |
- |
| |
| <html> | | <html> |
| + | <script type="text/javascript" src="/wiki/images/2/2c/Float.txt"></script> |
| <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>
| |