Team:Dundee

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <title>iGEM Dundee 2013 &middot; Toxi-Mop</title>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
-
<!-- Adapted from -->
+
    <!-- CSS -->
-
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+
    <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap.css" rel="stylesheet">
-
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/style.css" rel="stylesheet">
-
<head>
+
    <style type="text/css">
-
  <meta charset="utf-8" />
+
-
  <!-- Set the viewport width to device width for mobile -->
 
-
  <meta name="viewport" content="width=device-width" />
 
-
  <title>Dundee iGem 2012</title>
+
      /* Remove MediaWiki Styling */
-
 
+
-
<style type="text/css">
+
 +
      #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
          display:none;     
 +
          width:100%;
 +
          height:100%;}
-
  /* These styles create the dropdown menus. */
+
      #top-section {
-
 
+
          border: none;
-
.nav-bar { height: 40px; background: #4d4d4d; margin-left: 0; margin-top: 20px; padding: 0; }
+
          height: 0px;}
-
.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}
+
      #content {
-
.nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
+
          border: none;}
-
.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; }
+
      /* MediaWiki Top Menu */
-
.nav-bar > li.active > a { color: white; cursor: default; }
+
-
.nav-bar > li.active:hover { background: #2ba6cb; cursor: default; }
+
-
.nav-bar > li:hover { background: #333333; }
+
      #menubar {
-
.nav-bar > li > a { color: #e6e6e6; }
+
          font-size: 65%;
-
.nav-bar > li ul { margin-bottom: 0; }
+
          top: -14px;
-
.nav-bar > li .flyout { display: none; }
+
      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; }
+
      .left-menu:hover {
-
.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; }
+
          background-color: transparent;}
-
.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; }
+
      #menubar li a {
-
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; }
+
          background-color: transparent;}
-
.nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; }
+
      #menubar:hover {
-
.nav-bar > li > input { margin: 0 10px; }
+
          color: white;}
-
.nav-bar.vertical { height: auto; margin-top: 0; }
+
      #menubar li a {
-
.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; }
+
          color: transparent;}
-
.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; }
+
      #menubar:hover li a {
-
.nav-bar.vertical > li .flyout { left: 100%; top: -1px; }
+
          color: white;}
-
.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
+
      /* Sticky footer styles
-
{
+
      -------------------------------------------------- */
-
padding: 0px;
+
-
margin: 0px;
+
-
font-size:16px;
+
-
}
+
-
ul.nav-bar li:hover ul#subnavlist
+
      html,
-
{
+
      body {
-
display: block;
+
        height: 100%;
-
position: absolute;
+
        /* The html and body elements cannot have any padding or margin. */
-
font-size: 8pt;
+
      }
-
padding-top: 5px;
+
-
}
+
-
ul.nav-bar li:hover ul#subnavlist li a
+
      /* Wrapper for page content to push down footer */
-
{
+
      #wrap {
-
display: block;
+
        min-height: 100%;
-
width: 10em;
+
        height: auto !important;
-
border: none;
+
        height: 100%;
-
padding: 2px;
+
        /* Negative indent footer by it's height */
-
padding-left: 10px;
+
        margin: 0 auto -60px;
-
padding-bottom: 5px;
+
      }
-
padding-top: 5px;
+
-
}
+
-
ul.nav-bar li:hover ul#subnavlist li a:before { content: "    "; }
+
      /* Set the fixed height of the footer here */
 +
      #push,
 +
      #footer {
 +
        height: 60px;
 +
      }
 +
      #footer {
 +
        background-color: #f5f5f5;
 +
      }
-
ul.nav-bar li a:active
+
      /* Lastly, apply responsive CSS fixes as necessary */
-
{
+
      @media (max-width: 767px) {
-
color: #cccccc;
+
        #footer {
-
border: 1px #ffffff inset;
+
          margin-left: -20px;
-
background: #2ba6cb;
+
          margin-right: -20px;
-
border-color: #2284a1;
+
          padding-left: 20px;
-
z-index:1000;
+
          padding-right: 20px;
-
}
+
        }
 +
      }
-
   
 
-
</style>
 
-
 
-
  <!-- Included CSS Files -->
 
-
  <link rel="stylesheet" href="http://kyleharrison.co.uk/css/igemMain.css" >
 
