Team:Dundee

From 2013.igem.org

(Difference between revisions)
 
(146 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Dundee/Templates/Navigationbar}}
 +
<html>
<html>
 +
<html lang="en">
 +
 
 +
<!-- Begin page content -->
 +
<div class="container">
-
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+
      <div class="span12" style="margin-left:0px;margin-top: 10px;">
-
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+
-
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+
-
<head>
+
-
  <meta charset="utf-8" />
+
-
  <!-- Set the viewport width to device width for mobile -->
+
            <!-- a very basic slider, note the structure of each item. you can add too but not take away (classes and id's that is) -->
-
  <meta name="viewport" content="width=device-width" />
+
            <div id="slider" class="carousel slide">
-
  <title>Dundee iGem 2012</title>
+
              <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>
-
  <!-- Included CSS Files -->
+
                <div class="item"><!-- add the active class to any slider you want shown first -->
-
  <link rel="stylesheet" href="http://kyleharrison.co.uk/css/igemMain.css" >
+
                  <img src="https://static.igem.org/mediawiki/2013/thumb/a/a4/Algal_Bloom3.jpg/800px-Algal_Bloom3.jpg" style="width:100%;height:100%">
 +
                </div>
-
</head>
 
-
</head>
+
                <div class="item"><!-- add the active class to any slider you want shown first -->
-
<body>
+
                  <img src="https://static.igem.org/mediawiki/2013/thumb/2/25/Solution3.jpg/800px-Solution3.jpg" style="width:100%;height:100%">
 +
                </div>
 +
              </div>
-
<div class="row">
+
              <!-- the controls for our sliders -->
-
<div class="twelve columns">
+
              <a class="left carousel-control " href="#slider" data-slide="prev">&lsaquo;</a>
-
<!-- Temporary Fix -->
+
              <a class="right carousel-control " href="#slider" data-slide="next">&rsaquo;</a>
-
<div style ="margin-bottom:-15px;margin-top:5px">
+
-
<!--<img src="http://placehold.it/1000x100&text=iGem Dundee 2013">-->
+
-
<img src="https://static.igem.org/mediawiki/2013/2/2d/DundeeBaner.jpg">
+
-
</div>
+
-
</div>
+
-
</div>
+
-
  <div class="row">
+
            </div>
-
    <div class="twelve columns">
+
      </div>
-
       <!-- Navigation -->
+
       <div class="row">
 +
      <!-- the main content -->  
-
          <ul class="nav-bar">
+
        <div class="span6" style="text-align:justify">
-
          <li class="active"><a href="/Team:Dundee">Home</a></li>
+
        <h2 style="margin-top:-10px;"> Targeting a Deadly Toxin</h2>
-
          <li><a href="/Team:Dundee/Team">Team</a></li>
+
-
          <li><a href="/Team:Dundee/Project">Project</a></li>
+
-
  <li><a href="/Team:Dundee/Parts">Parts</a></li>
+
-
  <li><a href="/Team:Dundee/Safety">Safety</a></li>
+
-
  <li><a href="/Team:Dundee/HumanPractice">Human Practice</a></li>
+
-
  <li><a href="/Team:Dundee/Sponsors">Sponsors</a></li>
+
-
        </ul>
+
-
      <!-- End Navigation -->
+
        <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>
-
      <!-- Header Content -->
+
        <br>
 +
        </div>
-
         <div class="row">
+
         <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 -->
-
<!-- Left Panel -->
 
-
          <div class="six columns">
 
-
            <h3 class="show-for-small">Abstract<hr/></h3>
+
<!--
 +
      <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>
 +
-->
-
            <div class="panel">
 
-
              <h4 class="hide-for-small">Website Under Construction<hr/></h4>
 
-
            <h5 class="subheader">Algal blooms are an ever-growing problem in freshwater systems. The main concern is the level of toxin called microcystin, which is released by cyanobacteria when they die. Currently, the method of detection takes a day to produce results, so our aim as a team is to develop a 60 minute microcystin detection system, as well as a method to combat the rising levels of the toxin.</h5>
 
-
            </div>
 
-
          <div class="row">
+
      <!-- Row Three -->
-
              <div class="six mobile-two columns">
+
      <div class="row">
-
                <div class="panel">
+
-
                  <h5>Catcher</h5>
+
-
                <h6 class="subheader">Praesent placerat dui tincidunt elit suscipit sed.</h6>
+
-
                <a href="#" class="small button">Read More!</a>
+
-
                </div>
+
-
              </div>
+
-
 
+
-
              <div class="six mobile-two columns">
+
-
                <div class="panel">
+
-
                  <h5>Cleaner</h5>
+
-
                <h6 class="subheader">Praesent placerat dui tincidunt elit suscipit sed.</h6>
+
-
                <a href="#" class="small button">Read More!</a>
+
-
                </div>
+
-
              </div>
+
-
   
+
-
          </div>
+
-
          </div>
+
      <div class="span3" style="height:275px">
-
 
+
        <div id="mainwrapper">
-
  <!--Right Panel-->
+
        <a href="https://2013.igem.org/Team:Dundee/Project">
-
  <div class="six columns">
+
                    <!-- Image Caption 6 -->
-
+
              <div id="box-6" class="box">
-
<!-- Temporary Fix -->
+
                <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c2/MOP-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
-
<div style ="margin-bottom:22px">
+
              <span class="caption scale-caption" style="text-align:justify">
-
<img src="http://placehold.it/500x327&text=Image">
+
                          <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>
-
</div>
+
                </span>
-
+
-
<div class="panel">
+
-
<h5 class="subheader">Fusce ullamcorper mauris in eros dignissim molestie posuere felis blandit. Aliquam erat volutpat. Mauris ultricies posuere vehicula. Sed sit amet posuere erat. Quisque in ipsum non augue euismod dapibus non et eros. Pellentesque consectetur tempus mi iaculis.</h5>
+
-
</div>
+
-
+
-
 
+
-
             
+
               </div>
               </div>
-
   
+
            </div> </a>
-
          </div>
+
      </div>
-
+
-
+
-
+
-
          </div>
+
-
 
+
-
        </div>
+
-
       <!-- End Header Content -->
+
       <div class="span3" style="height:275px">
-
 
+
          <div id="mainwrapper">
-
 
+
        <a href="https://2013.igem.org/Team:Dundee/Project/Detector">
-
      <!-- Thumbnails -->
+
                  <!-- Image Caption 6 -->
-
 
+
            <div id="box-6" class="box">
-
        <div class="row">
+
              <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">
-
          <div class="twelve show-for-small columns">
+
                          <p><b style="font-size:16px;">Detector</b><br><br> Detecting microcystin by manipulation of the <i>E. coli</i> osmoregulator EnvZ.</p>
-
          <h3>Header</h3><hr>
+
              </span>
 +
            </div>
 +
          </div></a>
         </div>
         </div>
-
          <div class="three mobile-two columns">
+
      <div class="span3" style="height:275px">
-
             <img src="http://placehold.it/250/C6E546/000000&text=Algae">
+
        <div id="mainwrapper">
-
            <div class="panel">
+
        <a href="https://2013.igem.org/Team:Dundee/Project/SoftwareTheory">
-
              <p><b>Description</b> - Aliquam erat volutpat. Mauris ultricies et iusto odio dignissimos ducimus posuere vehicula.</p>
+
                  <!-- 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>
-
           </div>
+
           </div></a>
 +
        </div>
-
          <div class="three mobile-two columns">
+
      <div class="span3" style="height:275px">
-
            <img src="http://placehold.it/250/0699C1/000000&text=Ponds">
+
          <div id="mainwrapper">
-
             <div class="panel">
+
        <a href="https://2013.igem.org/Team:Dundee/HumanPractice">
-
               <p><b>Description</b> - At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.</p>
+
                  <!-- Image Caption 6 -->
-
            </div>
+
             <div id="box-6" class="box">
-
          </div>
+
               <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">
-
          <div class="three mobile-two columns">
+
                          <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>
-
            <img src="http://placehold.it/250/FEE685/000000&text=Problem">
+
              </span>
-
            <div class="panel">
+
-
              <p><b>Description</b> - Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.</p>
+
             </div>
             </div>
-
           </div>
+
           </div></a>
-
 
+
-
          <div class="three mobile-two columns">
+
-
            <img src="http://placehold.it/250/338C73/000000&text=Solution">
+
-
            <div class="panel">
+
-
              <p><b>Description</b> - Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores.</p>
+
-
            </div>
+
-
          </div>
+
-
 
+
         </div>
         </div>
 +
      </div>
-
       <!-- End Thumbnails -->
+
       </div><!-- End Page Content -->
 +
      <!-- 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/js/bootstrap.min.js"></script>
-
        <footer class="row">
+
      <div id="push"></div>
-
        <div class="twelve columns"><hr />
+
    </div>
-
            <div class="row">
+
-
              <div class="six columns">
+
    <div id="footer">
-
                  <p>&copy; Copyright iGem 2013 - Dundee </p>
+
      <div class="container">
-
              </div>
+
        <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>
-
              <div class="six columns">
 
-
                  <ul class="link-list right">
 
-
                    <li><a href="#">Link 1</a></li>
 
-
                    <li><a href="#">Link 2</a></li>
 
-
                    <li><a href="#">Link 3</a></li>
 
-
                    <li><a href="#">Link 4</a></li>
 
-
                  </ul>
 
-
              </div>
 
-
            </div>
 
-
        </div>
 
-
      </footer>
 
-
      <!-- End Footer -->
+
  </body>
 +
</html>
-
 
+
{{:Team:Dundee/Templates/Footer}}
-
    </div>
+
-
  </div>
+
-
  <!-- Included JS Files -->
+
-
  <script src="../public/assets/templates.js"></script>
+
-
</body>
+
-
</html>
+

Latest revision as of 23:35, 28 October 2013

iGEM Dundee 2013 · ToxiMop

Targeting a Deadly Toxin

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.

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.