Team:Johns Hopkins-Wetware/Team
From 2012.igem.org
(Difference between revisions)
(Prototype team page) |
Mrjiaruiwang (Talk | contribs) |
||
(27 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | <html></div></div></div></div></div></div></p> | |
- | < | + | <head> |
- | < | + | <title>JHU iGEM 2012 Team</title> |
- | < | + | <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2012/b/be/Bluejay_2_32x32x32.pngo"> |
- | + | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/templates/css/style?action=raw&ctype=text/css" /> | |
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> |
+ | <!--This jquery stuff is going to be moved to its own file--> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <!--Changes the name and description on mouseover of the portraits--> | |
- | + | <script type="text/javascript"> | |
- | + | $(document).ready(function(){ | |
- | + | ||
- | + | var names = ["<div class='content' id='name'>James Chuang</div>", | |
- | + | "<div class='content' id='name'>Margo Heston</div>", | |
- | + | "<div class='content' id='name'>Jerry Wang</div>", | |
- | + | "<div class='content' id='name'>Jake Kim</div>", | |
- | + | "<div class='content' id='name'>Scott Tan</div>", | |
- | + | "<div class='content' id='name'>Anne Marie Noronha</div>", | |
- | + | "<div class='content' id='name'>Andy Tu</div>", | |
+ | "<div class='content' id='name'>Daniel Wolozny</div>", | ||
+ | "<div class='content' id='name'>Dr. Leslie Mitchell</div>", | ||
+ | "<div class='content' id='name'>Dr. Patrick Yizhi Cai</div>", | ||
+ | "<div class='content' id='name'>Dr. Giovanni Stracquadanio</div>", | ||
+ | "<div class='content' id='name'>Dr. Shige Hito</div>", | ||
+ | "<div class='content' id='name'>Dr. Jef Boeke</div>", | ||
+ | "<div class='content' id='name'>Dr. Takanari Inoue</div>", | ||
+ | "<div class='content' id='name'>Dr. Karen Zeller</div>", | ||
+ | "<div class='content' id='name'>Dr. Debra Mathews</div>", | ||
+ | "<div class='content' id='name'>Dr. Marc Ostermeier</div>", | ||
+ | "<div class='content' id='name'>Dr. Joel Bader</div>",]; | ||
+ | var descriptions = ["<p id = 'infobox_content'>James Chuang</p>", | ||
+ | |||
+ | "<p id = 'infobox_content'>Margo Heston</p>", | ||
+ | "<p id = 'infobox_content'>Jerry Wang</p>", | ||
+ | "<p id = 'infobox_content'>Jake Kim</p>", | ||
+ | "<p id = 'infobox_content'>Scott Tan</p>", | ||
+ | "<p id = 'infobox_content'>Anne Marie Noronha</p>", | ||
+ | "<p id = 'infobox_content'>Andy Tu</p>", | ||
+ | "<p id = 'infobox_content'>Daniel Wolozny</p>", | ||
+ | "<p id = 'infobox_content'>Dr. Leslie Mitchell</p>", | ||
+ | "<p id = 'infobox_content'>Dr. Yizhi 'Patrick' Cai</p>", | ||
+ | "<p id = 'infobox_content'>Dr. Giovanni Stracquadanio</p>", | ||
+ | "<p id = 'infobox_content'>Dr. Shigehito Ikushima</p>", | ||
+ | "<p id = 'infobox_content'>Dr. Jef Boeke</p>", | ||
+ | "<p id = 'infobox_content'>Dr. Takanari Inoue</p>", | ||
+ | "<p id = 'infobox_content'>Dr. Karen Zeller</p>", | ||
+ | "<p id = 'infobox_content'>Dr. Debra Mathews</p>", | ||
+ | "<p id = 'infobox_content'>Dr. Marc Ostermeier</p>", | ||
+ | "<p id = 'infobox_content'>Dr. Joel Bader</p>",]; | ||
+ | |||
- | + | $(".portrait").each(function(i){ | |
- | + | $(this).attr("picindex",i); | |
- | + | }); | |
- | + | ||
+ | $(".portrait").mouseover(function(){ | ||
+ | var picnum = $(this).attr("picindex"); | ||
+ | $("#name").replaceWith(names[picnum]); | ||
+ | |||
+ | $("#infobox_content").replaceWith(descriptions[picnum]); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!--<script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $(".portrait").addClass("minportrait"); | ||
+ | $(".portrait").hover( | ||
+ | function(){ | ||
+ | $(this).animate({ | ||
+ | width: "190px", | ||
+ | height: "254px" | ||
+ | }, 100); | ||
+ | }, | ||
+ | function(){ | ||
+ | $(this).animate({ | ||
+ | width: "152px", | ||
+ | height: "203px" | ||
+ | }, 100); | ||
+ | } | ||
+ | ); | ||
+ | }) | ||
+ | </script>--> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="global_container"> | ||
+ | <div id="header"> | ||
+ | <div id = "igem-logo"> | ||
+ | <a href="https://2012.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/Igem-logo-blue.png" width="100px"/></a> | ||
+ | </div> | ||
+ | <div id="header_logo"> | ||
+ | <a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware"><img src="https://static.igem.org/mediawiki/2012/8/8f/Jhuigem2012header.png"/></a> | ||
+ | </div> <!--end div header_logo--> | ||
+ | <ul id="navbar"> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/Team">team</a> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/Project">projects</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/Project">At a Glance</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/etohproject">Ethanol control</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/etohproject#modelanchor">Modeling</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/lightproject">Optogenetic control</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/etohnotebook">notebooks</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/etohnotebook">Ethanol control</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/lightnotebook">Optogenetic control</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/yeastgoldengate">Yeast Golden Gate</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/Parts">Parts</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/yeastgoldengate">RFC88</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/humanpractice">human practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/thepartscourselabmanual">Lab Manual</a></li> | ||
+ | </ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/Safety">safety</a> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/requirements">Medal Fulfillment</a></li> | ||
+ | </ul> | ||
+ | </div> <!--end div header--> | ||
+ | <div class="content_container"> | ||
+ | <div class= "content_header"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/3/35/Jhuigem2012Team-header.png" alt="The Team"/> | ||
+ | </div> | ||
+ | <div class="content center_align"> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/a/af/Jhuigem2012Profile-JC.png" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/f/f8/Jhuigem2012Profile-MH.png" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/5/5c/Jhuigem2012Profile-JW.png" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/6/68/Jhuigem2012Profile-JK.png" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/4/44/Jhuigem2012Profile-ST.png" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/8/88/Jhuigem2012Profile-AMN.png" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/a/ad/Jhuigem2012Profile-AT.jpg" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/b/b9/Jhuigem2012Profile-DW.jpg" alt=""/> | ||
+ | </div> | ||
+ | <div class="content" id="name"> | ||
+ | Mouseover for more | ||
+ | </div> | ||
+ | <br><br> | ||
+ | |||
+ | <div class="content_header"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/e/e5/JHUiGEMAdvisors.png" alt="Advisors"/> | ||
+ | </div> | ||
+ | <div class="content center_align"> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/c/c4/Jhuigem2012Profile-LM.jpg" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/2/2b/Jhuigem2012Profile-PC.jpg" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/b/b3/Jhuigem2012Profile-GS.jpg" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/2/25/Jhuigem2012Profile-SI.png" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/7/77/Jhuigem2012Profile-JB.jpg" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/2/2c/Jhuigem2012Profile-TI.jpg" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/4/4d/Jhuigem2012Facebook-like-female-silhouette-hi.jpg" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/e/e6/Profile-DM.jpg" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/9/95/Profile-MO.jpg" alt=""/> | ||
+ | <img class="portrait" src="https://static.igem.org/mediawiki/2012/f/fe/Jhuigem2012Bader.jpg" alt=""/> | ||
+ | </div> | ||
+ | <div class="content" id= "infobox_content"> | ||
+ | <p> Mouseover for more</p> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | <div class="content_header" id="attribution"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/3/30/Jhuigem2012Attributions.png" alt="Attributions"/> | ||
+ | </div> | ||
+ | <div class="content"> | ||
+ | <p> | ||
+ | |||
+ | The light parts for our project (TULIPs) were obtained from the Glotzer Lab at the University of Chicago through Addgene. The Boeke Lab at the Johns Hopkins Medical School provided lab materials and space for benchwork. Dr. Karen Zeller helped advise and instruct our Yeast Golden Gate Parts course. The iGEM team members performed all the work involved in this project unless otherwise indicated. | ||
- | + | </p> | |
- | + | </div> | |
- | + | <div class="content_header2"> | |
- | + | </div> | |
- | + | </div> <!--end div content_container--> | |
- | + | </div> <!--end div global_container--> | |
- | + | </body> | |
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |