Difference between revisions of "Team:Manchester"

@@ Line 1: / Line 1: @@
-{{:Team:Manchester/Templates/NavBar2}}
+{{:Team:Manchester/Templates/NavBar}}
 {{ManchesterMobile}}
 <html>
@@ Line 29: / Line 29: @@
 }
-@-webkit-keyframes blink {
+.floatleft1 {
-%   {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
+   float: right!important;
-%  {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
-%  {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
-%  {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
 }
-@-moz-keyframes blink {
+.projectlink img:hover {
-%   {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
+   opacity: 0.7;
-%  {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
+  text-decoration: bold;
-%  {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
-%  {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
 }
-@-o-keyframes blink {
+a:hover {
-%   {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
+     color: #0600ff;
-%  {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
+     text-decoration: none;
-%  {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
-%  {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
 }
-@keyframes blink {
-%   {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
-%  {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
-%  {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
-%  {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
-}
-.light1 {
-  -webkit-animation: blink 4s steps(4,end) 0s infinite normal;
-  -moz-animation: blink 4s steps(4,end) 0s infinite normal;
-  -o-animation: blink 4s steps(4,end) 0s infinite normal;
-  animation: blink 4s steps(4,end) 0s infinite normal;
-}
-.light2 {
-  -webkit-animation: blink 4s steps(4,end) 1s infinite normal;
-  -moz-animation: blink 4s steps(4,end) 1s infinite normal;
-  -o-animation: blink 4s steps(4,end) 1s infinite normal;
-  animation: blink 4s steps(4,end) 1s infinite normal;
-}
-.light3 {
-  -webkit-animation: blink 4s steps(4,end) 2s infinite normal;
-  -moz-animation: blink 4s steps(4,end) 2s infinite normal;
-  -o-animation: blink 4s steps(4,end) 2s infinite normal;
-  animation: blink 4s steps(4,end) 2s infinite normal;
-}
-.light4 {
-  -webkit-animation: blink 4s steps(4,end) 3s infinite normal;
-  -moz-animation: blink 4s steps(4,end) 3s infinite normal;
-  -o-animation: blink 4s steps(4,end) 3s infinite normal;
-  animation: blink 4s steps(4,end) 3s infinite normal;
-}
-@media (max-width: 1000px) {
+@media (max-width: 900px) {
    specialh1 {
      font-size: 35px!important;
@@ Line 96: / Line 55: @@
    }
+  #bannercontent {
+    height: 65vh;
+    padding-top: 35vh
+  }
 }
 </style>
@@ Line 103: / Line 66: @@
 <body>
-<div style="background-color:#c5e1e6">
+<div style="background-color:#fafdfd">
-  <div id="bannermain" class="clear" style="background-color: #c5e1e6">
+<center>
+  <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>
-      <specialh1> </specialh1>
+       <specialh2 style="text-transform: lowercase; letter-spacing: 0.5em;">
-      <br>
+<br><b>
-      <br>
+         Recover • Remediate • Recycle</b>
-      <br>
-       <specialh2 style=" text-transform: lowercase; letter-spacing: 0.5em;">
-         Recover • Remediate • Recycle
        </specialh2>
      </center>
     </div>
   </div>
+</a>
+</center>
+<div class="col-md-12 clear">
-<div class="description" style="padding-top: 20vh">
 <center>
+<h2>Giant Jamboree Result</h2>
-<div class="col-md-12" style="height: 100vh; padding: 2em 3%; background-color: #666">
+<img src="https://static.igem.org/mediawiki/2017/3/37/T--Manchester--TeamphotoatBoston.jpg" style="width: 100%; max-width: 500px">
-<div class="light1">
-<img src="https://static.igem.org/mediawiki/2017/6/6d/T--Manchester--bmc.png" style="height: 70vh">
-<p style="color: white">Bacterial microcompartments are organelles consisting of a protein shell that encases enzymes and other proteins</p>
-</div></div>
-<div class="col-md-12" style="height: 100vh; background-color: #999">
-<div style="height: 50%; width: 100%; padding: 2em 3%">
-<div class="light2">
-<img src="https://static.igem.org/mediawiki/2017/a/a9/T--Manchester--ppk_p_chain.png" style="height: 35vh">
-<p>PPK is an enzyme that builds up a polyphosphate chain</p>
-</div></div>
-<div style="height: 50%; width: 100%; padding: 2em 3%">
-<div class="light3">
-<img src="https://static.igem.org/mediawiki/2017/d/d3/T--Manchester--ppx_p_chain.png" style="height: 35vh">
-<p>PPX is an enzyme that breaks down the polyphosphate chain</p>
-</div></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 class="col-md-12" style="height: 100vh; padding: 2em 3%; background-color: #ccc">
+<div class="clear"><br/><br/></div>
-<div class="light4">
-<img src="https://static.igem.org/mediawiki/2017/5/59/T--Manchester--ppk_ppx_p_chain_in_bmc.png" style="height: 70vh">
-<p>Tagging PPK into microcompartments causes build up of polyphosphate and prevents polyphosphate degradation by PPX</p>
-</div></div>
-</center>
-</div>
 </body>