(31 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
{{Team:CU-Boulder/Templates/Navigation}} | {{Team:CU-Boulder/Templates/Navigation}} | ||
<html> | <html> | ||
− | < | + | <style> |
− | + | @media(max-width: 1200px) { | |
− | + | section > titleImageOne { display: none; } | |
− | + | section > titleSmallImageTwo { display: none; } | |
− | + | section > titleSmallImageTwoFlipped { display: none; } | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | @media (max-width: 800px) { | |
− | + | section { flex-wrap: wrap; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
body{ | body{ | ||
Line 64: | Line 36: | ||
justify-content: center; | justify-content: center; | ||
display: flex; | display: flex; | ||
− | flex-wrap: | + | flex-wrap: nowrap; |
align-items: center; | align-items: center; | ||
background-color: black; | background-color: black; | ||
} | } | ||
+ | |||
section > divOne { | section > divOne { | ||
Line 82: | Line 55: | ||
text-align:center; | text-align:center; | ||
animation-name: fade-in; | animation-name: fade-in; | ||
− | animation-duration: | + | animation-duration: 1s; |
animation-direction: alternate; | animation-direction: alternate; | ||
animation-iteration-count: infinite; | animation-iteration-count: infinite; | ||
Line 102: | Line 75: | ||
section > titleSmallImageTwo img{ | section > titleSmallImageTwo img{ | ||
max-width: 100px; | max-width: 100px; | ||
− | margin- | + | margin-top: 150px; |
− | + | transform: scaleX(-1); | |
+ | filter: FlipH; | ||
+ | overflow: hidden; | ||
} | } | ||
Line 109: | Line 84: | ||
section > titleSmallImageTwoFlipped img{ | section > titleSmallImageTwoFlipped img{ | ||
max-width: 100px; | max-width: 100px; | ||
− | margin- | + | margin-bottom: 150px; |
− | + | overflow: hidden; | |
− | + | ||
− | + | ||
} | } | ||
Line 126: | Line 99: | ||
} | } | ||
section > titleImageThree img{ | section > titleImageThree img{ | ||
− | |||
max-width: 700px; | max-width: 700px; | ||
} | } | ||
− | section > titleImageThreeFlipped{ | + | section > titleImageThreeFlipped img { |
− | + | max-width: 700px; | |
− | max-width: | + | |
transform: scaleX(-1); | transform: scaleX(-1); | ||
filter: FlipH; | filter: FlipH; | ||
Line 168: | Line 139: | ||
font-size: 30px; | font-size: 30px; | ||
max-width: 750px; | max-width: 750px; | ||
− | |||
color: white; | color: white; | ||
− | border-top: | + | padding-bottom: 15px; |
− | border-bottom: | + | padding-top: 15px; |
+ | border-top: 2px solid white; | ||
+ | border-bottom: 2px solid white; | ||
+ | margin-right: 30px; | ||
} | } | ||
Line 180: | Line 153: | ||
max-width: 350px; | max-width: 350px; | ||
clear: right; | clear: right; | ||
− | |||
color: white; | color: white; | ||
text-align: justify; | text-align: justify; | ||
Line 194: | Line 166: | ||
max-width: 400px; | max-width: 400px; | ||
clear: left; | clear: left; | ||
− | |||
color: white; | color: white; | ||
text-align: justify; | text-align: justify; | ||
Line 206: | Line 177: | ||
text-align: justify; | text-align: justify; | ||
clear: left; | clear: left; | ||
− | |||
color: white; | color: white; | ||
} | } | ||
Line 216: | Line 186: | ||
+ | <section> | ||
+ | <titleImageThree><img src = "https://static.igem.org/mediawiki/2017/5/5a/T-CU-Boulder--CellThree.gif"></titleImageThree> | ||
+ | </section> | ||
<section> | <section> | ||
− | + | <divOne> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<span style="color: red"><b>μ</b></span> | <span style="color: red"><b>μ</b></span> | ||
s t o r a g e | s t o r a g e | ||
</divOne> | </divOne> | ||
− | < | + | </section> |
− | + | ||
− | + | ||
− | |||
<section> | <section> | ||
<bodyHead> <p id = "blah"> | <bodyHead> <p id = "blah"> | ||
− | Bacterial microcompartments are subcellular structures naturally produced by certain microbial populations. | + | Bacterial microcompartments are subcellular structures naturally produced by certain microbial populations... |
</p> | </p> | ||
</bodyhead> | </bodyhead> | ||
Line 249: | Line 209: | ||
<floatRight> | <floatRight> | ||
<p id = "blahTwo"> | <p id = "blahTwo"> | ||
− | These compartments act in nature to either localize and concentrate substrates, or to sequester harmful | + | These compartments act in nature to either localize and concentrate substrates, or to sequester harmful metabolic intermediates... |
</p> | </p> | ||
</floatRight> | </floatRight> | ||
Line 256: | Line 216: | ||
<floatLeft> | <floatLeft> | ||
<p id = "blahThree"> | <p id = "blahThree"> | ||
− | Our group has designed recombinant compartments in order to achieve remote control over the rapid assembly and dissasembly of the structures. | + | Our group has designed recombinant compartments in order to achieve remote control over the rapid assembly and dissasembly of the structures... |
</p> | </p> | ||
</floatLeft> | </floatLeft> | ||
Line 262: | Line 222: | ||
</section> | </section> | ||
<section> | <section> | ||
+ | <titleSmallImageTwo><img src = "https://static.igem.org/mediawiki/2017/b/b8/T-CU-Boulder--CellTwo.gif"></titleSmallImageTwo> | ||
<titleImageTwo><img src = "https://static.igem.org/mediawiki/2017/b/b8/T-CU-Boulder--CellTwo.gif"></titleImageTwo> | <titleImageTwo><img src = "https://static.igem.org/mediawiki/2017/b/b8/T-CU-Boulder--CellTwo.gif"></titleImageTwo> | ||
− | |||
<floatLast> | <floatLast> | ||
<p id = "blahFour"> | <p id = "blahFour"> | ||
− | Using this method...</br></br> Our compartments could potentially act as next-generation drug delivery systems, biosensors, or as a solution to sequester diffuse and harmful environmental toxins. </p></floatLast> | + | Using this method...</br></br> Our compartments could potentially act as next-generation drug delivery systems, biosensors, or as a solution to sequester diffuse and harmful environmental toxins.</br></br> Continue to our project description to learn more... </p></floatLast> |
<titleImageTwoFlipped><img src = "https://static.igem.org/mediawiki/2017/b/b8/T-CU-Boulder--CellTwo.gif"></titleImageTwoFlipped> | <titleImageTwoFlipped><img src = "https://static.igem.org/mediawiki/2017/b/b8/T-CU-Boulder--CellTwo.gif"></titleImageTwoFlipped> | ||
− | <titleSmallImageTwoFlipped><img src = "https://static.igem.org/mediawiki/2017/b/b8/T-CU-Boulder--CellTwo.gif"></ | + | <titleSmallImageTwoFlipped><img src = "https://static.igem.org/mediawiki/2017/b/b8/T-CU-Boulder--CellTwo.gif"></titleSmallImageTwoFlipped> |
</section> | </section> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 08:31, 20 October 2017
Bacterial microcompartments are subcellular structures naturally produced by certain microbial populations...
These compartments act in nature to either localize and concentrate substrates, or to sequester harmful metabolic intermediates...
Our group has designed recombinant compartments in order to achieve remote control over the rapid assembly and dissasembly of the structures...
Using this method... Our compartments could potentially act as next-generation drug delivery systems, biosensors, or as a solution to sequester diffuse and harmful environmental toxins. Continue to our project description to learn more...