|
|
| Line 6: |
Line 6: |
| | </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>
| |
"
