Team:Dundee/Project/Mop

From 2013.igem.org

(Difference between revisions)
 
(49 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Dundee/Templates/Navigationbar}}
 +
<html>
<html>
-
<html lang="en">
+
<head>
-
  <head>
+
<meta charset=utf-8 />
-
    <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="">
+
-
    <!-- CSS -->
+
<!-- Website Design By: www.happyworm.com -->
-
    <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
<title>Demo : jPlayer circle player</title>
-
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap.css" rel="stylesheet">
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/style.css" rel="stylesheet">
+
<link rel="stylesheet" href="http://www.kyleharrison.co.uk/igem/digiposter/skin/circle.skin/circle.player.css">
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://www.kyleharrison.co.uk/igem/digiposter/js/jquery.jplayer.min.js"></script>
 +
<script type="text/javascript" src="http://www.kyleharrison.co.uk/igem/digiposter/js/jquery.transform2d.js"></script>
 +
<script type="text/javascript" src="http://www.kyleharrison.co.uk/igem/digiposter/js/jquery.grab.js"></script>
 +
<script type="text/javascript" src="http://www.kyleharrison.co.uk/igem/digiposter/js/mod.csstransforms.min.js"></script>
 +
<script type="text/javascript" src="http://www.kyleharrison.co.uk/igem/digiposter/js/circle.player.js"></script>
-
    <!--
+
<script type="text/javascript">
-
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
//<![CDATA[
-
-->
+
-
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+
-
    <!--[if lt IE 9]>
+
-
      <script src="http://www.kyleharrison.co.uk/igem/assets/js/html5shiv.js"></script>
+
-
    <![endif]-->
+
-
    <!-- Fav and touch icons -->
