"
Team:Dundee/Team
From 2013.igem.org
Kyleharrison (Talk | contribs) |
Kyleharrison (Talk | contribs) |
||
| Line 14: | Line 14: | ||
<style type="text/css"> | <style type="text/css"> | ||
.panel { display: none; } | .panel { display: none; } | ||
| + | |||
| + | /* These styles create the dropdown menus. */ | ||
| + | .nav-bar { height: 40px; background: #4d4d4d; margin-left: 0; margin-top: 20px; padding: 0; } | ||
| + | .nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; border-right: none; line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; z-index: 1000} | ||
| + | .nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } | ||
| + | .nav-bar > li:last-child { border-right: solid 1px #333333; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); } | ||
| + | |||
| + | .nav-bar > li.active { background: #2ba6cb; border-color: #2284a1; } | ||
| + | .nav-bar > li.active > a { color: white; cursor: default; } | ||
| + | .nav-bar > li.active:hover { background: #2ba6cb; cursor: default; } | ||
| + | |||
| + | .nav-bar > li:hover { background: #333333; } | ||
| + | .nav-bar > li > a { color: #e6e6e6; } | ||
| + | .nav-bar > li ul { margin-bottom: 0; } | ||
| + | .nav-bar > li .flyout { display: none; } | ||
| + | .nav-bar > li.has-flyout > a:first-child { padding-right: 40px; position: relative; } | ||
| + | .nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; } | ||
| + | .nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; } | ||
| + | .nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; } | ||
| + | .nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; } | ||
| + | .nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; } | ||
| + | .nav-bar > li > input { margin: 0 10px; } | ||
| + | .nav-bar.vertical { height: auto; margin-top: 0; } | ||
| + | .nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } | ||
| + | .nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; } | ||
| + | .nav-bar.vertical > li .flyout { left: 100%; top: -1px; } | ||
| + | .nav-bar.vertical > li .flyout.right { left: auto; right: 100%; } | ||
| + | .nav-bar.vertical > li.active { border-right: solid 1px #2284a1; } | ||
| + | .nav-bar.vertical > li:last-child { border-bottom: solid 1px #333333; } | ||
| + | |||
| + | ul#subnavlist { display: none; } | ||
| + | ul#subnavlist li { float: none; } | ||
| + | |||
| + | ul#subnavlist li a | ||
| + | { | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | font-size:16px; | ||
| + | } | ||
| + | |||
| + | ul.nav-bar li:hover ul#subnavlist | ||
| + | { | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | font-size: 8pt; | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | |||
| + | ul.nav-bar li:hover ul#subnavlist li a | ||
| + | { | ||
| + | display: block; | ||
| + | width: 10em; | ||
| + | border: none; | ||
| + | padding: 2px; | ||
| + | padding-left: 10px; | ||
| + | padding-bottom: 5px; | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | |||
| + | ul.nav-bar li:hover ul#subnavlist li a:before { content: " "; } | ||
| + | |||
| + | ul.nav-bar li a:active | ||
| + | { | ||
| + | color: #cccccc; | ||
| + | border: 1px #ffffff inset; | ||
| + | background: #2ba6cb; | ||
| + | border-color: #2284a1; | ||
| + | z-index:1000; | ||
| + | } | ||
| + | |||
| + | |||
</style> | </style> | ||
| Line 38: | Line 109: | ||
<!-- Navigation --> | <!-- Navigation --> | ||
| - | + | ||
<ul class="nav-bar"> | <ul class="nav-bar"> | ||
| - | <li><a href=" | + | <li class="active"><a href="#">Home</a></li> |
| - | + | ||
| - | + | <li id="active"><a href="#" id="current">Team</a> | |
| - | + | <ul id="subnavlist"> | |
| - | <li><a href="/ | + | <li id="subactive"><a href="#" id="subcurrent">About Us</a></li> |
| - | + | <li><a href="#">Team Information</a></li> | |
| - | + | <li><a href="#">Gallery</a></li> | |
| + | <li><a href="#">Acknowledgements</a></li> | ||
| + | <li><a href="#">Attributions</a></li> | ||
| + | <li><a href="#">Contact</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <li id="active"><a href="#" id="current">Project</a> | ||
| + | <ul id="subnavlist"> | ||
| + | <li id="subactive"><a href="#" id="subcurrent">Overview</a></li> | ||
| + | <li><a href="#">Data Page</a></li> | ||
| + | <li><a href="#">Lab</a></li> | ||
| + | <li><a href="#">Modelling</a></li> | ||
| + | <li><a href="#">Software</a></li> | ||
| + | <li><a href="#">Notebook</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <li id="active"><a href="#" id="current">Parts</a> | ||
| + | <ul id="subnavlist"> | ||
| + | <li id="subactive"><a href="#" id="subcurrent">Our Biobricks</a></li> | ||
| + | <li><a href="#">Improvements</a></li> | ||
| + | <li><a href="#">In Development</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <li id="active"><a href="#" id="current">Safety</a> | ||
| + | <ul id="subnavlist"> | ||
| + | <li id="subactive"><a href="#" id="subcurrent">General Safety</a></li> | ||
| + | <li><a href="#">In The Lab</a></li> | ||
| + | <li><a href="#">Public Safety</a></li> | ||
| + | <li><a href="#">Enviroment</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <li id="active"><a href="#" id="current">Human Practice</a> | ||
| + | <ul id="subnavlist"> | ||
| + | <li id="subactive"><a href="#" id="subcurrent">Overview</a></li> | ||
| + | <li><a href="#">Media Channel</a></li> | ||
| + | <li><a href="#">Outreach</a></li> | ||
| + | <li><a href="#">Presentations</a></li> | ||
| + | <li><a href="#">Collaboration</a></li> | ||
| + | <li><a href="#">Comic</a></li> | ||
| + | <li><a href="#">Game</a></li> | ||
| + | <li><a href="#">Survey</a></li> | ||
| + | <li><a href="#">Blog</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <li id="active"><a href="#" id="current">Sponsors</a> | ||
| + | <ul id="subnavlist"> | ||
| + | <li id="subactive"><a href="#" id="subcurrent">Our Sponsors</a></li> | ||
| + | <li><a href="#">Sponsorship Levels</a></li> | ||
| + | <li><a href="#">Public Safety</a></li> | ||
| + | <li><a href="#">Enviroment</a></li> | ||
| + | </ul> | ||
</ul> | </ul> | ||
| Line 54: | Line 175: | ||
<!-- Thumbnails --> | <!-- Thumbnails --> | ||
| - | <div class="row" | + | <div class="row"> |
<div class="twelve show-for-small columns"> | <div class="twelve show-for-small columns"> | ||
| Line 60: | Line 181: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/C6E546/000000&text=Ewa Grabowiecka"> | <img src="http://placehold.it/250/C6E546/000000&text=Ewa Grabowiecka"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 82: | Line 203: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/C6E546/000000&text=John Allan"> | <img src="http://placehold.it/250/C6E546/000000&text=John Allan"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 93: | Line 214: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/C6E546/000000&text=Alice Rowan"> | <img src="http://placehold.it/250/C6E546/000000&text=Alice Rowan"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 112: | Line 233: | ||
<!-- Thumbnails --> | <!-- Thumbnails --> | ||
| - | <div class="row" | + | <div class="row"> |
<div class="twelve show-for-small columns"> | <div class="twelve show-for-small columns"> | ||
| Line 118: | Line 239: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/0699C1/000000&text=Nasir Ahmad"> | <img src="http://placehold.it/250/0699C1/000000&text=Nasir Ahmad"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 129: | Line 250: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/0699C1/000000&text=Craig Johnston"> | <img src="http://placehold.it/250/0699C1/000000&text=Craig Johnston"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 140: | Line 261: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/0699C1/000000&text=Kyle Harrison"> | <img src="http://placehold.it/250/0699C1/000000&text=Kyle Harrison"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 151: | Line 272: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/0699C1/000000&text=Rachel Findlay"> | <img src="http://placehold.it/250/0699C1/000000&text=Rachel Findlay"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 168: | Line 289: | ||
<!-- Thumbnails --> | <!-- Thumbnails --> | ||
| - | <div class="row" | + | <div class="row"> |
<div class="twelve show-for-small columns"> | <div class="twelve show-for-small columns"> | ||
| Line 174: | Line 295: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/C6E546/000000&text=Chris Earl"> | <img src="http://placehold.it/250/C6E546/000000&text=Chris Earl"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 185: | Line 306: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/C6E546/000000&text=Kyle Buchan"> | <img src="http://placehold.it/250/C6E546/000000&text=Kyle Buchan"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 196: | Line 317: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/FEE685/000000&text=Prof Tracy Palmer"> | <img src="http://placehold.it/250/FEE685/000000&text=Prof Tracy Palmer"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 207: | Line 328: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/FEE685/000000&text=Prof Frank Sargent"> | <img src="http://placehold.it/250/FEE685/000000&text=Prof Frank Sargent"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 224: | Line 345: | ||
<!-- Thumbnails --> | <!-- Thumbnails --> | ||
| - | <div class="row" | + | <div class="row"> |
<div class="twelve show-for-small columns"> | <div class="twelve show-for-small columns"> | ||
| Line 230: | Line 351: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/FEE685/000000&text=Dr Fordyce Davidson"> | <img src="http://placehold.it/250/FEE685/000000&text=Dr Fordyce Davidson"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 241: | Line 362: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/338C73/000000&text=iGEM Volunteer"> | <img src="http://placehold.it/250/338C73/000000&text=iGEM Volunteer"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 252: | Line 373: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/338C73/000000&text=iGEM Volunteer"> | <img src="http://placehold.it/250/338C73/000000&text=iGEM Volunteer"> | ||
<div class="panel"> | <div class="panel"> | ||
| Line 263: | Line 384: | ||
</div> | </div> | ||
| - | <div class="three mobile-two columns"> | + | <div class="three mobile-two columns" style="padding-bottom:23px;"> |
<img src="http://placehold.it/250/338C73/000000&text=iGEM Volunteer"> | <img src="http://placehold.it/250/338C73/000000&text=iGEM Volunteer"> | ||
<div class="panel"> | <div class="panel"> | ||
Revision as of 14:42, 14 June 2013
Header
Role: Wet team - Creating the Biological Microcystin Mop.
Field: Microbiology
Aspirations: Build an efficient Microcystin Mop.
Role: Wet team - Designing a microcystin detector by modifying existing E.coli and B.subtilis receptors and hooking this up to a reporter gene.
Field: Molecular Biology
Aspirations: We hope to succesfully clone a microcystin receptor and express this in bacterial cells. This genetically engineered receptor could potentially work better and faster than existing detection methods.
Role: Wet team - Creating the Biological Microcystin Mop.
Field: Microbiology
Aspirations: I want to perfect my lab skills and win iGEM!
Role: Wet team - Creating the Biological Microcystin Mop.
Field: Biomedical Sciences
Aspirations: I hope to develop a biological mop to reduce microcystin levels in freshwater systems.
Header
Role: Dry team - Hardware Designer aiding in mathematical modelling
Field: Physics
Aspirations: I hope to gain a great deal of knowledge (with regards to microbiology especially) whilst applying my existing knowledge in new and interesting ways.
Role: Dry team - mathematical modelling
Field: Mathematics
Aspirations: To develop mathematical models that help enhance the understanding of the biology in our toximop project.
Role: Dry team - Software Development
Field: Applied Computing
Aspirations: Applying software development techniques and methodologies in real world environments.
Role: Dry team - mathematical modelling
Field: Mathematical Biology
Aspirations: Experience in relating mathematical models to biological concepts and constructing relevant models.
Header
Role: Wet team - Designing a microcystin detector by modifying existing E.coli and B.subtilis receptors and hooking this up to a reporter gene.
Field: Molecular Biology
Aspirations: We hope to succesfully clone a microcystin receptor and express this in bacterial cells. This genetically engineered receptor could potentially work better and faster than existing detection methods.
Role: Wet team - Microbiology specialist in the Wet lab team. Researching/working out the practical aspects of building a working microcystin mop/sensor, in an effort to reduce the toxin levels within freshwater environments
Field: Microbiology
Aspirations: Achieve a higher understanding and appreciation for the field of synthetic biology as a whole, in addition to gaining valuable lab experience.
Role: Supervisor - Instructor for biological experiments
Field: Microbiology
Aspirations:
Role: Supervisor
Field:
Aspirations:
Header
Role: Supervisor
Field:
Aspirations:
Role:
Field:
Aspirations:
Role:
Field:
Aspirations:
Role:
Field:
Aspirations:
