Team:Dundee/Digi-Poster

From 2013.igem.org

(Difference between revisions)
 
(74 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Dundee/Templates/DigiNavigationbar}}
+
{{:Team:Dundee/Templates/Navigationbar}}
<html>
<html>
Line 7: Line 7:
<div class="container">
<div class="container">
-
       <div class="span12" style="margin-left:0px;margin-top: 10px;">
+
      <!-- Title -->
 +
       <div class="page-header" style="margin: -40px 0px 0px;">
 +
          <h2><b>Welcome to </b> Digi-Poster</h2>
 +
        </div>
 +
      <!-- Title End -->
-
            <!-- a very basic slider, note the structure of each item. you can add too but not take away (classes and id's that is) -->
+
<a href="/Team:Dundee/Digi-Poster/Introduction"><div class="row">
-
            <div id="slider" class="carousel slide">
+
<img height="100px" src="https://static.igem.org/mediawiki/2013/2/2b/PosterBanner.jpg" style="height:150px;width:98%;padding-left:20px">
 +
</div></a>
-
              <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">
 
-
                </div>
 
-
                <div class="item"><!-- add the active class to any slider you want shown first -->
+
  <div class="row" style="padding-top:20px">
-
                  <img src="https://static.igem.org/mediawiki/2013/1/11/TheProblem-Dundee.jpg">
+
-
                </div>
+
 +
<a href="https://2013.igem.org/Team:Dundee/Digi-Poster/Mop">
 +
      <div class="span6" style="background-color:#c7e547 !important;">
 +
       
 +
                      <center> <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c2/MOP-ICO-Dundee.jpg" style="height:300px;width:300px;"/>        </center>
 +
      </div></a>
-
                <div class="item"><!-- add the active class to any slider you want shown first -->
+
<a href="https://2013.igem.org/Team:Dundee/Digi-Poster/Detector">
-
                  <img src="https://static.igem.org/mediawiki/2013/4/4e/TheSolution-Dundee.jpg">
+
      <div class="span6" style="background-color:#8067dc !important;">
-
                </div>
+
       
-
              </div>
+
            <center>        <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/c3/DETECTOR-ICO-Dundee.jpg" style="height:300px;width:300px;"/>    </center>
 +
        </div></a> 
 +
</div>
-
              <!-- the controls for our sliders -->
+
<div class="row" style="padding-top:20px">
-
              <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>
+
<a href="https://2013.igem.org/Team:Dundee/Digi-Poster/Moptopus">
-
       </div>
+
      <div class="span6" style="background-color:#079bc3!important;">
 +
        <center>
 +
                <img id="image-6" src="https://static.igem.org/mediawiki/2013/9/9f/MOPTOPUS-ICO-Dundee.jpg" style="height:300px;width:300px;"/></center>
 +
       </div></a>
-
       <div class="row">
+
       <div class="span6" style="background-color:#eb3c8b!important;">
-
      <!-- the main content -->
+
         <a href="https://2013.igem.org/Team:Dundee/Digi-Poster/HumanPractice">
-
 
+
         <center>
-
        <div class="span6" style="text-align:justify">
+
              <img id="image-6" src="https://static.igem.org/mediawiki/2013/c/ca/HMP-ICO-Dundee.jpg" style="height:300px;width:300px;"/></a>        </center>
-
         <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>
 +
</div>
-
        <div class="span6" style="padding-top:40px" >
+
<div class="row" style="padding-top:20px">
-
              <iframe src="http://player.vimeo.com/video/69609812?color=c9ff23" width="460" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+
<div class="span12"><Center><p style="font-size:22px"> Select an image to load audio content</p></centeR></div>
-
          </div>
+
</div>
-
      </div><!-- Row End -->
+
-
      <!-- Row Three -->
+
</div>
-
      <div class="row">
+
-
       <div class="span3">
+
       <!-- Le javascript
-
        <div id="mainwrapper">
+
    ================================================== -->
-
        <a href="https://2013.igem.org/Team:Dundee/Project/Mop">
+
    <!-- Placed at the end of the document so the pages load faster -->
-
                    <!-- 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">
+
    <!-- the neccessary javascript -->
-
          <div id="mainwrapper">
+
    <script src="http://code.jquery.com/jquery-latest.js"></script>
-
        <a href="https://2013.igem.org/Team:Dundee/Project/Detector">
+
    <script src="http://www.kyleharrison.co.uk/igem/js/bootstrap.min.js"></script>
-
                  <!-- 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 -->
       </div><!-- End Page Content -->
Line 111: Line 66:
   </body>
   </body>
</html>
</html>
-
 
-
{{:Team:Dundee/Templates/Footer}}
 

Latest revision as of 00:34, 5 October 2013

iGEM Dundee 2013 · ToxiMop

Retrieved from "http://2013.igem.org/Team:Dundee/Digi-Poster"