Team:Exeter/Testing

From 2013.igem.org

(Difference between revisions)
(Embedded header and footer from Dundee page)
(Bootstrap main page for testing)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- Page embed code
+
<!-- Header links to stylesheets, footer links to javascript -->
-
{{:Team:Dundee/Templates/Navigationbar}}
+
{{:Team:Exeter/Template/Header}}
-
-->
+
<html>
<html>
<html lang="en">
<html lang="en">
 +
<body>
-
<!-- Start navigation bar -->
+
<!-- Main content-->
-
<head>
+
-
    <meta charset="utf-8">
+
-
    <title>iGEM Dundee 2013 &middot; ToxiMop</title>
+
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
-
    <meta name="description" content="A synthetic biology project called Toximop from the Dundee iGEM Team.">
+
-
    <meta name="author" content="Dundee iGEM Team 2013">
+
-
    <!-- CSS -->
+
<div class="container">
-
    <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
    <div class="jumbotron">
-
    <!-- <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap.css" rel="stylesheet">
+
      <div class="container">
-
 
+
        <h1>Exeter iGEM 2013</h1>
-
  <link href="http://www.kyleharrison.co.uk/igem/assets/css/style.css" rel="stylesheet"> -->
+
        <p>Exeter iGEM 2013 are a team comprising of 11 second year undergraduates from the colleges of Engineering, Physics and Biological sciences. Together we plan to engineer E. coli to detect red, green and blue light and produce the correct mix of cyan, magenta and yellow pigments to accurately recreate an exposed image. Our project aims to build a foundation for the precise optical control of biological systems using multiple wavelength light. This has potential in material manufacturing, imaging and will advance our understanding of synthetic biology as a whole.</p>
-
 
+
        <p>Our wiki is currently in development, if you have any questions for our team, please email<a href="mailto:igem@ex.ac.uk"">
-
  <link href="https://2013.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
+
igem@ex.ac.uk</a></p>
-
  <link href="https://2013.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
        <p><a class="btn btn-primary btn-lg" href="https://2013.igem.org/Team:Exeter/Project">Learn more &raquo;</a></p>
-
 
+
-
    <!--
+
-
    <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="http://www.kyleharrison.co.uk/igem/assets/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 1: Wrap all page content here -->
+
-
    <div id="wrap">
+
-
 
+
-
      <!-- 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" style="padding:0px 15px;width:70px;height:50px;" href="https://igem.org"><img width="70px" height="50px" src="https://static.igem.org/mediawiki/igem.org/9/93/IGEMLogoDundee-Small.png"> </a>
+
-
            <a class="brand" href="/Team:Dundee">Dundee 2013</a>
+
-
 
+
-
            <div class="nav-collapse collapse">
+
-
              <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/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">
+
-
                    <li><a href="/Team:Dundee/Project">Project Overview</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/Notebook">Notebook</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Lab</li>
+
-
 
+
-
                    <li><a href="/Team:Dundee/Project/LabOverview">Lab Overview</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/Mop">Mop</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/Detector">Detector - <i>EnvZ</i> </a></li>
+
-
                    <li><a href="/Team:Dundee/Project/Detector">Detector - <i>prkC</i> </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/PP1Capacities">PP1 Capacities</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/ProductionExport">Production & Export </a></li>
+
-
                    <li><a href="/Team:Dundee/Project/Netlogo">Mop Simulation</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/DetectionComparison">Detection Comparison</a></li>
+
-
 
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Software & Hardware</li>
+
-
                  <li><a href="/Team:Dundee/Project/SoftwareOverview">Software Overview</a></li>
+
-
                  <li><a href="/Team:Dundee/Project/SoftwareTheory">Moptopus</a></li>
+
-
                  <li><a href="/Team:Dundee/Project/OpticalLDR">Optical LDR Module</a></li>
+
-
                  <li><a href="/Team:Dundee/Project/WikiTutorial">Wiki Tutorial</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="active"><a href="/Team:Dundee/Safety">Safety</a></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="/Team:Dundee/HumanPractice">Overview</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/Collaboration">Collaboration</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/PublicEngagement">Public Engagement</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/CaseStudy">Clatto Case Study</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/Interviews">Interviews</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice/PoliticalCampaign">Political Campaign</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>
