User:Benjamin Miller: Difference between revisions
No edit summary |
No edit summary |
||
Line 9: | Line 9: | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.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(){ | $(document).ready(function(){ | ||
$("#prolist").hide(); | $("#prolist").hide(); | ||
$(" | $("#plalist").hide(); | ||
$(" | $("#reslist").hide(); | ||
$(" | $("#extlist").hide(); | ||
$(" | $("#dialist").hide(); | ||
$(" | $("#tealist").hide(); | ||
$(" | $("#proshow").click(function() { | ||
$(" | $("#prolist").slideToggle("slow"); | ||
return false; | |||
}); | |||
$("#plashow").click(function() { | $("#plashow").click(function() { | ||
$("#plalist").slideToggle("slow"); | $("#plalist").slideToggle("slow"); | ||
return false; | |||
}); | |||
$(" | $("#resshow").click(function() { | ||
$(" | $("#reslist").slideToggle("slow"); | ||
return false; | |||
}); | |||
$(" | $("#extshow").click(function() { | ||
$(" | $("#extlist").slideToggle("slow"); | ||
return false; | |||
}); | |||
$(" | $("#diashow").click(function() { | ||
$(" | $("#dialist").slideToggle("slow"); | ||
return false; | return false; | ||
}); | |||
$(" | $("#teashow").click(function() { | ||
$(" | $("#tealist").slideToggle("slow"); | ||
return false; | return false; | ||
}); | |||
}); | |||
}); | |||
}); | |||
</script> | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
#nav | #nav { | ||
padding: 0; | padding: 0; | ||
margin | margin: 0; | ||
list-style: none; | list-style: none; | ||
} | } | ||
#nav ul { | |||
padding-left: 1em; | |||
#nav ul | |||
padding: | |||
margin: 0; | margin: 0; | ||
list-style: none; | list-style: none; | ||
} | } | ||
#nav a | #nav a { | ||
display: block; | display: block; | ||
width: 200px; | width: 200px; | ||
Line 73: | Line 61: | ||
font-weight: bold; | font-weight: bold; | ||
font-family: "verdana"; | font-family: "verdana"; | ||
font-size: | font-size: 1em; | ||
text-decoration: none; | text-decoration: none; | ||
outline: none; | |||
} | } | ||
#nav li | #nav li { | ||
float: left; | float: left; | ||
width: 200px; | width: 200px; | ||
margin-top: 5px; | margin-top: 5px; | ||
} | } | ||
#nav li ul | #nav li ul { | ||
position: absolute; | position: absolute; | ||
width: 200px; | width: 200px; | ||
margin-top: 5px; | margin-top: 5px; | ||
margin-left: 10px; | margin-left: 10px; | ||
} | } | ||
#nav li ul ul | #nav li ul ul { | ||
margin: 0 0 0 10em; | |||
margin: | |||
} | } | ||
</style> | </style> | ||
Line 156: | Line 142: | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 09:11, 27 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(){ $("#prolist").hide(); $("#plalist").hide(); $("#reslist").hide(); $("#extlist").hide(); $("#dialist").hide(); $("#tealist").hide(); $("#proshow").click(function() { $("#prolist").slideToggle("slow"); return false; }); $("#plashow").click(function() { $("#plalist").slideToggle("slow"); return false; }); $("#resshow").click(function() { $("#reslist").slideToggle("slow"); return false; }); $("#extshow").click(function() { $("#extlist").slideToggle("slow"); return false; }); $("#diashow").click(function() { $("#dialist").slideToggle("slow"); return false; }); $("#teashow").click(function() { $("#tealist").slideToggle("slow"); return false; }); }); </script> <style type="text/css"> #nav { padding: 0; margin: 0; list-style: none; }
#nav ul { padding-left: 1em; margin: 0; list-style: none; }
#nav a { display: block; width: 200px; color: black; font-weight: bold; font-family: "verdana"; font-size: 1em; text-decoration: none; outline: none; }
#nav li { float: left; width: 200px; margin-top: 5px; }
#nav li ul { position: absolute; width: 200px; margin-top: 5px; margin-left: 10px; }
#nav li ul ul { margin: 0 0 0 10em; } </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 id='diashow'><a href="#">Diary</a> <ul id='dialist'> <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 id='teashow'><a href="#">Team</a> <ul id='tealist'> <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