-
</head>
 
-
<body>
 
-
<div class="row">
+
      /* Custom page CSS
-
<div class="twelve columns">
+
      -------------------------------------------------- */
-
<!-- Temporary Fix -->
+
      /* Not required for template or sticky footer method. */
-
<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">
+
      #wrap > .container {
-
    <div class="twelve columns">
+
        padding-top: 60px;
 +
      }
 +
      .container .credit {
 +
        margin: 20px 0;
 +
      }
-
       <!-- Navigation -->
+
       code {
 +
        font-size: 80%;
 +
      }
-
  <ul class="nav-bar">
+
    </style>
-
          <li class="active"><a href="/Team:Dundee">Home</a></li>
+
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap-responsive.css" rel="stylesheet">
-
 
+
-
          <li id="active"><a href="/Team:Dundee/Team" id="current">Team</a>
+
-
<ul id="subnavlist">
+
-
<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="/Team:Dundee/Team/Contact">Contact</a></li>
+
-
</ul>
+
-
+
-
<li id="active"><a href="/Team:Dundee/Project" 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="/Team:Dundee/Parts" 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="/Team:Dundee/Safety" 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="/Team:Dundee/HumanPractice" 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="/Team:Dundee/Sponsors" 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>
+
-
      <!-- End Navigation -->
+
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
 +
    <!--[if lt IE 9]>
 +
      <script src="http://www.kyleharrison.co.uk/igem//js/html5shiv.js"></script>
 +
    <![endif]-->
 +
    <!-- Fav and touch icons -->
 +
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
 +
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
 +
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
 +
                                  <link rel="shortcut icon" href="../assets/ico/favicon.png">
 +
  </head>
-
      <!-- Header Content -->
+
  <body>
-
        <div class="row">
 
-
<!-- Left Panel -->
 
-
          <div class="six columns">
 
-
            <h3 class="show-for-small">Abstract<hr/></h3>
 
-
            <div class="panel">
+
    <!-- Part 1: Wrap all page content here -->
-
               <h4 class="hide-for-small">Website Under Construction<hr/></h4>
+
    <div id="wrap">
-
             <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>
+
      <!-- 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="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="./Team/meettheteam.html">Meet the Team</a></li>
 +
                    <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
 +
                    <li><a href="./Team/Awknowledgements.html">Acknowledgements</a></li>
 +
                    <li><a href="./Team/Attributions.html">Attributions</a></li>
 +
                    <li><a href="./Gallery/Gallery.html">Gallery</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.html">Project Overview</a></li>
 +
                    <li><a href="#">Notebook</a></li>
 +
                    <li class="divider"></li>
 +
                    <li class="nav-header">Lab</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><a href="./Project/MathOverview.html">Modelling Overview</a></li>
 +
                    <li><a href="./Project/MathOverview.html">Theory</a></li>
 +
                    <li class="divider"></li>
 +
                    <li class="nav-header">Software</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><a href="http://www.youtube.com/channel/UCvHOQ9Y1PqKInj6iCwLqTJw/feed?view_as=public">Youtube Channel</a></li>
 +
                    <li><a href="#">Graphic Novel</a></li>
 +
                    <li><a href="http://www.flickr.com/photos/97927329@N05/">Flickr</a></li>
 +
                    <li><a href="#">Video Game</a></li>
 +
                    <li class="divider"></li>
 +
                    <li class="nav-header">Social Media</li>
 +
                    <li><a href="https://www.facebook.com/DundeeiGem2013">Facebook</a></li>
 +
                    <li><a href="https://twitter.com/DundeeiGEMTeam">Twitter</a></li>
 +
                    <li><a href="https://plus.google.com/u/0/116223511035478208262/posts?hl=en_US">Google+</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><!--/.nav-collapse -->
 +
          </div>
 +
        </div>
 +
      </div>
 +
 
 +
      <!-- Begin page content -->
 +
      <div class="container">
 +
 
 +
      <!-- Title -->
 +
      <div class="page-header">
 +
          <h2><b>Toxi Mop </b> - Splash, and the Toxins gone!</h2>
 +
        </div>
 +
      <!-- Title End -->
 +
 
 +
<div class="span12" style="margin-left:0px;">
 +
 
 +
            <!-- 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="row">