+
-
                    <li><a href="https://github.com/apoclyps">GitHub</a></li>
+
-
                   
+
-
                  </ul>
+
-
                </li>
+
-
 
+
-
               
+
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Attributions <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="/Team:Dundee/Team/Attributions">Attributions</a></li>
+
-
                    <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
             
+
-
 
+
-
              </ul>
+
-
            </div><!--/.nav-collapse -->
+
-
          </div>
+
-
        </div>
+
       </div>
       </div>
 +
    </div>
-
<!-- End navigation bar -->
+
    <div class="container">
-
 
+
   
-
<!-- Begin page content -->
+
<!-- Gallery strip, active class is displayed first -->
-
<div class="container">
+
-
 
+
-
      <div class="span12" style="margin-left:0px;margin-top: 10px;">
+
-
 
+
-
            <!-- a very basic slider, note the structure of each item. you can add too but not take away (classes and id's that is) -->
+
             <div id="slider" class="carousel slide">
             <div id="slider" class="carousel slide">
               <div class="carousel-inner">
               <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/3/31/TOXIMOPBanner-Dundee.jpg">
+
              <!-- Work you bastards!
 +
                 <div class="item active"
 +
                   <img src="https://static.igem.org/mediawiki/2013/7/7d/Exeter_logo.png" width="500" height="99" alt="Exeter University Logo">
                 </div>
                 </div>
-
 
+
               
-
                 <div class="item"><!-- add the active class to any slider you want shown first -->
+
                 <div class="item"
-
                   <img src="https://static.igem.org/mediawiki/2013/1/11/TheProblem-Dundee.jpg">
+
                   <img src="http://www.sciencemusings.com/blog/uploaded_images/SnowBig2-700057.jpg" width="500" height="99" alt="Electron microscope of snow flakes">
                 </div>
                 </div>
-
 
+
                -->
-
 
+
               
-
                 <div class="item"><!-- add the active class to any slider you want shown first -->
+
                 <div class="item">
-
                   <img src="https://static.igem.org/mediawiki/2013/4/4e/TheSolution-Dundee.jpg">
+
                  <center>
 +
                  <img src="http://static.newworldencyclopedia.org/a/a4/Misc_pollen.jpg" width="500" height="99" alt="Electron microscope of pollen grains">
 +
                  </center>
 +
                </div>
 +
               
 +
                <div class="item">
 +
                  <center>
 +
                  <img src="http://www.wired.com/rawfile/wp-content/gallery/bacteriography/einstein.jpg" width="500" height="99" alt="Bio-photo of Einstein">
 +
                  </center>
 +
                </div>
 +
               
 +
                <div class="item active">
 +
                  <center>
 +
                   <img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-ash4/1074506_10200688119418644_381776660_o.jpg" width="500" height="99" alt="Electron microscope of pollen grains">
 +
                  </center>
 +
                </div>
 +
               
 +
                <div class="item">
 +
                <center>
 +
                  <img src="http://forthesakeofscience.files.wordpress.com/2012/06/e-coli-galaxy.jpg?w=468&h=468" width="500" height="99" alt="Bio-photo of a spiral galaxy">
 +
                  </center>
 +
                </div>
 +
               
 +
                <div class="item">
 +
                <center>
 +
                  <img src="http://www.hks.harvard.edu/sdn/sdnimages/large.butterfly.jpg" width="500" height="99" alt="Electron micoscope of a butterfly tongue">
 +
                  </center>
                 </div>
                 </div>
               </div>
               </div>
-
               <!-- the controls for our sliders -->
+
               <!-- Gallery controls -->
               <a class="left carousel-control " href="#slider" data-slide="prev">&lsaquo;</a>
               <a class="left carousel-control " href="#slider" data-slide="prev">&lsaquo;</a>
               <a class="right carousel-control " href="#slider" data-slide="next">&rsaquo;</a>
               <a class="right carousel-control " href="#slider" data-slide="next">&rsaquo;</a>
             </div>
             </div>
-
      </div>
+
          </div>
-
      <div class="row">
+
</body>
-
      <!-- the main content -->  
+
</html>
-
        <div class="span6" style="text-align:justify">
+
{{:Team:Exeter/Template/Footer}}
-
        <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>
+
-
 
+
-
        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.</p>
+
-
        <br>
+
-
        </div>
+
-
 
+
-
        <div class="span6" style="padding-top:40px" >
+
-
              <iframe src="http://player.vimeo.com/video/69609812?color=c9ff23" width="460" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+
-
          </div>
+
-
      </div><!-- Row End -->
+
-
 
+
-
      <!-- Row Three -->
+
-
      <div class="row">
+
-
 
+
-
      <div class="span3">
+
-
        <div id="mainwrapper">
+
-
        <a href="https://2013.igem.org/Team:Dundee/Project/Mop">
+
-
                    <!-- Image Caption 6 -->
+
-
              <div id="box-6" class="box">
+
-
                <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c2/MOP-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
+
-
              <span class="caption scale-caption" style="text-align:justify">
+
-
                          <p><b style="font-size:16px;">Mop</b><br><br> Using <i>B. subtilis</i> and <i>E. coli</i> as chassis to express PP1. This will act as a molecular “mop”.</p>
+
-
                </span>
+
-
              </div>
+
-
            </div> </a>
+
-
      </div>
+
-
 
+
-
      <div class="span3">
+
-
          <div id="mainwrapper">
+
-
        <a href="https://2013.igem.org/Team:Dundee/Project/Detector">
+
-
                  <!-- Image Caption 6 -->
+
-
            <div id="box-6" class="box">
+
-
              <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c3/DETECTOR-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
+
-
              <span class="caption scale-caption" style="text-align:justify">
+
-
                          <p><b style="font-size:16px;">Detector</b><br><br> Engineering the EnvZ and PrkC systems to express GFP or trigger germination in the presence of microcystin.</p>
+
-
              </span>
+
-
            </div>
+
-
          </div></a>
+
-
        </div>
+
-
 
+
-
      <div class="span3">
+
-
        <div id="mainwrapper">
+
-
        <a href="https://2013.igem.org/Team:Dundee/Project/Moptopus">
+
-
                  <!-- 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 which detects and monitors the state of a freshwater system. It will allow us to predict the likelihood of algal blooms.</p>
+
-
              </span>
+
-
            </div>
+
-
          </div></a>
+
-
        </div>
+
-
 
+
-
      <div class="span3">
+
-
          <div id="mainwrapper">
+
-
        <a href="https://2013.igem.org/Team:Dundee/Project/HumanPractice">
+
-
                  <!-- Image Caption 6 -->
+
-
            <div id="box-6" class="box">
+
-
              <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/ca/HMP-ICO-Dundee.jpg" style="width:220px;height:220px;"/>
+
-
              <span class="caption scale-caption" style="text-align:justify">
+
-
 
+
-
                          <p><b style="font-size:16px;">Human Practices</b><br><br>Current regulations of measuring water quality may not be appropriate. We organised a political campaign to ignite a nationwide debate.</p>
+
-
              </span>
+
-
            </div>
+
-
          </div></a>
+
-
        </div>
+
-
      </div>
+
-
 
+
-
      </div><!-- End Page Content -->
+
-
 
+
-
 
+
-
 
+
-
<!-- Start footer -->
+
-
 
+
-
<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>
+
-
 
+
-
 
+
-
    <!-- 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>
+
-
 
+
-
<!-- End footer -->
+
-
 
+
-
  </body>
+
-
</html>
+

Latest revision as of 14:05, 22 August 2013

Exeter iGEM 2013 · Paint by Coli

Exeter iGEM 2013

Exeter iGEM 2013 are a team comprising of 11 second year undergraduates from the colleges of Engineering, Physics and Biological sciences. Together we plan to engineer E. coli to detect red, green and blue light and produce the correct mix of cyan, magenta and yellow pigments to accurately recreate an exposed image. Our project aims to build a foundation for the precise optical control of biological systems using multiple wavelength light. This has potential in material manufacturing, imaging and will advance our understanding of synthetic biology as a whole.

Our wiki is currently in development, if you have any questions for our team, please email igem@ex.ac.uk

Learn more »

Exeter iGEM 2013 · Paint by Coli

Retrieved from "http://2013.igem.org/Team:Exeter/Testing"