Team:Brown-Stanford/Templates/Main
From 2011.igem.org
(Difference between revisions)
(216 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
__NOTOC__<html lang="en"> | __NOTOC__<html lang="en"> | ||
+ | <!-- | ||
+ | |||
+ | Please link to our wiki and cite us if you like what you see and would like to use | ||
+ | any of the code used on our wiki. | ||
+ | |||
+ | -Brown-Stanford iGEM 2011 | ||
+ | |||
+ | --> | ||
<head> | <head> | ||
+ | |||
+ | <script language="javascript"> | ||
+ | function toggle() { | ||
+ | var ele = document.getElementById("news"); | ||
+ | var text = document.getElementById("toggleNews"); | ||
+ | if(ele.style.display == "block") { | ||
+ | ele.style.display = "none"; | ||
+ | text.innerHTML = "<h3>Show News and Media</h3>"; | ||
+ | } | ||
+ | else { | ||
+ | ele.style.display = "block"; | ||
+ | text.innerHTML = "<h3>Hide News and Media</h3>"; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
- | <script type= | + | <script type="text/javascript"> |
+ | $(document).ready(function() { | ||
+ | $("#twitter").getTwitter({ | ||
+ | userName: "Brown_iGEM", | ||
+ | numTweets: 1, | ||
+ | loaderText: "Loading tweets...", | ||
+ | slideIn: true, | ||
+ | slideDuration: 750, | ||
+ | showHeading: true, | ||
+ | headingText: "Latest Tweets", | ||
+ | showProfileLink: true, | ||
+ | showTimestamp: true | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | function ethics(url) { | ||
+ | popupWindow = window.open(url,'popUpWindow','innerHeight=600,innerWidth=800,left=(screen.availwidth-width)/2,top=(screen.availheight-height)/2,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no') | ||
+ | } | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | (function($) { | ||
+ | /* | ||
+ | jquery.twitter.js v1.5 | ||
+ | Last updated: 08 July 2009 | ||
+ | |||
+ | Created by Damien du Toit | ||
+ | http://coda.co.za/blog/2008/10/26/jquery-plugin-for-twitter | ||
+ | |||
+ | Licensed under a Creative Commons Attribution-Non-Commercial 3.0 Unported License | ||
+ | http://creativecommons.org/licenses/by-nc/3.0/ | ||
+ | */ | ||
+ | |||
+ | $.fn.getTwitter = function(options) { | ||
+ | |||
+ | $.fn.getTwitter.defaults = { | ||
+ | userName: null, | ||
+ | numTweets: 1, | ||
+ | loaderText: "Loading tweet...", | ||
+ | slideIn: true, | ||
+ | slideDuration: 750, | ||
+ | showHeading: true, | ||
+ | headingText: "Latest Tweets", | ||
+ | showProfileLink: true, | ||
+ | showTimestamp: true | ||
+ | }; | ||
+ | |||
+ | var o = $.extend({}, $.fn.getTwitter.defaults, options); | ||
+ | |||
+ | return this.each(function() { | ||
+ | var c = $(this); | ||
+ | |||
+ | // hide container element, remove alternative content, and add class | ||
+ | c.hide().empty().addClass("twitted"); | ||
+ | |||
+ | // add heading to container element | ||
+ | if (o.showHeading) { | ||
+ | c.append("<h2>"+o.headingText+"</h2>"); | ||
+ | } | ||
+ | |||
+ | // add Twitter profile link to container element | ||
+ | if (o.showProfileLink) { | ||
+ | var profileLinkHTML = "<p class=\"profileLink\"><a href=\"http://twitter.com/"+o.userName+"\">http://twitter.com/"+o.userName+"</a></p>"; | ||
+ | c.append(profileLinkHTML); | ||
+ | } | ||
+ | |||
+ | // add twitter list to container element | ||
+ | var twitterListHTML = "<ul id=\"twitter_update_list\"><li></li></ul>"; | ||
+ | c.append(twitterListHTML); | ||
+ | |||
+ | var tl = $("#twitter_update_list"); | ||
+ | |||
+ | // hide twitter list | ||
+ | tl.hide(); | ||
+ | |||
+ | // add preLoader to container element | ||
+ | var preLoaderHTML = $("<p class=\"preLoader\">"+o.loaderText+"</p>"); | ||
+ | c.append(preLoaderHTML); | ||
+ | |||
+ | // show container element | ||
+ | c.show(); | ||
+ | |||
+ | $.getScript("http://twitter.com/javascripts/blogger.js"); | ||
+ | $.getScript("http://twitter.com/statuses/user_timeline/"+o.userName+".json?callback=twitterCallback2&count="+o.numTweets, function() { | ||
+ | // remove preLoader from container element | ||
+ | $(preLoaderHTML).remove(); | ||
+ | |||
+ | // remove timestamp and move to title of list item | ||
+ | if (!o.showTimestamp) { | ||
+ | tl.find("li").each(function() { | ||
+ | var timestampHTML = $(this).children("a"); | ||
+ | var timestamp = timestampHTML.html(); | ||
+ | timestampHTML.remove(); | ||
+ | $(this).attr("title", timestamp); | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | // show twitter list | ||
+ | if (o.slideIn) { | ||
+ | var tlHeight = tl.data("originalHeight"); | ||
+ | |||
+ | // get the original height | ||
+ | if (!tlHeight) { | ||
+ | tlHeight = tl.show().height(); | ||
+ | tl.data("originalHeight", tlHeight); | ||
+ | tl.hide().css({height: 0}); | ||
+ | } | ||
+ | |||
+ | tl.show().animate({height: tlHeight}, o.slideDuration); | ||
+ | } | ||
+ | else { | ||
+ | tl.show(); | ||
+ | } | ||
+ | |||
+ | // add unique class to first list item | ||
+ | tl.find("li:first").addClass("firstTweet"); | ||
+ | |||
+ | // add unique class to last list item | ||
+ | tl.find("li:last").addClass("lastTweet"); | ||
+ | }); | ||
+ | }); | ||
+ | }; | ||
+ | })(jQuery); | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
/* | /* | ||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ | ||
Line 214: | Line 361: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function() { | $(function() { | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
$('#sdt_menu > li').bind('mouseenter',function(){ | $('#sdt_menu > li').bind('mouseenter',function(){ | ||
var $elem = $(this); | var $elem = $(this); | ||
+ | var $sub_menu = $elem.find('.sdt_box'); | ||
+ | if($sub_menu.length){ | ||
+ | $sub_menu.show().animate({'top':'0px','height':'0px'},0); | ||
+ | } | ||
+ | |||
$elem.find('img') | $elem.find('img') | ||
.stop(true) | .stop(true) | ||
.animate({ | .animate({ | ||
- | 'width':' | + | 'width':'142px', |
- | 'height':' | + | 'height':'142px', |
'left':'0px' | 'left':'0px' | ||
- | }, | + | },200,'easeOutBack') |
.andSelf() | .andSelf() | ||
.find('.sdt_wrap') | .find('.sdt_wrap') | ||
.stop(true) | .stop(true) | ||
- | .animate({'top':' | + | .animate({'top':'100px'},300,'easeOutSine') |
.andSelf() | .andSelf() | ||
.find('.sdt_active') | .find('.sdt_active') | ||
.stop(true) | .stop(true) | ||
- | .animate({'height':' | + | .animate({'height':'150px','top':'0px'},300,function(){ |
var $sub_menu = $elem.find('.sdt_box'); | var $sub_menu = $elem.find('.sdt_box'); | ||
if($sub_menu.length){ | if($sub_menu.length){ | ||
- | + | var a = $sub_menu[0].getElementsByTagName('a').length; | |
- | + | var px = a*32+15; | |
- | + | var height = px+'px'; | |
- | $sub_menu.show().animate({' | + | $sub_menu.show().animate({'top':'150px','height':height},400); |
} | } | ||
}); | }); | ||
Line 250: | Line 395: | ||
var $sub_menu = $elem.find('.sdt_box'); | var $sub_menu = $elem.find('.sdt_box'); | ||
if($sub_menu.length) | if($sub_menu.length) | ||
- | $sub_menu.hide(). | + | $sub_menu.hide().animate({'top':'0px','height':'0px'},0,function(){ |
- | + | $elem.find('.sdt_active') | |
- | + | ||
.stop(true) | .stop(true) | ||
.animate({'height':'0px'},300) | .animate({'height':'0px'},300) | ||
Line 265: | Line 409: | ||
.stop(true) | .stop(true) | ||
.animate({'top':'25px'},500); | .animate({'top':'25px'},500); | ||
+ | }); | ||
+ | |||
}); | }); | ||
}); | }); | ||
</script> | </script> | ||
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'> | ||
- | |||
- | |||
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<style> | <style> | ||
span.reference{ | span.reference{ | ||
Line 396: | Line 436: | ||
ul.sdt_menu{ | ul.sdt_menu{ | ||
margin-top:150px; | margin-top:150px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
</style> | </style> | ||
- | < | + | <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" /> |
- | + | </head> | |
- | + | <body> | |
- | + | <div style="margin-left: auto; margin-right: auto; margin-top:-15px; z-index:-10; text-align: center;"> | |
- | + | <a href="/Team:Brown-Stanford" style="text-decoration: none !important;"> | |
- | + | <!--<img src="https://static.igem.org/mediawiki/2011/1/12/Brown-Stanford_Banner.jpg">--> | |
- | + | <span style="font-size: 40pt !important; line-height: 40pt !important; color: white !important; font-weight: bold !important;">Brown-Stanford<br>iGEM</span> | |
- | + | </a> | |
- | + | </div> | |
- | + | ||
- | </ | + | |
- | + | <div id="header" style="height:100px;padding: 0px 0px 0px 0px; margin-bottom:0px"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div id="header" style="height:100px;padding: | + | |
<ul id="sdt_menu" class="sdt_menu"> | <ul id="sdt_menu" class="sdt_menu"> | ||
<li> | <li> | ||
- | <a href="/Team:Brown-Stanford/"> | + | <a href="/Team:Brown-Stanford/REGObricks/Introduction"> |
- | + | <img src="https://static.igem.org/mediawiki/2011/3/39/Brown-Stanford_REGObricks-Thumb.png" alt=""/> | |
<span class="sdt_active"></span> | <span class="sdt_active"></span> | ||
<span class="sdt_wrap"> | <span class="sdt_wrap"> | ||
- | <span class="sdt_link"> | + | <span class="sdt_link">REGObricks</span> |
- | <span class="sdt_descr"> | + | <span class="sdt_descr"></span> |
</span> | </span> | ||
</a> | </a> | ||
<div class="sdt_box"> | <div class="sdt_box"> | ||
- | <a href="/Team:Brown-Stanford"> | + | <a href="/Team:Brown-Stanford/REGObricks/Introduction">Intro</a> |
- | <a href="/Team:Brown-Stanford/Team">Team | + | <d>---------------------</d> |
+ | <a href="/Team:Brown-Stanford/REGObricks/ISRU">ISRU</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/REGObricks/Biocementation">Biocement</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/REGObricks/Characterization"><em>S. pasteurii</em></a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/REGObricks/Balloon">Balloon<br>Flights</a> | ||
+ | <a></a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/REGObricks/Transforming">Transforming</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/REGObricks/Biobrick">Biobrick</html><sup>2</sup><html></a> | ||
</div> | </div> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href="/Team:Brown-Stanford/ | + | <a href="/Team:Brown-Stanford/PowerCell/Introduction"> |
- | <img src="https://static.igem.org/mediawiki/2011/ | + | <img src="https://static.igem.org/mediawiki/2011/9/9a/Brown-Stanford_PowerCell-Thumb.png" alt=""/> |
<span class="sdt_active"></span> | <span class="sdt_active"></span> | ||
<span class="sdt_wrap"> | <span class="sdt_wrap"> | ||
- | <span class="sdt_link"> | + | <span class="sdt_link">PowerCell</span> |
- | <span class="sdt_descr"> | + | <span class="sdt_descr"></span> |
</span> | </span> | ||
</a> | </a> | ||
<div class="sdt_box"> | <div class="sdt_box"> | ||
- | <a href="/Team:Brown-Stanford/ | + | <a href="/Team:Brown-Stanford/PowerCell/Introduction">Intro</a> |
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/PowerCell/Cyanobacteria">Cyanobacteria</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/PowerCell/Background">Mars</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/PowerCell/NutrientSecretion">Nutrients</a> | ||
</div> | </div> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href="/Team:Brown-Stanford/ | + | <a href="/Team:Brown-Stanford/FRETSensor/Introduction"> |
- | <img src="https://static.igem.org/mediawiki/2011/ | + | <img src="https://static.igem.org/mediawiki/2011/4/4c/Brown-Stanford_DNADamage-Thumb.png" alt=""/> |
<span class="sdt_active"></span> | <span class="sdt_active"></span> | ||
<span class="sdt_wrap"> | <span class="sdt_wrap"> | ||
- | <span class="sdt_link"> | + | <span class="sdt_link">FRETcetera</span> |
<span class="sdt_descr"></span> | <span class="sdt_descr"></span> | ||
</span> | </span> | ||
</a> | </a> | ||
<div class="sdt_box"> | <div class="sdt_box"> | ||
- | <a href="/Team:Brown-Stanford/ | + | <a href="/Team:Brown-Stanford/FRETSensor/Introduction">Intro</a> |
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/FRETSensor/Biosensing">FRET etc.</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/FRETSensor/Construct">Construct</a> | ||
</div> | </div> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href="/Team:Brown-Stanford/ | + | <a href="/Team:Brown-Stanford/Team"> |
- | <img src="https://static.igem.org/mediawiki/2011/ | + | <img src="https://static.igem.org/mediawiki/2011/a/ae/Brown-Stanford_Lab_Thumb.jpg" alt=""/> |
<span class="sdt_active"></span> | <span class="sdt_active"></span> | ||
<span class="sdt_wrap"> | <span class="sdt_wrap"> | ||
- | <span class="sdt_link"> | + | <span class="sdt_link">Lab</span> |
+ | <span class="sdt_descr"></span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box" style="height:60px"> | ||
+ | <a href="/Team:Brown-Stanford/Team">Team</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/Lab/Parts">Parts</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/Lab/Notebook">Notebook</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/Lab/Protocols">Protocols</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/Lab/Safety">Safety</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="/Team:Brown-Stanford/Collaboration"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/d/d3/Brown-Stanford_Collab_Thumb.jpg" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Partners</span> | ||
<span class="sdt_descr"></span> | <span class="sdt_descr"></span> | ||
</span> | </span> | ||
</a> | </a> | ||
<div class="sdt_box"> | <div class="sdt_box"> | ||
- | <a href="/Team:Brown-Stanford/ | + | <a href="/Team:Brown-Stanford/Collaboration">Collab</a> |
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/Sponsors">Sponsors</a> | ||
</div> | </div> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href="/"> | + | <a href="/Team:Brown-Stanford/Outreach"> |
- | <img src="https://static.igem.org/mediawiki/2011/ | + | <img src="https://static.igem.org/mediawiki/2011/e/e1/Brown-Stanford_Outreach_Thumb.jpg" alt=""/> |
<span class="sdt_active"></span> | <span class="sdt_active"></span> | ||
<span class="sdt_wrap"> | <span class="sdt_wrap"> | ||
- | <span class="sdt_link"> | + | <span class="sdt_link">Outreach</span> |
<span class="sdt_descr"></span> | <span class="sdt_descr"></span> | ||
</span> | </span> | ||
</a> | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="/Team:Brown-Stanford/SB5">SB5.0</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/NASA">NASA</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/Lunar">Lunar Science</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/MakerFaire">Maker Faire</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/BBC">BBC</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="http://openwetware.org/wiki/IGEM_Outreach" target="_blank">CBricks</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="JavaScript:ethics('/Team:Brown-Stanford/SynEthics/Intro');">Ethics</a> | ||
+ | <d>---------------------</d> | ||
+ | <a href="/Team:Brown-Stanford/RegionalJamboree">Regional<br>Jamboree</a> | ||
+ | <a></a> | ||
+ | </div> | ||
</li> | </li> | ||
</ul> | </ul> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Latest revision as of 02:41, 29 October 2011