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&amp;count=5"></script>
 +
</div>
 +
</html>

Revision as of 17:10, 21 July 2010