|
|
(121 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
− | {{:Team:Manchester/Templates/NavBar2}} | + | {{:Team:Manchester/Templates/NavBar}} |
| {{ManchesterMobile}} | | {{ManchesterMobile}} |
| <html> | | <html> |
Line 29: |
Line 29: |
| } | | } |
| | | |
− | @-webkit-keyframes blink {
| + | .floatleft1 { |
− | 0% {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; |
− | 24% {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);}
| + | |
− | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| + | |
− | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| + | |
| } | | } |
| | | |
− | @-moz-keyframes blink {
| + | .projectlink img:hover { |
− | 0% {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; |
− | 24% {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; |
− | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| + | |
− | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| + | |
| } | | } |
| | | |
− | @-o-keyframes blink {
| + | a:hover { |
− | 0% {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; |
− | 24% {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; |
− | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;} | + | |
− | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;} | + | |
| } | | } |
| | | |
− | @keyframes blink {
| |
− | 0% {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);}
| |
− | 24% {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);}
| |
− | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
− | 100% {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 { | | specialh1 { |
| font-size: 35px!important; | | font-size: 35px!important; |
Line 96: |
Line 55: |
| } | | } |
| | | |
| + | #bannercontent { |
| + | height: 65vh; |
| + | padding-top: 35vh |
| + | } |
| } | | } |
| </style> | | </style> |
Line 103: |
Line 66: |
| <body> | | <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"> | | <div id="bannercontent"> |
| <center> | | <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> | | </specialh2> |
| </center> | | </center> |
| </div> | | </div> |
| </div> | | </div> |
| + | </a> |
| + | </center> |
| + | |
| + | <div class="col-md-12 clear"> |
| | | |
− |
| |
− | <div class="description" style="padding-top: 20vh">
| |
| <center> | | <center> |
| + | <h2>Giant Jamboree Result</h2> |
| | | |
− | <div class="col-md-12" 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"> |
− | <div class="light">
| + | |
− | <img src="https://static.igem.org/mediawiki/2017/6/6d/T--Manchester--bmc.png" style="height: 70vh"> | + | |
− | <p>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: #e9f3f5">
| + | |
− | | + | |
− | <div style="height: 50%; width: 100%; padding: 2em 3%">
| + | |
− | <div class="light">
| + | |
− | <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="light">
| + | |
− | <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>
| + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | <div class="col-md-12" style="height: 100vh; padding: 2em 3%; background-color: #fafdfd">
| + | |
− | <div class="light">
| + | |
− | <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>
| + | |
| | | |
| + | <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> | | </center> |
| </div> | | </div> |
| | | |
− | </div> | + | <div class="clear"><br/><br/></div> |
− | | + | |
− | <div style="background-color:#fafdfd">
| + | |
| | | |
| </body> | | </body> |