+
                <div class="item active"><!-- add the active class to any slider you want shown first -->
-
              <div class="six mobile-two columns">
+
                  <img src="http://farm8.staticflickr.com/7423/9194387024_79da14a2f6_b.jpg">
-
                <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>
 
-
 
 
-
              <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="item">
-
 
+
                  <img src="http://farm3.staticflickr.com/2832/9191526631_b24b252cdf_o.jpg">
-
  <!--Right Panel-->
+
                </div>
-
  <div class="six columns">
+
 
-
+
                <div class="item">
-
<!-- Temporary Fix -->
+
 
-
<div style ="margin-bottom:22px">
+
                  <img src="http://placehold.it/1000x300/8066DB/000000&text=Project">
-
<img src="http://placehold.it/500x327&text=Image">
+
                </div>
-
</div>
+
 
-
+
                <div class="item">
-
<div class="panel">
+
                  <img src="http://placehold.it/1000x300/EB3C8B/000000&text=Our Team">
-
<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>
-
   
+
 
 +
              <!-- the controls for our sliders -->
 +
              <a class="left carousel-control " href="#slider" data-slide="prev">&lsaquo;</a>
 +
              <a class="right carousel-control " href="#slider" data-slide="next">&rsaquo;</a>
 +
 
 +
            </div>
 +
      </div>
 +
 
 +
 
 +
 
 +
 
 +
      <div class="row">
 +
      <!-- the main content -->
 +
 
 +
        <div class="span6" style="text-align:justify">
 +
        <h2 style="margin-top:-10px;"> The Microcystin Monster </h2>
 +
        <p> Algal blooms are an ever-growing problem in freshwater systems. At the Beijing Olympics 2008, 10,000 people were hired to clean up the extensive algal bloom in time for the sailing regatta. The main concern is the level of a toxin called microcystin, which is released by cyanobacteria when they die and lyse. <br><br>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 in lakes, ponds, etc. The iGEM Dundee team were inspired to act on this problem due to not only its effect on the local freshwater reservoirs, but worldwide. </p>
 +
        <br>
 +
        </div>
 +
 
 +
        <div class="span6">
 +
 
 +
 
 +
              <iframe src="http://player.vimeo.com/video/69609812?color=c9ff23" width="460" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/69609812">iGEM Dundee - Introduction to Synthetic Biology</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
 +
 
           </div>
           </div>
-
+
      </div><!-- Row End -->
-
+
 
-
+
      <!-- Row two -->
-
           </div>
+
      <div class="row" style="margin-top:20px;">
-
 
+
 
 +
        <div class="span6" style="text-align:justify">
 +
           <h2 style="margin-top:-10px;"> Save the Janitor, Save the world! </h2>
 +
          <p> Microcystin, a toxin released by Microcystis aeruginosa, is harmful to mammals due to its ability to latch on to the human protein PP1, thus ceasing its operation.
 +
          We are exploiting the ability of the human protein phosphatase (PP1) to covalently bind to microcystin, in order to develop a biological mop ‘janitor’ to rid algal bloom water of the toxin. <br><br>By changing domains on receptors on the cell surface of e.coli and b.subtilis, we plan to develop a method of microcystin detection. Thirdly, iGEM Dundee are creating ‘Moptopus’; a remote environmental monitoring device which is designed to detect pH, temperature, light, dissolved oxygen in H2O and even has a robotic eye. Moptopus can be controlled online and can even send tweets to alert the public whenever an algal bloom is imminent.
 +
</p>
         </div>
         </div>
-
      <!-- End Header Content -->
+
        <div class="span6" style="text-align:justify">
 +
        <h2 style="margin-top:-10px;"> Unmasking the Monster </h2>
 +
        <p>
 +
        The public generally considers synthetic biology as an immoral concept, although if you imagine it as an episode of Scooby Doo, it doesn’t seem so bad; everyone is scared of this unknown monster, but underneath this mask is just a janitor. In the case of our project ToxiMop, we are using a ‘janitor bacterium’ to mop up the microcystin toxin from freshwater reservoirs!
 +
        </p>
-
      <!-- Thumbnails -->
