Team:Johns Hopkins-Wetware/Team

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html></div></div></div></div></div></div></p>
-
<html>
+
<head>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<title>JHU iGEM 2012 Team</title>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2012/b/be/Bluejay_2_32x32x32.pngo">
-
This is a template page. READ THESE INSTRUCTIONS.
+
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Johns_Hopkins-Wetware/templates/css/style?action=raw&amp;ctype=text/css" />
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<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-->
-
{|align="justify"
 
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
 
-
|[[Image:Johns_Hopkins-Wetware_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
|[[Image:Johns_Hopkins-Wetware_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:Johns_Hopkins-Wetware | Team Johns_Hopkins-Wetware]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<!--Changes the name and description on mouseover of the portraits-->
-
!align="center"|[[Team:Johns_Hopkins-Wetware|Home]]
+
<script type="text/javascript">
-
!align="center"|[[Team:Johns_Hopkins-Wetware/Team|Team]]
+
$(document).ready(function(){
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Johns_Hopkins-Wetware Official Team Profile]
+
-
!align="center"|[[Team:Johns_Hopkins-Wetware/Project|Project]]
+
var names = ["<div class='content' id='name'>James Chuang</div>",
-
!align="center"|[[Team:Johns_Hopkins-Wetware/Parts|Parts Submitted to the Registry]]
+
"<div class='content' id='name'>Anne Marie Noronha</div>",
-
!align="center"|[[Team:Johns_Hopkins-Wetware/Modeling|Modeling]]
+
"<div class='content' id='name'>Jake Kim</div>",
-
!align="center"|[[Team:Johns_Hopkins-Wetware/Notebook|Notebook]]
+
"<div class='content' id='name'>Jerry Wang</div>",
-
!align="center"|[[Team:Johns_Hopkins-Wetware/Safety|Safety]]
+
"<div class='content' id='name'>Margo Heston</div>",
-
!align="center"|[[Team:Johns_Hopkins-Wetware/Attributions|Attributions]]
+
"<div class='content' id='name'>Scott Tan</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. Yizhi 'Patrick' Cai</div>",
 +
"<div class='content' id='name'>Dr. Giovanni Stracquadanio</div>",
 +
"<div class='content' id='name'>Dr. Shigehito Ikushima</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'>Anne Marie Noronha</p>",
 +
"<p id = 'infobox_content'>Jake Kim</p>",
 +
"<p id = 'infobox_content'>Jerry Wang</p>",
 +
"<p id = 'infobox_content'>Margo Heston</p>",
 +
"<p id = 'infobox_content'>Scott Tan</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>",];
 +
-
== '''Who we are''' ==
+
$(".portrait").each(function(i){
-
{|border = "0"
+
$(this).attr("picindex",i);
-
|-
+
});
-
|rowspan="3"|
+
 +
$(".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>
-
'''Advisors:'''
+
<body>
-
 
+
<div id="global_container">
-
*''' Advisor 1''':    Mentor for all
+
<div id="header">
-
*'''Advisor 2''':      Our favorite
+
<div id="header_logo">
-
*'''Grad Student 1''':    Our leader 
+
<a href="index.html"><img src="images/header.png"/></a>
-
 
+
</div> <!--end div header_logo-->
-
 
+
<ul id="navbar">
-
'''Undergrads:'''
+
<li><a href="team.html">team</a>
-
 
+
</li>
-
*'''Student 1''':    Sleepyhead
+
<li><a href="lightproject.html">projects</a>
-
*'''Student 2''':    Math nerd
+
<ul>
-
*'''Student 3''':  Michael, Is going to save the world
+
<li><a href="summary.html">At a Glance</a></li>
-
*'''Student 4''':    Loves iGEM
+
<li><a href="etohproject.html">Ethanol control</a></li>
-
*'''Student 5''':  A normal student... or(r) am I?
+
<li><a href="lightproject.html">Optogenetic control</a></li>
-
*'''Student 6''':  Table football fan
+
</ul>
-
*'''Student 7''':
+
</li>
-
 
+
<li><a href="lightnotebook.html">notebooks</a>
-
 
+
<ul>
-
|
+
<li><a href="lightnotebook.html">Optogenetic control</a></li>
-
<gallery>
+
<li><a href="etohnotebook.html">Ethanol control</a></li>
-
Image:Johns_Hopkins-Wetware_Team_member_1.png|Team member 1
+
</ul>
-
Image:Johns_Hopkins-Wetware_Team_member_2.png|Team member 2
+
</li>
-
Image:Johns_Hopkins-Wetware_Team_member_3.png|Team member 3
+
<li><a href="standard.html">Golden Gate</a>
-
Image:Johns_Hopkins-Wetware_Team_member_4.png|Team member 4
+
</li>
-
Image:Johns_Hopkins-Wetware_Team_member_5.png|Team member 5
+
<li><a href="humanpractice.html">human practice</a>
-
Image:Johns_Hopkins-Wetware_Team_member_6.png|Team member 6
+
<li><a href="safety.html">safety</a>
-
Image:Johns_Hopkins-Wetware_Team_member_7.png|Team member 7
+
</li>
-
</gallery>
+
</ul>
-
|}
+
</div> <!--end div header-->
-
 
+
<div class="content_container">
-
== '''What we did''' ==
+
<div class= "content_header">
-
 
+
<img src="images/team-header.png" alt="The Team"/>
-
(Provide proper attribution for all work)
+
</div>
-
 
+
<div class="content center_align">
-
 
+
<img class="portrait" src="images/profile-jc.png" alt=""/>
-
== '''Where we're from''' ==
+
<img class="portrait" src="images/profile-mh.png" alt=""/>
 +
<img class="portrait" src="images/profile-jw.png" alt=""/>
 +
<img class="portrait" src="images/profile-jk.png" alt=""/>
 +
<img class="portrait" src="images/profile-st.png" alt=""/>
 +
<img class="portrait" src="images/profile-amn.png" alt=""/>
 +
<img class="portrait" src="images/profile-at.jpg" alt=""/>
 +
<img class="portrait" src="images/profile-dw.jpg" alt=""/>
 +
</div>
 +
<div class="content" id="name">
 +
Mouseover for more
 +
</div>
 +
<br><br>
 +
 +
<div class="content_header">
 +
<img src="images/advisors.png" alt="Advisors"/>
 +
</div>
 +
<div class="content center_align">
 +
<img class="portrait" src="images/profile-lm.jpg" alt=""/>
 +
<img class="portrait" src="images/profile-pc.jpg" alt=""/>
 +
<img class="portrait" src="images/profile-gs.jpg" alt=""/>
 +
<img class="portrait" src="images/profile-si.png" alt=""/>
 +
<img class="portrait" src="images/profile-jb.jpg" alt=""/>
 +
<img class="portrait" src="images/profile-ti.jpg" alt=""/>
 +
<img class="portrait" src="images/profile.jpg" alt=""/>
 +
<img class="portrait" src="images/profile-dm.jpg" alt=""/>
 +
<img class="portrait" src="images/profile-mo.jpg" alt=""/>
 +
<img class="portrait" src="images/bader.jpg" alt=""/>
 +
</div>
 +
<div class="content" id= "infobox_content">
 +
<p> Mouseover for more</p>
 +
</div>
 +
<br><br>
 +
<div class="content_header">
 +
<img src="images/Attributions.png" alt="Attributions"/>
 +
</div>
 +
<div class="content">
 +
This is a required section.
 +
</div>
 +
<div class="content_header">
 +
</div>
 +
</div> <!--end div content_container-->
 +
</div> <!--end div global_container-->
 +
</body>
 +
</html>

Revision as of 02:09, 4 October 2012

JHU iGEM 2012 Team
The Team
Mouseover for more


Advisors

Mouseover for more



Attributions
This is a required section.

Retrieved from "http://2012.igem.org/Team:Johns_Hopkins-Wetware/Team"