Team:MIT/Notebook
From 2012.igem.org
(Difference between revisions)
(Replaced content with "{{MIT-header2}} {{MIT-style}} <html> <head> </head> <body> <div id="col_center"> <div id="block-content"> </div><!--end block-content--> </div> <!--End col_center--...") |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
+ | <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).ready(function(){ | ||
+ | $('.bio').css('display','none'); | ||
+ | $('.col_list li').css('cursor','pointer'); | ||
+ | $('.col_list li').hover(function() { | ||
+ | $(this).css('background-color','#a3abae'); | ||
+ | }, function() { | ||
+ | $(this).css('background-color','#ffffff'); | ||
+ | }); | ||
+ | |||
+ | $("#accordion").accordion(); | ||
+ | |||
+ | $('.col_list li').click(function () { | ||
+ | $('.bio').hide(); | ||
+ | var name = $(this).attr('id'); | ||
+ | $('#'+name+'bio').fadeIn(500); | ||
+ | |||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</head> | </head> | ||
+ | |||
<body> | <body> | ||
- | |||
- | |||
- | |||
+ | <div id="col_nav"> | ||
+ | |||
+ | <div id="accordion"> | ||
+ | <h3><a href="#">Undergraduates</a></h3> | ||
+ | <div class="col_list"> | ||
+ | <ul> | ||
+ | <li id="ga">Giulio Alighieri</li> | ||
+ | <li id="ea">Eta Atolia</li> | ||
+ | <li id="kb">Katie Bodner</li> | ||
+ | <li id="kg">Keren Greenbaum</li> | ||
+ | <li id="di">Divya Israni</li> | ||
+ | <li id="rl">Robert Learsch</li> | ||
+ | <li id="wl">Wilson Louie</li | ||
+ | <li id="ke">Kristjan Eerik Kaseniit</li> | ||
+ | <li id="nk">Nathan Kipniss</li> | ||
+ | <li id="jk">Jenna Klein</li> | ||
+ | <li id="as">Ala'a Siam</li> | ||
+ | <li id="fs">Felix Sun</li> | ||
+ | <li id="cv">Chelsea Voss</li> | ||
+ | <li id="lv">Linh Vuong</li> | ||
+ | <li id="lx">Lealia Xiong</li> | ||
+ | |||
+ | </ul> | ||
+ | </div><!-- end undergrads --> | ||
+ | |||
+ | <h3><a href="#">Instructors</a></h3> | ||
+ | |||
+ | <div class="col_list"> | ||
+ | <ul> | ||
+ | <li id="rw">Ron Weiss</li> | ||
+ | <li id="jb">Jonathan Babb</li> | ||
+ | |||
+ | </ul> | ||
+ | </div><!-- end instructors--> | ||
+ | |||
+ | <h3><a href="#">Advisors</a></h3> | ||
+ | |||
+ | <div class="col_list"> | ||
+ | <ul> | ||
+ | <li id="dm">Deepak Mishra </li> | ||
+ | <li id="lq">Lulu Qian </li> | ||
+ | <li id="ns">Nevin M. Summers </li> | ||
+ | <li id="pc">Peter Andrew Carr </li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | </div><!-- end advisors--> | ||
+ | <h3><a href="#">Additional Thanks To</a></h3> | ||
+ | <div class="col_list"> | ||
+ | <ul> | ||
+ | <li id="tl">Timothy Lu</li> | ||
+ | <li id="dv">Domitilla Del Vecchio</li> | ||
+ | <li id="ar">Alice M. Rushforth</li> | ||
+ | <li id="rk">Roger Kamm</li> | ||
+ | <li id="nm">Narendra Maheshri</li> | ||
+ | <li id="nak">Natalie Kuldell</li> | ||
+ | <li id="chv">Christopher Voigt</li> | ||
+ | <li id="fz">Feng Zhang</li> | ||
+ | <li id="jn">Jacquin Niles</li> | ||
+ | <li id="kp">Kristala L. Jones Prather</li> | ||
+ | <li id="rs">Rahul Sarpeshkar</li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | </div><!-- end advisors --> | ||
+ | </div> | ||
- | </div> <!-- | + | </div><!--end col_nav--> |
- | |||
</html> | </html> |
Revision as of 01:03, 8 September 2012