+
        <h2 style="margin-top:0px;"> Simply playing with the Universes Lego Kit </h2>
 +
          <p>
 +
          What comes to people's mind when they hear the term 'synthetic biology'? Many people don't know what it is, or have an ambiguous idea that it is something dangerous, potentially immoral. It can be thought of as playing with the universe's lego kit. Building with what is already here, naturally, biologists attempt to create better biological systems and machinery to advance life on earth. </p>
-
        <div class="row">
 
-
          <div class="twelve show-for-small columns">
 
-
          <h3>Header</h3><hr>
 
         </div>
         </div>
-
          <div class="three mobile-two columns">
 
-
            <img src="http://placehold.it/250/C6E546/000000&text=Algae">
 
-
            <div class="panel">
 
-
              <p><b>Description</b> - Aliquam erat volutpat. Mauris ultricies et iusto odio dignissimos ducimus posuere vehicula.</p>
 
-
            </div>
 
-
          </div>
 
-
          <div class="three mobile-two columns">
+
      </div>
-
            <img src="http://placehold.it/250/0699C1/000000&text=Ponds">
+
 
-
             <div class="panel">
+
 
-
               <p><b>Description</b> - At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.</p>
+
      <!-- Row Three -->
 +
      <div class="row" style="margin-top:20px;">
 +
 
 +
      <div class="span3">
 +
        <div id="mainwrapper">
 +
                    <!-- Image Caption 6 -->
 +
              <div id="box-6" class="box">
 +
                <img id="image-6" src="http://placehold.it/220/C6E546/000000&text=Toxi-Mop" style="width:220px;height:220px;"/>
 +
              <span class="caption scale-caption" style="text-align:justify">
 +
                          <p><b>Toxi-Mop </b><br><br> We are using cloning techniques to genetically engineer B. subtilis and E. coli to express PP1 so that they can inhibit the toxin microcystin in algal blooms, therefore reducing harm to freshwater ecosystems. ”</p>
 +
                </span>
 +
              </div>
 +
             </div>
 +
      </div>
 +
   
 +
      <div class="span3">
 +
        <div id="mainwrapper">
 +
                  <!-- Image Caption 6 -->
 +
            <div id="box-6" class="box">
 +
               <img id="image-6" src="http://placehold.it/250/0699C1/000000&text=Mop-topus" style="width:220px;height:220px;"/>
 +
              <span class="caption scale-caption" style="text-align:justify">
 +
                        <p><b> Project Mop-topus</b><br><br>  A remotly accessed electronic environmental sensor that detects and monitors the state of a lake and its susceptibility to algal blooms by measuring light, temperature, pH, and dissolved oxygen variables.</p>
 +
              </span>
             </div>
             </div>
           </div>
           </div>
 +
        </div>
-
          <div class="three mobile-two columns">
+
      <div class="span3">
-
             <img src="http://placehold.it/250/FEE685/000000&text=Problem">
+
          <div id="mainwrapper">
-
            <div class="panel">
+
                  <!-- Image Caption 6 -->
-
              <p><b>Description</b> - Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.</p>
+
             <div id="box-6" class="box">
 +
              <img id="image-6" src="http://placehold.it/250/8066DB/000000&text=Detection" style="width:220px;height:220px;"/>
 +
              <span class="caption scale-caption" style="text-align:justify">
 +
                          <p><b>The Detector</b><br><br> We are making 2 different microcystin detectors by substituting domains of bacterial cell surface receptors involved with gene regulation, with PP1 molecules. </p>
 +
              </span>
             </div>
             </div>
           </div>
           </div>
 +
        </div>
-
          <div class="three mobile-two columns">
+
 
-
             <img src="http://placehold.it/250/338C73/000000&text=Solution">
+
      <div class="span3">
-
            <div class="panel">
+
          <div id="mainwrapper">
-
              <p><b>Description</b> - Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores.</p>
+
                  <!-- Image Caption 6 -->
 +
             <div id="box-6" class="box">
 +
              <img id="image-6" src="http://placehold.it/250/EB3C8B/000000&text=Our Team" style="width:220px;height:220px;"/>
 +
              <span class="caption scale-caption" style="text-align:justify">
 +
 
 +
                        <p><b>Our Team</b><br><br>The team is consists of biologists, a mathematician, a math biologist, a physicist and a software engineer. By bringing together students with different expertise, we strive to maintain and improve upon previous iGEM teams' achievements.</p>
 +
              </span>
             </div>
             </div>
           </div>
           </div>
