Difference between revisions of "Team:Manchester"

@@ Line 27: / Line 27: @@
    margin: 0px auto;
    display: block
+}
+.hide {
+  height: 100px!important
 }
@@ Line 68: / Line 72: @@
 <center>
-<div class="col-md-12" style="height: 100vh; padding: 2em 3%; background-color: #d7eaee">
+<div class="col-md-12 first" style="height: 100vh; padding: 2em 3%; background-color: #d7eaee">
 <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" style="height: 100vh; background-color: #e9f3f5">
+<div class="col-md-12 second" style="height: 100vh; background-color: #e9f3f5">
 <div style="height: 50%; width: 100%; padding: 2em 3%">
@@ Line 87: / Line 91: @@
 </div>
-<div class="col-md-12" style="height: 100vh; padding: 2em 3%; background-color: #fafdfd">
+<div class="col-md-12 third" 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>
@@ Line 98: / Line 102: @@
 <div style="background-color: #fafdfd">
+<script>
+$(document).ready(function() {
+  $(window).scroll(function() {
+    var scroll = $(window).scrollTop();
+    if (scroll >= 200) {
+        $(".first").removeClass("hide");
+    } else {
+        $(".first").addClass("hide");
+    }
+  });
+    if (scroll >= 600) {
+        $(".second").removeClass("hide");
+    } else {
+        $(".second").addClass("hide");
+    }
+  });
+    if (scroll >= 1200) {
+        $(".third").removeClass("hide");
+    } else {
+        $(".third").addClass("hide");
+    }
+  });
+})
+</script>
 </body>