Team:MIT/Notebook
From 2013.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | + | {{MIT-style}} | |
- | + | {{MIT-header2}} | |
<html> | <html> | ||
- | < | + | <head> |
- | <div id=" | + | |
- | + | <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> | |
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> | ||
+ | |||
+ | |||
+ | <!-- TODO: add pre/n buttons --> | ||
+ | <script> | ||
+ | document.title = "MIT iGEM - Lab Notebook"; | ||
+ | function direct_link_to_page() | ||
+ | { | ||
+ | var hash = window.location.hash; | ||
+ | if (hash != "") | ||
+ | { | ||
+ | $('.section').hide(); | ||
+ | //var name = $(this).attr('id'); | ||
+ | $(hash).fadeIn(500); | ||
+ | } | ||
+ | } | ||
+ | $(document).ready(function(){ | ||
+ | $('#nav_notebook a').first().css('background-color','#333333'); | ||
+ | $('.section').css('display','none'); | ||
+ | $('.col_list li').css('cursor','pointer'); | ||
+ | $('#overviewbio').css('display','inline'); | ||
+ | |||
+ | $('.col_list li').hover(function() { | ||
+ | $(this).css('background-color','#a3abae'); | ||
+ | }, function() { | ||
+ | $(this).css('background-color','#ffffff'); | ||
+ | }); | ||
+ | |||
+ | $("#accordion").accordion({ autoHeight: false, active: false }); | ||
+ | |||
+ | direct_link_to_page(); | ||
+ | |||
+ | $('.col_list li').click(function () { | ||
+ | $('.section').hide(); | ||
+ | var name = $(this).attr('id'); | ||
+ | $('#'+name+'bio').fadeIn(500); | ||
+ | |||
+ | }); | ||
+ | }); | ||
+ | |||
+ | //Scrollbar moving stuff | ||
+ | $(function() { | ||
+ | |||
+ | var $sidebar = $("#col_nav"), | ||
+ | offset = $sidebar.offset(), | ||
+ | topPadding = 0, | ||
+ | $window = $(window); | ||
+ | |||
+ | |||
+ | $window.scroll(function() { | ||
+ | if ($window.scrollTop() > offset.top - topPadding) { | ||
+ | $sidebar.css({'margin-top': $window.scrollTop() - offset.top + topPadding}) | ||
+ | } else { | ||
+ | $sidebar.css({'margin-top': 0}) | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="col_nav"> | ||
+ | <div id="accordion"> | ||
+ | |||
+ | |||
+ | <h3 id="construction_h3"><a href="#">Construction and <em>In Vitro</em></a></h3> | ||
+ | <div class="col_list"> | ||
+ | <ul> | ||
+ | <li id="construction">Construction and <em>In Vitro</em> Studies</li> | ||
+ | </ul> | ||
+ | </div><!-- end construction and in vitro--> | ||
+ | |||
+ | <h3><a href="#">Tissue Culture</a></h3> | ||
+ | <div class="col_list"> | ||
+ | <ul> | ||
+ | <li id="springtc">Spring</li> | ||
+ | <li id="summertc">Summer</li> | ||
+ | <li id="falltc">Fall</li> | ||
+ | </ul> | ||
+ | </div><!-- end TC--> | ||
+ | |||
+ | </div> <!-- end accordion--> | ||
+ | </div> <!-- end col_nav--> | ||
+ | |||
+ | <div id="col_left"> | ||
+ | <div class="section" id="overviewbio"> | ||
+ | <h1> Notebook Overview </h1> | ||
+ | |||
+ | Our team has been working hard on our project for many months, and we are proud to share our exciting results with the iGEM community! Here we present a summary of our daily progress and experiments. | ||
+ | Starting in the 2012 spring semester, our team learned laboratory technique and began experiments. Over the summer, the full 16 member team - including one undergraduate student from another university - worked full-time on the project. Currently, during the 2012 fall semester, many members of the team are continuing to invest time and conduct experiments for the project through the Undergraduate Research Opportunities Program at MIT. | ||
+ | |||
+ | <br/><br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/c/c1/MIT_team.png"> | ||
+ | <div class="clear"></div> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <div class="section" id="constructionbio"> |
+ | <h1>Construction and <em>In Vitro</em> Lab Notebook</h1> | ||
+ | <style> | ||
+ | #notebook td, th { border: solid 1px gray; padding: 1px 1px 1px 2px; } | ||
+ | #notebook { border-collapse: collapse; } | ||
+ | #notebook .date { text-align: left; padding-right: 2px; } | ||
+ | </style> | ||
+ | <table border=0 cellpadding=0 cellspacing=0 id="notebook"> | ||
- | + | </table> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <div class="section" id="springtcbio"> | ||
+ | <h1> Spring Tissue Culture Lab Notebook </h1> | ||
+ | </div> | ||
- | + | <div class="section" id="summertcbio"> | |
+ | <h1>Summer Tissue Culture Lab Notebook</h1> | ||
+ | |||
+ | <h2><b> Week One: 6/11/12 - 6/17/12 </b></h2> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |