Difference between revisions of "Team:CU-Boulder"

 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
 
 
{{Team:CU-Boulder/Templates/Navigation}}
 
{{Team:CU-Boulder/Templates/Navigation}}
  
 
<html>
 
<html>
  
−
<script>
+
<style>
  
−
window.onscroll = function() {FunctionOne(),FunctionTwo(),FunctionThree(),FunctionFour()};
+
@media(max-width: 1200px) {
  
−
function FunctionOne() {
+
section > titleImageOne { display: none; }
−
    if (document.body.scrollTop > 50 ) {
+
section > titleSmallImageTwo { display: none; }
−
        document.getElementById("blah").className = "testLeft";
+
section > titleSmallImageTwoFlipped { display: none; }  
−
    } else {
+
−
        document.getElementById("blah").className = "";
+
−
    }
+
−
}
+
  
−
 
−
 
−
function FunctionTwo() {
 
−
    if (document.body.scrollTop > 550 ) {
 
−
        document.getElementById("blahTwo").className = "testLeft";
 
−
    } else {
 
−
        document.getElementById("blahTwo").className = "";
 
−
    }
 
 
}
 
}
  
−
function FunctionThree() {
+
@media (max-width: 800px) {
−
    if (document.body.scrollTop > 1000 ) {
+
section { flex-wrap: wrap; }
−
        document.getElementById("blahThree").className = "testLeft";
+
−
    } else {
+
−
        document.getElementById("blahThree").className = "";
+
−
    }
+
−
}
+
  
−
function FunctionFour() {
 
−
    if (document.body.scrollTop > 1400 ) {
 
−
        document.getElementById("blahFour").className = "testLeft";
 
−
    } else {
 
−
        document.getElementById("blahFour").className = "";
 
−
    }
 
 
}
 
}
−
 
−
</script>
 
−
 
−
<style>
 
  
 
body{
 
body{
Line 64: Line 36:
 
   justify-content: center;
 
   justify-content: center;
 
   display: flex;
 
   display: flex;
−
   flex-wrap: 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: 3s;
+
   animation-duration: 1s;
 
   animation-direction: alternate;
 
   animation-direction: alternate;
 
   animation-iteration-count: infinite;
 
   animation-iteration-count: infinite;
Line 91: Line 64:
 
     transform: scaleX(-1);
 
     transform: scaleX(-1);
 
     filter: FlipV;
 
     filter: FlipV;
−
  overflow: hidden;
 
  
 
}
 
}
Line 113: Line 85:
 
     max-width: 100px;
 
     max-width: 100px;
 
     margin-bottom: 150px;
 
     margin-bottom: 150px;
−
  overflow: hidden;
+
    overflow: hidden;
  
 
}
 
}
Line 127: Line 99:
 
}
 
}
 
section > titleImageThree img{
 
section > titleImageThree img{
−
    flex-grow: 2;
 
 
     max-width: 700px;
 
     max-width: 700px;
  
 
}
 
}
  
−
section > titleImageThreeFlipped{
+
section > titleImageThreeFlipped img {
−
    flex-grow: 2;
+
     max-width: 700px;
−
     max-width: 600px;
+
 
     transform: scaleX(-1);
 
     transform: scaleX(-1);
 
     filter: FlipH;
 
     filter: FlipH;
Line 169: Line 139:
 
   font-size: 30px;
 
   font-size: 30px;
 
   max-width: 750px;
 
   max-width: 750px;
−
  visibility: hidden;
 
 
   color: white;
 
   color: white;
−
   border-top: 5px solid white;
+
  padding-bottom: 15px;
−
   border-bottom: 5px solid white;
+
  padding-top: 15px;
 +
   border-top: 2px solid white;
 +
   border-bottom: 2px solid white;
 +
  margin-right: 30px;
 
}
 
}
  
Line 181: Line 153:
 
   max-width: 350px;
 
   max-width: 350px;
 
   clear: right;
 
   clear: right;
−
  visibility: hidden;
 
 
   color: white;
 
   color: white;
 
   text-align: justify;
 
   text-align: justify;
Line 195: Line 166:
 
   max-width: 400px;
 
   max-width: 400px;
 
   clear: left;
 
   clear: left;
−
  visibility: hidden;
 
 
   color: white;
 
   color: white;
 
   text-align: justify;
 
   text-align: justify;
Line 207: Line 177:
 
   text-align: justify;
 
   text-align: justify;
 
   clear: left;
 
   clear: left;
−
  visibility: hidden;
 
 
   color: white;
 
   color: white;
 
}
 
}
Line 217: Line 186:
  
  
 +
<section>
 +
  <titleImageThree><img src = "https://static.igem.org/mediawiki/2017/5/5a/T-CU-Boulder--CellThree.gif"></titleImageThree>
  
 +
</section>
 
   <section>
 
   <section>
−
  <titleImageThree><img src = "https://static.igem.org/mediawiki/2017/5/5a/T-CU-Boulder--CellThree.gif"></titleImageThree>
+
<divOne>     
−
  </section>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
    <!--This is the title box -->
+
−
<section>
+
−
    <divOne>     
+
 
       <span style="color: red"><b>&mu;</b></span>
 
       <span style="color: red"><b>&mu;</b></span>
 
       s t o r a g e
 
       s t o r a g e
 
     </divOne>
 
     </divOne>
−
<!--
+
</section>
−
<titleImageOne><img src = "https://static.igem.org/mediawiki/2017/5/5a/T-CU-Boulder--CellThree.gif"></img>
+
−
    <img class = "titleImageTwo" src = "https://static.igem.org/mediawiki/2017/b/b8/T-CU-Boulder--CellTwo.gif"></img> -->
+
  
−
</section>
 
 
<section>
 
<section>
 
   <bodyHead> <p id = "blah">
 
   <bodyHead> <p id = "blah">

Latest revision as of 08:31, 20 October 2017

μ s t o r a g e

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...