|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <html lang="en"> | | <html lang="en"> |
| - |
| |
| - | <!-- Begin page content -->
| |
| - | <div class="container">
| |
| | | | |
| - | <div class="span12" style="margin-left:0px;margin-top: 10px;">
| |
| | | | |
| - | <!-- a very basic slider, note the structure of each item. you can add too but not take away (classes and id's that is) -->
| |
| - | <div id="slider" class="carousel slide">
| |
| | | | |
| - | <div class="carousel-inner">
| |
| - | <div class="item active"><!-- add the active class to any slider you want shown first -->
| |
| - | <img src="https://static.igem.org/mediawiki/2013/thumb/1/1e/BannerToximop.jpg/800px-BannerToximop.jpg" style="width:100%;height:100%">
| |
| - | </div>
| |
| | | | |
| - | <div class="item"><!-- add the active class to any slider you want shown first -->
| |
| - | <img src="https://static.igem.org/mediawiki/2013/thumb/a/a4/Algal_Bloom3.jpg/800px-Algal_Bloom3.jpg" style="width:100%;height:100%">
| |
| - | </div>
| |
| | | | |
| | | | |
| - | <div class="item"><!-- add the active class to any slider you want shown first -->
| |
| - | <img src="https://static.igem.org/mediawiki/2013/thumb/2/25/Solution3.jpg/800px-Solution3.jpg" style="width:100%;height:100%">
| |
| - | </div>
| |
| - | </div>
| |
| | | | |
| - | <!-- the controls for our sliders -->
| |
| - | <a class="left carousel-control " href="#slider" data-slide="prev">‹</a>
| |
| - | <a class="right carousel-control " href="#slider" data-slide="next">›</a>
| |
| | | | |
| - | </div>
| |
| - | </div>
| |
| | | | |
| - | <div class="row">
| |
| - | <!-- the main content -->
| |
| | | | |
| - | <div class="span6" style="text-align:justify">
| |
| - | <h2 style="margin-top:-10px;"> Targeting a Deadly Toxin</h2>
| |
| | | | |
| - | <p>
| |
| - | Explosions in the population of cyanobacteria can produce toxic algal blooms. Microcystin-LR the most potent and common algal bloom toxin, binds Protein Phosphatase 1. The average cyanobacteria infested lake in America contains over 1000 times the Microcystin safe drinking water limit set by the World Health Organisation. <br><br>
| |
| - |
| |
| - | Concerned by a harmful algal bloom in the local community, we used synthetic biology to target the toxin. We exploited the mechanism of Microcystin's toxicity to develop our Mop; by expressing Protein Phosphatase 1 we can mop up Microcystin. The interaction was also the basis for developing a biological Detector. To deploy our Detector and to consider the root causes of algal blooms we created the electronic Moptopus. It sits on a lake and monitors conditions relevant to cyanobacterial growth to help predict future blooms.
| |
| - | </p>
| |
| - |
| |
| - | <br>
| |
| - | </div>
| |
| - |
| |
| - | <div class="span6" style="padding-top:40px" >
| |
| - | <iframe src="http://player.vimeo.com/video/69609812?color=c9ff23" width="460" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
| |
| - | </div>
| |
| - | </div><!-- Row End -->
| |
| - |
| |
| - |
| |
| - | <!--
| |
| - | <div class="row" style="padding-bottom:20px">
| |
| - | <div class="span6">text</div>
| |
| - | <div class="span6"><img src="https://static.igem.org/mediawiki/2013/c/cc/Digi-Poster-Ad-Dundee.jpg"></div>
| |
| - | </div>
| |
| - | -->
| |
| - |
| |
| - |
| |
| - | <!-- Row Three -->
| |
| - | <div class="row">
| |
| - |
| |
| - | <div class="span3" style="height:275px">
| |
| - | <div id="mainwrapper">
| |
| - | <a href="https://2013.igem.org/Team:Dundee/Project">
| |
| - | <!-- Image Caption 6 -->
| |
| - | <div id="box-6" class="box">
| |
| - | <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c2/MOP-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
| |
| - | <span class="caption scale-caption" style="text-align:justify">
| |
| - | <p><b style="font-size:16px">Mop</b><br><br> Mopping up a toxin (microcystin) by engineering a bacterium to produce the human PP1 protein, the protein to which microcystin binds.</p>
| |
| - | </span>
| |
| - | </div>
| |
| - | </div> </a>
| |
| - | </div>
| |
| - |
| |
| - | <div class="span3" style="height:275px">
| |
| - | <div id="mainwrapper">
| |
| - | <a href="https://2013.igem.org/Team:Dundee/Project/Detector">
| |
| - | <!-- Image Caption 6 -->
| |
| - | <div id="box-6" class="box">
| |
| - | <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c3/DETECTOR-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
| |
| - | <span class="caption scale-caption" style="text-align:justify">
| |
| - | <p><b style="font-size:16px;">Detector</b><br><br> Detecting microcystin by manipulation of the <i>E. coli</i> osmoregulator EnvZ.</p>
| |
| - | </span>
| |
| - | </div>
| |
| - | </div></a>
| |
| - | </div>
| |
| - |
| |
| - | <div class="span3" style="height:275px">
| |
| - | <div id="mainwrapper">
| |
| - | <a href="https://2013.igem.org/Team:Dundee/Project/SoftwareTheory">
| |
| - | <!-- Image Caption 6 -->
| |
| - | <div id="box-6" class="box">
| |
| - | <img id="image-6" src="https://static.igem.org/mediawiki/2013/9/9f/MOPTOPUS-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
| |
| - | <span class="caption scale-caption" style="text-align:justify">
| |
| - | <p><b style="font-size:16px;">Moptopus</b><br><br> An electronic sensing device that provides a platform for toxin detection. It relates a range of environmental conditions to algal bloom formation and toxicity.</p>
| |
| - | </span>
| |
| - | </div>
| |
| - | </div></a>
| |
| - | </div>
| |
| - |
| |
| - | <div class="span3" style="height:275px">
| |
| - | <div id="mainwrapper">
| |
| - | <a href="https://2013.igem.org/Team:Dundee/HumanPractice">
| |
| - | <!-- Image Caption 6 -->
| |
| - | <div id="box-6" class="box">
| |
| - | <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/ca/HMP-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
| |
| - | <span class="caption scale-caption" style="text-align:justify">
| |
| - |
| |
| - | <p><b style="font-size:16px;">Human Practices</b><br><br>This project has been carried out in collaboration with the community. By informing, listening and responding to their input, our project is based around community defined need, and is not merely a technical exercise. </p>
| |
| - | </span>
| |
| - | </div>
| |
| - | </div></a>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | </div><!-- End Page Content -->
| |
| | | | |
| | <!-- Le javascript | | <!-- Le javascript |
| Line 130: |
Line 23: |
| | <div id="push"></div> | | <div id="push"></div> |
| | </div> | | </div> |
| - |
| |
| - | <div id="footer">
| |
| - | <div class="container">
| |
| - | <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="http://www.kyleharrison.co.uk">Kyle Harrison </a>. </p>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| | </body> | | </body> |
| | </html> | | </html> |
"