+
$(document).ready(function(){
-
    <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>
+
   /*
 +
  * Instance CirclePlayer inside jQuery doc ready
 +
  *
 +
  * CirclePlayer(jPlayerSelector, media, options)
 +
  *  jPlayerSelector: String - The css selector of the jPlayer div.
 +
  *  media: Object - The media object used in jPlayer("setMedia",media).
 +
  *  options: Object - The jPlayer options.
 +
  *
 +
  * Multiple instances must set the cssSelectorAncestor in the jPlayer options. Defaults to "#cp_container_1" in CirclePlayer.
 +
  *
 +
  * The CirclePlayer uses the default supplied:"m4a, oga" if not given, which is different from the jPlayer default of supplied:"mp3"
 +
  * Note that the {wmode:"window"} option is set to ensure playback in Firefox 3.6 with the Flash solution.
 +
  * However, the OGA format would be used in this case with the HTML solution.
 +
  */
-
     <!-- Part 1: Wrap all page content here -->
+
  var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
-
     <div id="wrap">
+
  {
 +
     m4a: "http://www.kyleharrison.co.uk/igem/digiposter/Introduction.wav",
 +
  }, {
 +
     cssSelectorAncestor: "#cp_container_1",
 +
    swfPath: "js",
 +
    wmode: "window",
 +
    keyEnabled: true
 +
  });
-
      <!-- Fixed navbar -->
+
  var myCirclePlayer2 = new CirclePlayer("#jquery_jplayer_2",
-
      <div class="navbar navbar-fixed-top">
+
  {
-
        <div class="navbar-inner">
+
    m4a: "http://www.kyleharrison.co.uk/igem/digiposter/BrianStory.wav",
 +
  }, {
 +
    cssSelectorAncestor: "#cp_container_2",
 +
    swfPath: "js",
 +
    wmode: "window",
 +
    keyEnabled: true
 +
  });
-
          <div class="container">
+
    var myCirclePlayer3 = new CirclePlayer("#jquery_jplayer_3",
-
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
  {
-
              <span class="icon-bar"></span>
+
    m4a: "http://www.kyleharrison.co.uk/igem/digiposter/ScoobyDoo.wav",
-
              <span class="icon-bar"></span>
+
  }, {
-
              <span class="icon-bar"></span>
+
    cssSelectorAncestor: "#cp_container_3",
-
            </button>
+
    swfPath: "js",
-
            <a class="brand" href="/Team:Dundee">Dundee iGEM 2013</a>
+
    wmode: "window",
-
            <div class="nav-collapse collapse">
+
    keyEnabled: true
-
              <ul class="nav">
+
  });
-
                <li class="active"><a href="/Team:Dundee">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:Dundee/Team">Meet the Team</a></li>
+
-
                    <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
+
-
                    <li><a href="/Team:Dundee/Team/Acknowledgements">Acknowledgements</a></li>
+
-
                    <li><a href="/Team:Dundee/Team/Attributions">Attributions</a></li>
+
-
                    <li><a href="/Team:Dundee/Team/Gallery">Gallery</a></li>
+
-
                    <li><a href="/Team:Dundee/Team/Contact">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">
+
</script>
-
                    <li><a href="/Team:Dundee/Project">Project Overview</a></li>
+
</head>
-
                    <li><a href="/Team:Dundee/Project/Notebook">Notebook</a></li>
+
<body>
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Lab</li>
+
-
                    <li><a href="/Team:Dundee/Project/LabOverview">Lab Overview</a></li>
+
<!-- Begin page content -->
-
                    <li><a href="/Team:Dundee/Project/Mop">Mop</a></li>
+
      <div class="container">
-
                    <li><a href="/Team:Dundee/Project/Detector">Detector</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Modelling </li>
+
-
                    <li><a href="/Team:Dundee/Project/MathOverview">Modelling Overview</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/MathTheory">Theory</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Software</li>
+
-
                  <li><a href="/Team:Dundee/Project/SoftwareOverview">Software Overview</a></li>
+
-
                  <!--<li><a href="/Team:Dundee/Project/SoftwareTheory">Mop-toppus</a></li>-->
+
-
                  </ul>
+
-
                </li>
+
-
                <li class="dropdown">
+
<div class="row">
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts <b class="caret"></b></a>
+
<div class="span12">
-
                  <ul class="dropdown-menu">
+
<h2> An Introductin by Brian Cox </h2><br>
-
                    <li><a href="#">Our Biobricks</a></li>
+
</div></div>
-
                    <li><a href="#">Improvements</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
                <li class="dropdown">
+
<div class="row">
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Safety <b class="caret"></b></a>
+
<div class="span12">
-
                  <ul class="dropdown-menu">
+
<center><img src="https://static.igem.org/mediawiki/2013/2/2b/PosterBanner.jpg" style="height:150px;width:98%;padding-left:20px"></img</center>
-
                    <li><a href="#">General Safety</a></li>
+
</div></div>
-
                    <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">
+
<div class="row">
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice <b class="caret"></b></a>
+
<div class="span4">
-
                  <ul class="dropdown-menu">
+
<centeR>
-
                    <li><a href="#">Overview</a></li>
+
<!-- The jPlayer div must not be hidden. Keep it at the root of the body element to avoid any such problems. -->
-
                    <li><a href="#">Collaboration</a></li>
+
      <div id="jquery_jplayer_1" class="cp-jplayer"></div>
-
                    <li><a href="#">Outreach</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/CaseStudy">Clatto Case Study</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>
+
-
                <!--
+
      <!-- The container for the interface can go where you want to display it. Show and hide it as you need. -->
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sponsors <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
+
-
                    <li><a href="#">Sponsorship Levels</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
              -->
+
-
              <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
+
-
 
+
      <div id="cp_container_1" class="cp-container">
-
              </ul>
+
        <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->
-
            </div><!--/.nav-collapse -->
+
           <div class="cp-buffer-1"></div>
-
           </div>
+
          <div class="cp-buffer-2"></div>
         </div>
         </div>
-
      </div>
+
        <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
-
 
+
          <div class="cp-progress-1"></div>
-
      <!-- Begin page content -->
+
          <div class="cp-progress-2"></div>
-
      <div class="container">
+
-
 
+
-
      <!-- Title -->
+
-
      <div class="page-header">
+
-
          <h2><b>Toxi Mop </b> - Splash and the toxin's gone!</h2>
+
         </div>
         </div>
-
      <!-- Title End -->
+
        <div class="cp-circle-control"></div>
 +
        <ul class="cp-controls">
 +
          <li><a class="cp-play" tabindex="1">play</a></li>
 +
          <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
 +
        </ul>
 +
      </div><p><strong> Introduction</strong> </p></center>
 +
</div>
-
<div class="span12" style="margin-left:0px;margin-top: -35px;">
+
<div class="span4">
 +
    <center> <div id="jquery_jplayer_2" class="cp-jplayer"></div>
-
            <!-- a very basic slider, note the structure of each item. you can add too but not take away (classes and id's that is) -->
+
      <!-- The container for the interface can go where you want to display it. Show and hide it as you need. -->
-
            <div id="slider" class="carousel slide">
+
-
              <div class="carousel-inner">
+
      <div id="cp_container_2" class="cp-container">
-
 
+
        <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->
-
                <div class="item active"><!-- add the active class to any slider you want shown first -->
+
          <div class="cp-buffer-2"></div>
-
                  <img src="http://farm8.staticflickr.com/7328/9236704273_7e9d405c4e_o.jpg">
+
          <div class="cp-buffer-2"></div>
-
                </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>
-
 
+
         <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
-
         <div class="span6" style="margin-top:50px;">
+
          <div class="cp-progress-2"></div>
-
              <iframe src="http://player.vimeo.com/video/69609812?color=c9ff23" width="460" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+
           <div class="cp-progress-2"></div>
-
          </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>
 +
        <div class="cp-circle-control"></div>
 +
        <ul class="cp-controls">
 +
          <li><a class="cp-play" tabindex="1">play</a></li>
 +
          <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
 +
        </ul>
 +
      </div><p><strong> Personal Story</strong> </p></center>
 +
</div>
-
        <div class="span6" style="text-align:justify">
+
<div class="span4">
 +
<centeR>
 +
<!-- The jPlayer div must not be hidden. Keep it at the root of the body element to avoid any such problems. -->
 +
      <div id="jquery_jplayer_3" class="cp-jplayer"></div>
-
        <h2 style="margin-top:-10px;"> Unmasking the Monster </h2>
+
      <!-- The container for the interface can go where you want to display it. Show and hide it as you need. -->
-
        <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;"> The Universe's 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 id="cp_container_3" class="cp-container">
 +
        <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->
 +
          <div class="cp-buffer-3"></div>
 +
          <div class="cp-buffer-3"></div>
         </div>
         </div>
-
 
+
        <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
-
      </div>
+
          <div class="cp-progress-3"></div>
-
 
+
          <div class="cp-progress-3"></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 style="font-size:16px;">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 style="font-size:16px;">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 class="cp-circle-control"></div>
 +
        <ul class="cp-controls">
 +
          <li><a class="cp-play" tabindex="1">play</a></li>
 +
          <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
 +
        </ul>
 +
      </div><p><strong> What is Synthetic Biology?</strong> </p></center>
 +
</div>
-
      <div class="span3">
+
</div>
-
          <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 style="font-size:16px;">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">
+
-
                  <!-- 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 style="font-size:16px;">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
+
      <!-- Le javascript
     ================================================== -->
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <!-- Placed at the end of the document so the pages load faster -->
     <!-- the neccessary javascript -->
     <!-- 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 src="http://www.kyleharrison.co.uk/igem/js/bootstrap.min.js"></script>
 +
</body>
-
    <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>

Latest revision as of 00:08, 5 October 2013

iGEM Dundee 2013 · ToxiMop

Dundee 2013

Demo : jPlayer circle player

An Introductin by Brian Cox


Introduction

Personal Story

What is Synthetic Biology?

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