Difference between revisions of "Team:Manchester"

@@ Line 29: / Line 29: @@
 }
-.first, .second, .third {
+.floatleft1 {
-   height: 100vh;
+   float: right!important;
-  -webkit-transition: height 1s ease-in-out;
-  -moz-transition: height 1s ease-in-out;
-  -ms-transition: height 1s ease-in-out;
-  -o-transition: height 1s ease-in-out;
-  transition: height 1s ease-in-out
 }
-.folded {
+.projectlink img:hover {
-   height: 8em!important;
+   opacity: 0.7;
-   -webkit-transition: height 1s ease-in-out;
+   text-decoration: bold;
-  -moz-transition: height 1s ease-in-out;
-  -ms-transition: height 1s ease-in-out;
-  -o-transition: height 1s ease-in-out;
-  transition: height 1s ease-in-out;
-  padding: 0em 3%!important
 }
-.folded img {
+a:hover {
-  display: none
+    color: #0600ff;
+    text-decoration: none;
 }
-@media (max-width: 1000px) {
+@media (max-width: 900px) {
    specialh1 {
      font-size: 35px!important;
@@ Line 77: / Line 69: @@
 <center>
-  <div id="bannermain" class="clear" style="background-color: #c5e1e6">
+  <a class="projectlink" href= " https://2017.igem.org/Team:Manchester/Description "><div id="bannermain" class="clear" style="margin-top:-5px; background-color: #c5e1e6">
    <div id="bannercontent">
      <center>
        <specialh2 style="text-transform: lowercase; letter-spacing: 0.5em;">
-         Recover • Remediate • Recycle
+<br><b>
+         Recover • Remediate • Recycle</b>
        </specialh2>
      </center>
     </div>
   </div>
+</a>
 </center>
+<div class="col-md-12 clear">
-<div class="description" style="background-color: #fafdfd">
 <center>
+<h2>Giant Jamboree Result</h2>
-<div class="col-md-12 first folded" style="height: 100vh; padding: 2em 3%; background-color: #d7eaee">
+<img src="https://static.igem.org/mediawiki/2017/3/37/T--Manchester--TeamphotoatBoston.jpg" style="width: 100%; max-width: 500px">
-<img src="https://static.igem.org/mediawiki/2017/6/6d/T--Manchester--bmc.png" style="max-width: 100%; max-height: 70vh">
-<p><br/>Bacterial microcompartments are organelles consisting of a protein shell that encases enzymes and other proteins</p>
-</div>
-<div class="col-md-12 second folded" style="height: 100vh; padding: 2em 3%; background-color: #e9f3f5">
-<div style="height: 50%; width: 100%; padding: 0px 3%">
-<img src="https://static.igem.org/mediawiki/2017/a/a9/T--Manchester--ppk_p_chain.png" style="max-width: 100%; max-height: 32vh; padding-bottom: 1em">
-<p>PPK is an enzyme that builds up a polyphosphate chain</p>
-</div>
-<div style="height: 50%; width: 100%; padding: 0px 3%">
-<img src="https://static.igem.org/mediawiki/2017/d/d3/T--Manchester--ppx_p_chain.png" style="max-width: 100%; max-height: 32vh; padding-bottom: 1em">
-<p>PPX is an enzyme that breaks down the polyphosphate chain</p>
-</div>
-</div>
-<div class="col-md-12 third folded" style="height: 100vh; padding: 2em 3%; background-color: #fafdfd">
-<img src="https://static.igem.org/mediawiki/2017/5/59/T--Manchester--ppk_ppx_p_chain_in_bmc.png" style="max-width: 100%; max-height: 70vh">
-<p><br/>Tagging PPK into microcompartments causes build up of polyphosphate and prevents polyphosphate degradation by PPX</p>
-</div>
+<p>We won Gold Medal and our project was nominated for the best environmental track project in overgrad category!</p>
+<p>We had fun and we hope everyone else did too! =D</p>
+<p>Go iGEM!</p>
 </center>
 </div>
-</div>
+<div class="clear"><br/><br/></div>
-<div style="background-color: #fafdfd">
-<script//>
-$(document).ready(function() {
-  $(window).scroll(function() {
-    var scroll = $(window).scrollTop();
-    if (scroll >= 410) {
-        $(".first").removeClass("folded");
-    } else {
-        $(".first").addClass(" ");
-    }
-  });
-  $(window).scroll(function() {
-    var scroll = $(window).scrollTop();
-    if (scroll >= 1010) {
-        $(".second").removeClass("folded");
-    } else {
-        $(".second").addClass(" ");
-    }
-  });
-  $(window).scroll(function() {
-    var scroll = $(window).scrollTop();
-    if (scroll >= 1610) {
-        $(".third").removeClass("folded");
-    } else {
-        $(".third").addClass(" ");
-    }
-  });
-})
-</script>
 </body>