-
 
         </div>
         </div>
-
      <!-- End Thumbnails -->
 
 +
      </div>
-
        <footer class="row">
+
      <!-- QUOTE PANE ->-
-
         <div class="twelve columns"><hr />
+
         <p class="lead">We are not playing God; We are simply playing with his lego kit. <code>#wrap</code> with <code>padding-top: 60px;</code> on the <code>.container</code>.</p>
-
            <div class="row">
+
        <p>Back to <a href="./sticky-footer.html">the sticky footer</a> minus the navbar.</p>
-
              <div class="six columns">
+
      <!-- End Quote Pane -->
-
                  <p>&copy; Copyright iGem 2013 - Dundee </p>
+
-
              </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><!-- End Page Content -->
-
        </div>
+
-
      </footer>
+
-
      <!-- End Footer -->
 
 +
      <div id="push"></div>
     </div>
     </div>
-
  </div>
+
 
-
  <!-- Included JS Files -->
+
    <div id="footer">
-
  <script src="../public/assets/templates.js"></script>
+
      <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/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/js/jquery.blinds-0.9.js"></script>
 +
 
 +
    <script type="text/javascript">
 +
          $(window).load(function () {
 +
            $('.slideshow').blinds();
 +
        })
 +
    </script>
 +
 
 +
  </body>
</html>
</html>

Revision as of 10:21, 8 July 2013

iGEM Dundee 2013 · Toxi-Mop

The Microcystin Monster

Algal blooms are an ever-growing problem in freshwater systems. At the Beijing Olympics 2008, 10,000 people were hired to clean up the extensive algal bloom in time for the sailing regatta. The main concern is the level of a toxin called microcystin, which is released by cyanobacteria when they die and lyse.

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 in lakes, ponds, etc. The iGEM Dundee team were inspired to act on this problem due to not only its effect on the local freshwater reservoirs, but worldwide.


Save the Janitor, Save the world!

Microcystin, a toxin released by Microcystis aeruginosa, is harmful to mammals due to its ability to latch on to the human protein PP1, thus ceasing its operation. We are exploiting the ability of the human protein phosphatase (PP1) to covalently bind to microcystin, in order to develop a biological mop ‘janitor’ to rid algal bloom water of the toxin.

By changing domains on receptors on the cell surface of e.coli and b.subtilis, we plan to develop a method of microcystin detection. Thirdly, iGEM Dundee are creating ‘Moptopus’; a remote environmental monitoring device which is designed to detect pH, temperature, light, dissolved oxygen in H2O and even has a robotic eye. Moptopus can be controlled online and can even send tweets to alert the public whenever an algal bloom is imminent.

Unmasking the Monster

The public generally considers synthetic biology as an immoral concept, although if you imagine it as an episode of Scooby Doo, it doesn’t seem so bad; everyone is scared of this unknown monster, but underneath this mask is just a janitor. In the case of our project ToxiMop, we are using a ‘janitor bacterium’ to mop up the microcystin toxin from freshwater reservoirs!

Simply playing with the Universes Lego Kit

What comes to people's mind when they hear the term 'synthetic biology'? Many people don't know what it is, or have an ambiguous idea that it is something dangerous, potentially immoral. It can be thought of as playing with the universe's lego kit. Building with what is already here, naturally, biologists attempt to create better biological systems and machinery to advance life on earth.

Toxi-Mop

We are using cloning techniques to genetically engineer B. subtilis and E. coli to express PP1 so that they can inhibit the toxin microcystin in algal blooms, therefore reducing harm to freshwater ecosystems. ”

Project Mop-topus

A remotly accessed electronic environmental sensor that detects and monitors the state of a lake and its susceptibility to algal blooms by measuring light, temperature, pH, and dissolved oxygen variables.

The Detector

We are making 2 different microcystin detectors by substituting domains of bacterial cell surface receptors involved with gene regulation, with PP1 molecules.

Our Team

The team is consists of biologists, a mathematician, a math biologist, a physicist and a software engineer. By bringing together students with different expertise, we strive to maintain and improve upon previous iGEM teams' achievements.