Team:Dundee/Team
From 2013.igem.org
Kyleharrison (Talk | contribs) |
Kyleharrison (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>iGEM Dundee 2013 · Toxi-Mop</title> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <meta name="description" content=""> | ||
+ | <meta name="author" content=""> | ||
- | <!-- | + | <!-- CSS --> |
- | < | + | <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> |
- | < | + | <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap.css" rel="stylesheet"> |
- | + | <link href="http://www.kyleharrison.co.uk/igem/assets/css/style.css" rel="stylesheet"> | |
- | + | ||
- | + | <style type="text/css"> | |
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | + | #globalWrapper{ | |
- | + | font-size:14px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | #content{ | |
- | + | width:auto; | |
- | + | } | |
- | + | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | |
- | + | display:none;} | |
- | + | #top-section { | |
- | + | border: none; | |
- | + | height: 0px;} | |
- | + | #content { | |
- | + | border: none;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /* MediaWiki Top Menu */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #menubar { | |
- | + | font-size: 65%; | |
- | + | top: -14px; | |
- | + | display:none; | |
- | + | } | |
- | + | .left-menu:hover { | |
- | + | background-color: transparent;} | |
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: white;} | ||
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: white;} | ||
+ | #previewnote { | ||
+ | display:none; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | /* Sticky footer styles | |
+ | -------------------------------------------------- */ | ||
- | + | /* Wrapper for page content to push down footer */ | |
- | + | #wrap { | |
- | + | min-height: 100%; | |
- | + | height: auto !important; | |
- | + | height: 100%; | |
- | + | /* Negative indent footer by it's height */ | |
- | + | margin: 0 auto -60px; | |
- | + | } | |
+ | /* Set the fixed height of the footer here */ | ||
+ | #push, | ||
+ | #footer { | ||
+ | height: 60px; | ||
+ | } | ||
+ | #footer { | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | |||
+ | /* Lastly, apply responsive CSS fixes as necessary */ | ||
+ | @media (max-width: 767px) { | ||
+ | #footer { | ||
+ | margin-left: -20px; | ||
+ | margin-right: -20px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Custom page CSS | ||
+ | -------------------------------------------------- */ | ||
+ | /* Not required for template or sticky footer method. */ | ||
+ | |||
+ | #wrap > .container { | ||
+ | padding-top: 60px; | ||
+ | } | ||
+ | .container .credit { | ||
+ | margin: 20px 0; | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | </style> | ||
- | + | <link href="http://www.kyleharrison.co.uk/igem/assets/css/assets/css/bootstrap-responsive.css" rel="stylesheet"> | |
- | + | ||
- | + | ||
- | + | ||
- | </ | + | <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> |
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://www.kyleharrison.co.uk/igem/assets/css//js/html5shiv.js"></script> | ||
+ | <![endif]--> | ||
- | </ | + | <!-- Fav and touch icons --> |
- | < | + | <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.kyleharrison.co.uk/igem/assets/css/assets/ico/apple-touch-icon-144-precomposed.png"> |
+ | <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.kyleharrison.co.uk/igem/assets/css/assets/ico/apple-touch-icon-114-precomposed.png"> | ||
+ | <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.kyleharrison.co.uk/igem/assets/css/assets/ico/apple-touch-icon-72-precomposed.png"> | ||
+ | <link rel="apple-touch-icon-precomposed" href="http://www.kyleharrison.co.uk/igem/assets/css/assets/ico/apple-touch-icon-57-precomposed.png"> | ||
+ | <link rel="shortcut icon" href="http://www.kyleharrison.co.uk/igem/assets/css/assets/ico/favicon.png"> | ||
+ | </head> | ||
- | + | <body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | + | <!-- Part 1: Wrap all page content here --> | |
- | + | <div id="wrap"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <!-- | + | <!-- Fixed navbar --> |
+ | <div class="navbar navbar-fixed-top"> | ||
+ | <div class="navbar-inner"> | ||
+ | <div class="container"> | ||
+ | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="brand" href="#">Dundee iGEM 2013</a> | ||
+ | <div class="nav-collapse collapse"> | ||
+ | <ul class="nav"> | ||
+ | <li class="active"><a href="index.html">Home</a></li> | ||
+ | <li class="active"><a href="Gallery.html">Gallery</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="meettheteam.html">Meet the Team</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li> | ||
+ | <li><a href="#">Acknowledgements</a></li> | ||
+ | <li><a href="#">Attributions</a></li> | ||
+ | <li><a href="#">Contact</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | + | <li class="dropdown"> | |
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Project Overview</a></li> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li class="nav-header">Lab</li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="#">Lab Overview</a></li> | ||
+ | <li><a href="#">Detector</a></li> | ||
+ | <li><a href="#">Sensor</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li class="nav-header">Modelling </li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="#">Modelling Overview</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li class="nav-header">Software</li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="#">Software Overview</a></li> | ||
+ | <li><a href="#">Mop-toppus</a></li> | ||
+ | <li><a href="#">Toxi-Tweet</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | + | <li class="dropdown"> | |
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Our Biobricks</a></li> | ||
+ | <li><a href="#">Improvements</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | + | <li class="dropdown"> | |
- | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Safety <b class="caret"></b></a> | |
- | + | <ul class="dropdown-menu"> | |
+ | <li><a href="#">General Safety</a></li> | ||
+ | <li><a href="#">Safety in the Lab</a></li> | ||
+ | <li><a href="#">Public Safety and Awareness</a></li> | ||
+ | <li><a href="#">Enviromental Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | + | <li class="dropdown"> | |
- | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice <b class="caret"></b></a> | |
- | + | <ul class="dropdown-menu"> | |
- | + | <li><a href="#">Overview</a></li> | |
- | + | <li><a href="#">Collaboration</a></li> | |
- | + | <li><a href="#">Outreach</a></li> | |
- | + | <li class="divider"></li> | |
- | + | <li class="nav-header">Media</li> | |
- | + | <li class="divider"></li> | |
- | + | <li><a href="#">Youtube Channel</a></li> | |
- | + | <li><a href="#">Graphic Novel</a></li> | |
- | + | <li><a href="#">Flickr</a></li> | |
- | + | <li><a href="#">Video Game</a></li> | |
- | + | <li class="divider"></li> | |
- | + | <li class="nav-header">Social Media</li> | |
- | + | <li class="divider"></li> | |
- | + | <li><a href="#">Facebook</a></li> | |
- | + | <li><a href="#">Twitter</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | ||
- | + | <li class="dropdown"> | |
- | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sponsors <b class="caret"></b></a> | |
- | + | <ul class="dropdown-menu"> | |
- | + | <li><a href="#">Our Sponsors</a></li> | |
- | + | <li><a href="#">Sponsorship Levels</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </ul> | |
- | <div | + | </div><!--/.nav-collapse --> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Begin page content --> | ||
+ | <div class="container"> | ||
+ | |||
+ | <!-- Title --> | ||
+ | <div class="page-header"> | ||
+ | <h2><b>Meet the Team </b> - Making science happen since 1990</h2> | ||
</div> | </div> | ||
+ | <!-- Title End --> | ||
- | <!-- | + | <!-- Row 1 --> |
+ | <div class="row" style="margin-top:20px;"> | ||
- | + | <div class="span6" style="text-align:justify"> | |
+ | <h2 style="margin-top:-10px;"> Individuals behind the Team </h2> | ||
+ | <p> Microcystin, a toxin released by specific cyanobacteria, is harmful to mammals due to its ability in binding to the PP1 protein and ceasing its operation. ToxiMop uses this binding feature and aims to integrate the PP1 protein into a bacterial cell to mop up the toxin. An example of this was at the Beijing Olympics in 2008, when 10, 000 people were hired to clean up the algae in time for the sailing regatta. The current detection process takes approximately 24 hours. The team’s aim is to reduce this to 1 hour.</p> | ||
+ | </div> | ||
- | <div class=" | + | <div class="span6" style="text-align:justify"> |
+ | <h2 style="margin-top:-10px;"> The benefit of Teamwork</h2> | ||
+ | <p> | ||
+ | What comes to people's mind when they hear the word, 'Synthetic biology'? Many people don't know what it is, or have an ambiguous image that it is something dangerous. Synthetic biology is not about the un-natural, think of it as playing with the Universe's lego kit. Building with what is already here, we try to create something better..</p> | ||
+ | </div> | ||
+ | </div> | ||
- | + | ||
- | < | + | <!-- Title --> |
+ | <div class="page-header"> | ||
+ | <h2><b>Dry Lab</b> </h2> | ||
</div> | </div> | ||
+ | <!-- Title End --> | ||
- | + | <!-- Row Three --> | |
- | + | <div class="row" style="margin-top:20px;"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div class="span3" style="height:250px;"> | |
- | + | <div id="mainwrapper"> | |
- | + | <!-- Image Caption 6 --> | |
- | + | <div id="box-6" class="box"> | |
- | + | <img id="image-6" src="http://placehold.it/250/0699C1/000000&text=Craig Johnston" style="width:220px;height:220px;"/> | |
- | + | <span class="caption scale-caption"> | |
- | + | <p style = "font-size: 12px;text-align:justify;"> | |
- | + | <b style="font-size:16px;">Craig Johnston </b><br> <br> | |
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Mathematics <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Team: </b> Dry team <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Mathematical modelling <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> To develop mathematical models that help enhance the understanding of the biology in our toximop project.</br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
+ | |||
+ | <div class="span3" style="height:250px;"> | ||
+ | <div id="mainwrapper"> | ||
+ | <!-- Image Caption 6 --> | ||
+ | <div id="box-6" class="box"> | ||
+ | <img id="image-6" src="http://placehold.it/250/0699C1/000000&text=Kyle Harrison" style="width:220px;height:220px;"/> | ||
+ | <span class="caption scale-caption"> | ||
+ | <p style = "font-size: 12px;text-align:justify;"> | ||
+ | <b style="font-size:16px;">Kyle Harrison </b><br> <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Applied Computing <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Team: </b> Dry team <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Software Development / Design <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> Applying software development techniques, design principles, and methodologies to real applications.</br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | + | <div class="span3" style="height:250px;"> | |
- | + | <div id="mainwrapper"> | |
- | + | <!-- Image Caption 6 --> | |
- | + | <div id="box-6" class="box"> | |
- | + | <img id="image-6" src="http://placehold.it/250/0699C1/000000&text=Rachel Findlay" style="width:220px;height:220px;"/> | |
- | + | <span class="caption scale-caption"> | |
- | + | <p style = "font-size: 12px;text-align:justify;"> | |
- | + | <b style="font-size:16px;">Rachel Findlay </b><br> <br> | |
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Mathematical Biology <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Team: </b> Dry team <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Mathematical Modelling <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> Experience in relating mathematical models to biological concepts and constructing relevant models.</br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
- | + | <div class="span3" style="height:250px;"> | |
- | + | <div id="mainwrapper"> | |
- | + | <!-- Image Caption 6 --> | |
- | + | <div id="box-6" class="box"> | |
- | + | <img id="image-6" src="http://placehold.it/250/0699C1/000000&text=Nasir Ahmad" style="width:220px;height:220px;"/> | |
- | + | <span class="caption scale-caption"> | |
- | + | <p style = "font-size: 12px;text-align:justify;"> | |
- | + | <b style="font-size:16px;">Nasir Ahmad </b><br> <br> | |
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Physics <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Team: </b> Dry team <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Hardware Designer / Modelling <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> Gain knowledge in microbiology & applying existing knowledge in new and interesting ways.</br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
+ | <!-- | ||
+ | <div class="span12" style="text-align:justify"> | ||
+ | <p> | ||
+ | What comes to people's mind when they hear the word, 'Synthetic biology'? Many people don't know what it is, or have an ambiguous image that it is. Synthetic biology is not about the un-natural, think of it as playing with the Universe's lego kit. Building with what is already here, we try to create something better..</p> | ||
</div> | </div> | ||
+ | --> | ||
+ | </div> | ||
+ | <!-- End of Thumbnails --> | ||
- | |||
- | |||
- | |||
- | |||
- | + | ||
- | < | + | |
+ | <!--- ROW 2 - Thumbnails --> | ||
+ | |||
+ | <!-- Title --> | ||
+ | <div class="page-header"> | ||
+ | <h2><b>Wet Lab</b> </h2> | ||
</div> | </div> | ||
+ | <!-- Title End --> | ||
- | + | <!-- Row Three --> | |
- | <img src="http://placehold.it/250/C6E546/000000&text= | + | <div class="row" style="margin-top:20px;"> |
- | + | ||
- | + | <div class="span3" style="height:250px;"> | |
- | + | <div id="mainwrapper"> | |
- | + | <!-- Image Caption 6 --> | |
- | + | <div id="box-6" class="box"> | |
- | + | <img id="image-6" src="http://placehold.it/250/C6E546/000000&text=Ewa Grabowiecka" style="width:220px;height:220px;"/> | |
+ | <span class="caption scale-caption"> | ||
+ | <p style = "font-size: 12px;text-align:justify;"> | ||
+ | <b style="font-size:16px;">Ewa Grabowiecka </b><br> <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Microbiology <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Team: </b> Wet team <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Microcystin Sensor<br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> Build an efficient Microcystin Mop.</br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
+ | |||
+ | <div class="span3" style="height:250px;"> | ||
+ | <div id="mainwrapper"> | ||
+ | <!-- Image Caption 6 --> | ||
+ | <div id="box-6" class="box"> | ||
+ | <img id="image-6" src="http://placehold.it/250/C6E546/000000&text=Philip Rodger" style="width:220px;height:220px;"/> | ||
+ | <span class="caption scale-caption"> | ||
+ | <p style = "font-size: 12px;text-align:justify;"> | ||
+ | <b style="font-size:16px;">Philip Rodger</b><br> <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Molecular Biology <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Team: </b> Wet team <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Microcystin Detector<br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> Designing a microcystin detector by modifying existing E.coli and B.subtilis.</br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | + | <div class="span3" style="height:250px;"> | |
- | + | <div id="mainwrapper"> | |
- | + | <!-- Image Caption 6 --> | |
- | + | <div id="box-6" class="box"> | |
- | + | <img id="image-6" src="http://placehold.it/250/C6E546/000000&text=John Allan" style="width:220px;height:220px;"/> | |
- | + | <span class="caption scale-caption"> | |
- | + | <p style = "font-size: 12px;text-align:justify;"> | |
- | + | <b style="font-size:16px;">John Allan</b><br> <br> | |
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Microbiology <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Team: </b> Wet team <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Microcystin Sensor<br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> Succesfully clone a microcystin receptor & express this in bacterial cells improving existing detection methods.</br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
- | + | <div class="span3" style="height:250px;"> | |
- | + | <div id="mainwrapper"> | |
- | + | <!-- Image Caption 6 --> | |
- | + | <div id="box-6" class="box"> | |
- | + | <img id="image-6" src="http://placehold.it/250/C6E546/000000&text=Alice Rowan" style="width:220px;height:220px;"/> | |
- | + | <span class="caption scale-caption"> | |
- | + | <p style = "font-size: 12px;text-align:justify;"> | |
- | + | <b style="font-size:16px;">Alice Rowan </b><br> <br> | |
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Biomedical Sciences <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Team: </b> Wet team <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Microcystin Sensor<br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> I hope to develop a biological mop to reduce microcystin levels in freshwater systems.</br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
+ | |||
+ | </div> | ||
+ | <!-- End Row 1 --> | ||
+ | |||
+ | <!-- Row Three --> | ||
+ | <div class="row" style="margin-top:0px;"> | ||
- | + | <div class="span3" style="height:250px;"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | |||
+ | <div class="span3" style="height:250px;"> | ||
+ | <div id="mainwrapper"> | ||
+ | <!-- Image Caption 6 --> | ||
+ | <div id="box-6" class="box"> | ||
+ | <img id="image-6" src="http://placehold.it/250/C6E546/000000&text=Chris Earl" style="width:220px;height:220px;"/> | ||
+ | <span class="caption scale-caption"> | ||
+ | <p style = "font-size: 12px;text-align:justify;"> | ||
+ | <b style="font-size:16px;">Chris Earl </b><br> <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Molecular Biology <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Team: </b> Wet team <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Microcystin Sensor<br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> Succesfully clone microcystin receptors and express these in bacterial cells.</br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="span3" style="height:250px;"> | ||
+ | <div id="mainwrapper"> | ||
+ | <!-- Image Caption 6 --> | ||
+ | <div id="box-6" class="box"> | ||
+ | <img id="image-6" src="http://placehold.it/250/C6E546/000000&text=Kyle Buchan" style="width:220px;height:220px;"/> | ||
+ | <span class="caption scale-caption"> | ||
+ | <p style = "font-size: 12px;text-align:justify;"> | ||
+ | <b style="font-size:16px;">Kyle Buchan </b><br> <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Molecular Biology <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Team: </b> Wet team <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Microbiology Specialist<br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> Achieve a higher understanding and appreciation for the field of synthetic biology as a whole, &gaining valuable lab experience.</br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="span3" style="height:250px;"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- | ||
+ | <div class="span12" style="text-align:justify"> | ||
+ | <p> | ||
+ | What comes to people's mind when they hear the word, 'Synthetic biology'? Many people don't know what it is, or have an ambiguous image that it is. Synthetic biology is not about the un-natural, think of it as playing with the Universe's lego kit. Building with what is already here, we try to create something better..</p> | ||
</div> | </div> | ||
+ | --> | ||
+ | </div> | ||
+ | <!-- End of Thumbnails --> | ||
+ | <!-- Row 2 - Thumbnails --> | ||
- | |||
- | |||
- | |||
- | + | <!--- ROW 3 - Thumbnails --> | |
- | + | <!-- Title --> | |
- | < | + | <div class="page-header"> |
+ | <h2><b>Supervisors</b> </h2> | ||
</div> | </div> | ||
+ | <!-- Title End --> | ||
- | + | <!-- Row Three --> | |
- | + | <div class="row" style="margin-top:20px;"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div class="span3" style="height:250px;"> | |
- | + | <div id="mainwrapper"> | |
- | + | <!-- Image Caption 6 --> | |
- | + | <div id="box-6" class="box"> | |
- | + | <img id="image-6" src="http://placehold.it/250/8066DB/000000&text=Prof Tracy Palmer" style="width:220px;height:220px;"/> | |
- | + | <span class="caption scale-caption"> | |
- | + | <p style = "font-size: 12px;text-align:justify;"> | |
- | + | <b style="font-size:16px;">Prof Tracy Palmer </b><br> <br> | |
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Microbiology <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Supervisor - Instructor for biological experiments <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> </br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
+ | |||
+ | <div class="span3" style="height:250px;"> | ||
+ | <div id="mainwrapper"> | ||
+ | <!-- Image Caption 6 --> | ||
+ | <div id="box-6" class="box"> | ||
+ | <img id="image-6" src="http://placehold.it/250/8066DB/000000&text=Prof Frank Sargent" style="width:220px;height:220px;"/> | ||
+ | <span class="caption scale-caption"> | ||
+ | <p style = "font-size: 12px;text-align:justify;"> | ||
+ | <b style="font-size:16px;">Prof Frank Sargent </b><br> <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Microbiology <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Supervisor <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> </br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | + | <div class="span3" style="height:250px;"> | |
- | + | <div id="mainwrapper"> | |
- | + | <!-- Image Caption 6 --> | |
- | + | <div id="box-6" class="box"> | |
- | + | <img id="image-6" src="http://placehold.it/250/8066DB/000000&text=Dr Fordyce Davidson" style="width:220px;height:220px;"/> | |
- | + | <span class="caption scale-caption"> | |
- | + | <p style = "font-size: 12px;text-align:justify;"> | |
- | + | <b style="font-size:16px;">Dr Fordyce Davidson </b><br> <br> | |
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Mathmatics <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Supervisor <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> </br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
- | + | <div class="span3" style="height:250px;"> | |
- | + | <div id="mainwrapper"> | |
- | + | <!-- Image Caption 6 --> | |
- | + | <div id="box-6" class="box"> | |
- | + | <img id="image-6" src="http://placehold.it/250/8066DB/000000&text=Dr Lionel Dupuy" style="width:220px;height:220px;"/> | |
- | + | <span class="caption scale-caption"> | |
- | + | <p style = "font-size: 12px;text-align:justify;"> | |
- | + | <b style="font-size:16px;">Dr Lionel Dupuy </b><br> <br> | |
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Mathmatics <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Supervisor <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> </br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
- | |||
- | <!-- End | + | </div> |
- | + | <!-- End Row 3 --> | |
- | + | <!--- ROW 4 - Thumbnails --> | |
- | + | ||
- | + | ||
- | <div class=" | + | <!-- Title --> |
- | + | <div class="page-header"> | |
+ | <h2><b>Advisors & Volunteers</b> </h2> | ||
+ | </div> | ||
+ | <!-- Title End --> | ||
+ | |||
+ | <!-- Row Three --> | ||
+ | <div class="row" style="margin-top:20px;"> | ||
+ | |||
+ | <div class="span3" style="height:250px;"> | ||
+ | <div id="mainwrapper"> | ||
+ | <!-- Image Caption 6 --> | ||
+ | <div id="box-6" class="box"> | ||
+ | <img id="image-6" src="http://placehold.it/250/EB3C8B/000000&text=Lucia Licandro" style="width:220px;height:220px;"/> | ||
+ | <span class="caption scale-caption"> | ||
+ | <p style = "font-size: 12px;text-align:justify;"> | ||
+ | <b style="font-size:16px;">Lucia Licandro </b><br> <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Microbiology <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Advisor <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> </br> | ||
+ | </p> | ||
+ | </span> | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="span3" style="height:250px;"> | ||
+ | <div id="mainwrapper"> | ||
+ | <!-- Image Caption 6 --> | ||
+ | <div id="box-6" class="box"> | ||
+ | <img id="image-6" src="http://placehold.it/250/EB3C8B/000000&text=Richard Owens" style="width:220px;height:220px;"/> | ||
+ | <span class="caption scale-caption"> | ||
+ | <p style = "font-size: 12px;text-align:justify;"> | ||
+ | <b style="font-size:16px;">Richard Owens </b><br> <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Microbiology <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Advisor <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> </br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | + | <div class="span3" style="height:250px;"> | |
- | + | <div id="mainwrapper"> | |
- | < | + | <!-- Image Caption 6 --> |
- | + | <div id="box-6" class="box"> | |
- | + | <img id="image-6" src="http://placehold.it/250/EB3C8B/000000&text=Cian McNabola" style="width:220px;height:220px;"/> | |
- | + | <span class="caption scale-caption"> | |
- | + | <p style = "font-size: 12px;text-align:justify;"> | |
+ | <b style="font-size:16px;">Cian McNabola </b><br> <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Games Design <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Mascot Design - Volunteer<br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> .</br> | ||
+ | </p> | ||
+ | </span> | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="span3" style="height:250px;"> | ||
+ | <div id="mainwrapper"> | ||
+ | <!-- Image Caption 6 --> | ||
+ | <div id="box-6" class="box"> | ||
+ | <img id="image-6" src="http://placehold.it/250/EB3C8B/000000&text=Darryl Johnson" style="width:220px;height:220px;"/> | ||
+ | <span class="caption scale-caption"> | ||
+ | <p style = "font-size: 12px;text-align:justify;"> | ||
+ | <b style="font-size:16px;">Darryl Johnson </b><br> <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Field:</b> Graphics Design <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Role:</b> Logo Design - Volunteer <br> | ||
+ | <b style="font-size:14px;color:#9E9E9E;">Aspirations:</b><br> </br> | ||
+ | </p> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
- | + | ||
- | <!-- End | + | </div> |
+ | <!-- End Row 4 --> | ||
+ | <div id="push"></div> | ||
</div> | </div> | ||
- | + | ||
- | + | <div id="footer"> | |
- | + | <div class="container"> | |
- | </body> | + | <p class="muted credit"> Created for <a href="https://igem.org/Main_Page">iGEM 2013</a> Dundee. Based upon <a href ="http://twitter.github.io/bootstrap/">Bootstrap</a> and <a href="http://jquery.com/">JQuery</a>. Design by <a href="www.kyleharrison.co.uk"> Kyle Harrison </a>. </p> |
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Le javascript | ||
+ | ================================================== --> | ||
+ | <!-- Placed at the end of the document so the pages load faster --> | ||
+ | |||
+ | |||
+ | <!-- the neccessary javascript --> | ||
+ | <script src="http://code.jquery.com/jquery-latest.js"></script> | ||
+ | <script src="http://www.kyleharrison.co.uk/igem/assets/css/js/bootstrap.min.js"></script> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $("#tip").tooltip(); //call on the tooltip function and attach it to a tooltip id | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <script language="Javascript" type="text/javascript" src="http://www.kyleharrison.co.uk/igem/assets/css/js/jquery.blinds-0.9.js"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(window).load(function () { | ||
+ | $('.slideshow').blinds(); | ||
+ | }) | ||
+ | </script> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 15:18, 8 July 2013
Meet the Team - Making science happen since 1990
Individuals behind the Team
Microcystin, a toxin released by specific cyanobacteria, is harmful to mammals due to its ability in binding to the PP1 protein and ceasing its operation. ToxiMop uses this binding feature and aims to integrate the PP1 protein into a bacterial cell to mop up the toxin. An example of this was at the Beijing Olympics in 2008, when 10, 000 people were hired to clean up the algae in time for the sailing regatta. The current detection process takes approximately 24 hours. The team’s aim is to reduce this to 1 hour.
The benefit of Teamwork
What comes to people's mind when they hear the word, 'Synthetic biology'? Many people don't know what it is, or have an ambiguous image that it is something dangerous. Synthetic biology is not about the un-natural, think of it as playing with the Universe's lego kit. Building with what is already here, we try to create something better..