Team:Dundee/Project

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<html lang="en">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
  <head>
-
This is a template page. READ THESE INSTRUCTIONS.
+
    <meta charset="utf-8">
-
</div>
+
    <title>iGEM Dundee 2013 &middot; Toxi-Mop</title>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
    <meta name="description" content="">
-
</div>
+
    <meta name="author" content="">
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
    <!-- 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">
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[[Team:Dundee|Home]]
 
-
!align="center"|[[Team:Dundee/Team|Team]]
 
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Dundee Official Team Profile]
 
-
!align="center"|[[Team:Dundee/Project|Project]]
 
-
!align="center"|[[Team:Dundee/Parts|Parts Submitted to the Registry]]
 
-
!align="center"|[[Team:Dundee/Modeling|Modeling]]
 
-
!align="center"|[[Team:Dundee/Notebook|Notebook]]
 
-
!align="center"|[[Team:Dundee/Safety|Safety]]
 
-
!align="center"|[[Team:Dundee/Attributions|Attributions]]
 
-
|}
 
 +
      #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;}
-
== '''Overall project''' ==
+
      /* MediaWiki Top Menu */
-
Tell us more about your project. Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)
+
      #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. */
-
== Project Details==
+
      #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/bootstrap-responsive.css" rel="stylesheet">
 +
-->
 +
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
 +
    <!--[if lt IE 9]>
 +
      <script src="/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>
 +
  <body>
-
=== Part 2 ===
+
    <!-- 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_top" style="margin-left:100px;">
 +
            <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>
-
=== The Experiments ===
+
                <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>
-
=== Part 3 ===
 
 +
              </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 -->
-
== Results ==
+
<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="item active"><!-- add the active class to any slider you want shown first -->
 +
                  <img src="http://farm8.staticflickr.com/7328/9236704273_7e9d405c4e_o.jpg">
 +
                </div>
 +
 
 +
                <div class="item">
 +
                  <img src="http://farm3.staticflickr.com/2832/9191526631_b24b252cdf_o.jpg">
 +
                </div>
 +
 
 +
                <div class="item">
 +
 
 +
                  <img src="http://placehold.it/1000x300/8066DB/000000&text=Project">
 +
                </div>
 +
 
 +
                <div class="item">
 +
                  <img src="http://placehold.it/1000x300/EB3C8B/000000&text=Our Team">
 +
                </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><!-- Row End -->
 +
 
 +
      <!-- Row two -->
 +
      <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 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>
 +
 
 +
        <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>
 +
 
 +
      </div>
 +
 
 +
 
 +
      <!-- 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 class="span3">
 +
          <div id="mainwrapper">
 +
                  <!-- Image Caption 6 -->
 +
            <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 class="span3">
 +
          <div id="mainwrapper" style="height:375px;">
 +
                  <!-- 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><!-- End Page Content -->
 +
 
 +
      <div id="push"></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="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="js/jquery.blinds-0.9.js"></script>
 +
 
 +
    <script type="text/javascript">
 +
          $(window).load(function () {
 +
            $('.slideshow').blinds();
 +
        })
 +
    </script>
 +
 
 +
  </body>
 +
</html>

Revision as of 15:11, 8 July 2013

iGEM Dundee 2013 · Toxi-Mop

Dundee iGEM 2013

Toxi Mop - Splash, and the Toxins gone!

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.


iGEM Dundee - Introduction to Synthetic Biology on Vimeo.

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.

Retrieved from "http://2013.igem.org/Team:Dundee/Project"