User:Benjamin Miller: Difference between revisions
No edit summary |
No edit summary |
||
Line 7: | Line 7: | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
<title>Imperial iGEM 2010</title> | <title>Imperial iGEM 2010</title> | ||
<script type="text/javascript" src="jquery.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"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | |||
$("ul[id|=prolist]").hide(); | |||
$("ul[id|=plalist]").hide(); | |||
$("ul[id|=reslist]").hide(); | |||
$("ul[id|=extlist]").hide(); | |||
$("li[id|=proshow]").click(function() { | |||
$("ul[id|=prolist]").slideToggle("slow"); | |||
return false; | |||
}); | |||
$("li[id|=plashow]").click(function() { | |||
$("ul[id|=plalist]").slideToggle("slow"); | |||
return false; | |||
}); | |||
$("li[id|=resshow]").click(function() { | |||
$("ul[id|=reslist]").slideToggle("slow"); | |||
return false; | |||
}); | |||
$("li[id|=extshow]").click(function() { | |||
$("ul[id|=extlist]").slideToggle("slow"); | |||
return false; | |||
}); | |||
}); | |||
</script> | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 41: | Line 64: | ||
position: absolute; | position: absolute; | ||
width: 200px; | width: 200px; | ||
} | } | ||
Line 54: | Line 76: | ||
} | } | ||
#nav li li:hover ul | |||
{ | { | ||
left: auto; | left: auto; | ||
Line 62: | Line 84: | ||
<body> | <body> | ||
<ul id='nav'> | <ul id='nav'> | ||
<li><a href="#">Project</a> | <li id='proshow'><a href="#">Project</a> | ||
<ul> | <ul id='prolist'> | ||
<li><a href="#">Modules</a></li> | <li><a href="#">Modules</a></li> | ||
<li><a href="#">Parts</a></li> | <li><a href="#">Parts</a></li> | ||
Line 82: | Line 104: | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li | <li id='plashow'><a href="#">Plan</a> | ||
<ul> | <ul id='plalist'> | ||
<li><a href="#">Strategy</a></li> | <li><a href="#">Strategy</a></li> | ||
<li><a href="#">Wet Lab</a></li> | <li><a href="#">Wet Lab</a></li> | ||
Line 89: | Line 111: | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li | <li id='resshow'><a href="#">Results</a> | ||
<ul> | <ul id='reslist'> | ||
<li><a href="#">Strategy</a></li> | <li><a href="#">Strategy</a></li> | ||
<li><a href="#">Data</a></li> | <li><a href="#">Data</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li | <li id='extshow'><a href="#">Extra</a> | ||
<ul> | <ul id='extlist'> | ||
<li><a href="#">Brainstorming</a></li> | <li><a href="#">Brainstorming</a></li> | ||
<li><a href="#">Team</a> | <li><a href="#">Team</a> | ||
Line 158: | Line 180: | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
<title>Imperial iGEM 2010</title> | <title>Imperial iGEM 2010</title> | ||
<script type="text/javascript" src="jquery.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ |
Revision as of 10:16, 26 August 2010
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Imperial iGEM 2010</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"> $(document).ready(function(){ $("ul[id|=prolist]").hide(); $("ul[id|=plalist]").hide(); $("ul[id|=reslist]").hide(); $("ul[id|=extlist]").hide(); $("li[id|=proshow]").click(function() { $("ul[id|=prolist]").slideToggle("slow");
return false; });
$("li[id|=plashow]").click(function() { $("ul[id|=plalist]").slideToggle("slow");
return false; });
$("li[id|=resshow]").click(function() { $("ul[id|=reslist]").slideToggle("slow");
return false; });
$("li[id|=extshow]").click(function() { $("ul[id|=extlist]").slideToggle("slow");
return false; });
}); </script> <style type="text/css"> #nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav a { display: block; width: 200px; color: black; font-weight: bold; font-family: "verdana"; font-size: 15px; text-decoration: none; }
#nav li { float: left; width: 200px; margin-top: 5px; }
#nav li ul { position: absolute; width: 200px; }
#nav li ul ul { margin: -1em 0 0 10em; }
#nav li:hover ul ul { left: -999em; }
#nav li li:hover ul { left: auto; } </style> </head> <body> <ul id='nav'> <li id='proshow'><a href="#">Project</a> <ul id='prolist'> <li><a href="#">Modules</a></li> <li><a href="#">Parts</a></li> <li><a href="#">Research</a></li> <li><a href="#">Ethics</a></li> <li><a href="#">Diary</a> <ul> <li><a href="#">Week 1</a></li> <li><a href="#">Week 2</a></li> <li><a href="#">Week 3</a></li> <li><a href="#">Week 4</a></li> <li><a href="#">Week 5</a></li> <li><a href="#">Week 6</a></li> <li><a href="#">Week 7</a></li> <li><a href="#">Week 8</a></li> </ul> </li> </ul> </li> <li id='plashow'><a href="#">Plan</a> <ul id='plalist'> <li><a href="#">Strategy</a></li> <li><a href="#">Wet Lab</a></li> <li><a href="#">Modelling</a></li> </ul> </li> <li id='resshow'><a href="#">Results</a> <ul id='reslist'> <li><a href="#">Strategy</a></li> <li><a href="#">Data</a></li> </ul> </li> <li id='extshow'><a href="#">Extra</a> <ul id='extlist'> <li><a href="#">Brainstorming</a></li> <li><a href="#">Team</a> <ul> <li><a href="http://openwetware.org/wiki/User:Piotr_D._Faba">Piotr D Faba</a></li> <li><a href="http://openwetware.org/wiki/User:Harriet_D._Gliddon">Harriet D Gliddon</a></li> <li><a href="http://openwetware.org/wiki/User:Nicolas_Kylilis">Nicolas Kylilis</a></li> <li><a href="http://openwetware.org/wiki/User:Benjamin_Miller">Benjamin Miller</a></li> <li><a href="http://openwetware.org/wiki/User:Anita_Nguyen">Anita Nguyen</a></li> <li><a href="http://openwetware.org/wiki/User:Wolfgang_Pernice">Wolfgang Pernice</a></li> <li><a href="http://openwetware.org/wiki/User:Kyasha_Sri_Ranjan">Kyasha Sri Ranjan</a></li> <li><a href="http://openwetware.org/wiki/User:Madeline_Rounds">Madeline Rounds</a></li> <li><a href="http://openwetware.org/wiki/User:A._Florian_Sessler">A Florian Sessler</a></li> <li><a href="http://openwetware.org/wiki/User:Kirill_Shkura">Kirill Shkura</a></li> </ul> </li> <li><a href="#">Sponsors</a></li> </ul> </li> </ul> </body> </html>
Contact Info
- Benjamin Miller
- Imperial College London
- Email me through OpenWetWare
- Member of the Imperial College London 2010 iGEM team
Education
- Year, PhD, Institute
- Year, MS, Institute
- Year, BS, Institute
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Imperial iGEM 2010</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("ul[id|=poplist]").hide();
$("p[id|=popshow]").click(function() {
$("ul[id|=poplist]").slideToggle("slow"); return false; });
}); </script> <style type="text/css"> #popcon { width: 150px; }
#popcon ul { margin-left: 0px; padding-left: 0px; list-style: none; font-family: Arial, Helvetica, sans-serif; }
#popcon a:link, #popcon a:visited { display: block; color: #fff; text-decoration: none; text-align: center; background-color: #34487B; padding: 3px; border-bottom: 1px solid #fff; }
#popcon a:hover, #popcon a:active { background-color: #6E8BB5 } </style>
</head> <body>
<p id="popshow">Click me</p> <div id="popcon"> <ul id="poplist"> <li><a href="http://openwetware.org/wiki/User:Piotr_D._Faba" class="popt">Piotr D Faba</a></li> <li><a href="http://openwetware.org/wiki/User:Harriet_D._Gliddon" class="popt">Harriet D Gliddon</a></li> <li><a href="http://openwetware.org/wiki/User:Nicolas_Kylilis" class="popt">Nicolas Kylilis</a></li> <li><a href="http://openwetware.org/wiki/User:Benjamin_Miller" class="popt">Benjamin Miller</a></li> <li><a href="http://openwetware.org/wiki/User:Anita_Nguyen" class="popt">Anita Nguyen</a></li> <li><a href="http://openwetware.org/wiki/User:Wolfgang_Pernice" class="popt">Wolfgang Pernice</a></li> <li><a href="http://openwetware.org/wiki/User:Kyasha_Sri_Ranjan" class="popt">Kyasha Sri Ranjan</a></li> <li><a href="http://openwetware.org/wiki/User:Madeline_Rounds" class="popt">Madeline Rounds</a></li> <li><a href="http://openwetware.org/wiki/User:A._Florian_Sessler" class="popt">A Florian Sessler</a></li> <li><a href="http://openwetware.org/wiki/User:Kirill_Shkura" class="popt">Kirill Shkura</a></li> </ul> </div>
</body> </html>
Research interests
- Interest 1
- Interest 2
- Interest 3