Difference between revisions of "Team:Vanderbilt"

 
(386 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Template:Vanderbilt_Header}}
 
{{Template:Vanderbilt_Header}}
 
{{Template:Vanderbilt_Navbar}}
 
{{Template:Vanderbilt_Navbar}}
 +
{{Template:Vanderbilt_Style}}
 +
 
<html>
 
<html>
  
 
<style>
 
<style>
@keyframes dnaFadeInOut {
 
  0%  {opacity:1;};
 
  25%  {opacity:1;};
 
  50%  {opacity:1;};
 
  75%  {opacity:1;};
 
  100% {opacity:1;};
 
}
 
  
#dna2 img:nth-of-type(1) {
+
    p {
  -webkit-animation-delay: 8s;
+
      text-indent: 2.0em;
  -moz-animation-delay: 8s;
+
    }
  -o-animation-delay: 8s;
+
  animation-delay: 8s;
+
}
+
  
#dna2 img:nth-of-type(2) {
+
.carousel-inner > .item > img,
  -webkit-animation-delay: 6s;
+
.carousel-inner > .item > a > img {
  -moz-animation-delay: 6s;
+
  width: 100%;
  -o-animation-delay: 6s;
+
  margin: auto;
  animation-delay: 6s;
+
}
+
#dna2 img:nth-of-type(3) {
+
  -webkit-animation-delay: 4s;
+
  -moz-animation-delay: 4s;
+
  -o-animation-delay: 4s;
+
  animation-delay: 4s;
+
}
+
#dna2 img:nth-of-type(4) {
+
  -webkit-animation-delay: 2s;
+
  -moz-animation-delay: 2s;
+
  -o-animation-delay: 2s;
+
  animation-delay: 2s;
+
}
+
#dna2 img:nth-of-type(5) {
+
  -webkit-animation-delay: 0;
+
  -moz-animation-delay: 0;
+
  -o-animation-delay: 0;
+
  animation-delay: 0;
+
 
}
 
}
  
.dnaStrand {
+
  .carousel {
  background-image: url("https://static.igem.org/mediawiki/2015/a/a6/Vanderbilt_2015_dna_strand_1.png");
+
    max-height: 400px;
  background-repeat: no-repeat;
+
    width: 70%;
  background-size: 100%;
+
    overflow: hidden;
  width: 100%;
+
    width: 100%;
}
+
    margin:auto;
 +
  }
  
.dnaStrand img {
+
  .carousel-img {
  position:absolute;
+
      max-height: 400px;
  left:0;
+
      height: 400px !important;
 
+
      width: auto !important;
  -webkit-animation-name: dnaFadeInOut;
+
   }
  -webkit-animation-timing-function: ease-in-out;
+
  -webkit-animation-iteration-count: infinite;
+
   -webkit-animation-duration: 8s;
+
  
   -moz-animation-name: dnaFadeInOut;
+
   .logo {
  -moz-animation-timing-function: ease-in-out;
+
    display: block;
  -moz-animation-iteration-count: infinite;
+
    max-width:100%;  
  -moz-animation-duration: 8s;
+
    max-height:100%;
 
+
    margin: 0 auto !important;
  -o-animation-name: dnaFadeInOut;
+
   }
   -o-animation-timing-function: ease-in-out;
+
  -o-animation-iteration-count: infinite;
+
  -o-animation-duration: 8s;
+
 
+
  animation-name: dnaFadeInOut;
+
  animation-timing-function: ease-in-out;
+
  animation-iteration-count: infinite;
+
  animation-duration: 10s;
+
}
+
  
 
</style>
 
</style>
  
 
<div class="row">
 
<div class="row">
 +
  <div class="col-md-10 col-md-offset-1" style="background-color: #000000;">
 +
    <div class="row">
 +
      <div id="myCarousel" class="carousel container" data-ride="carousel">
  
<div class="col-lg-2 hidden-sm">
+
        <!-- Wrapper for slides -->
  <div class="dnaStrand" alt="dna strand">
+
        <div class="carousel-inner" role="listbox">
  <img src="https://static.igem.org/mediawiki/2015/a/a6/Vanderbilt_2015_dna_strand_1.png" style="width:100%"/>
+
          <div class="item active carousel-img">
  <img src="https://static.igem.org/mediawiki/2015/d/d1/Vanderbilt_2015_dna_strand_2.png" style="width:100%"/>
+
            <img class="carousel-img" src="https://static.igem.org/mediawiki/2015/f/f3/VU15_iGEM_team_photo.jpeg">
  <img src="https://static.igem.org/mediawiki/2015/2/2a/Vanderbilt_2015_dna_strand_3.png" style="width:100%"/>
+
          </div>
  <img src="https://static.igem.org/mediawiki/2015/f/f4/Vanderbilt_2015_dna_strand_4.png" style="width:100%"/>
+
  <img src="https://static.igem.org/mediawiki/2015/a/a5/Vanderbilt_2015_dna_strand_5.png" style="width:100%"/></div>
+
</div>
+
  
<div class="col-md-8" style="border-left-style: 10px solid green, border-right-style: 10px solid green">
+
          <div class="item carousel-img">
  <br>
+
            <img class="carousel-img" src="https://static.igem.org/mediawiki/2015/b/b2/VU15_RFP_ox_assay_validation.png">
  <br>
+
          </div>
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
+
      
    <!-- Indicators -->
+
          <div class="item carousel-img">
     <ol class="carousel-indicators">
+
            <img class="carousel-img" src="https://static.igem.org/mediawiki/2015/8/8f/VU15_Change_in_Fluorescence_from_Competition.png">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
          </div>
      <li data-target="#myCarousel" data-slide-to="1"></li>
+
      <li data-target="#myCarousel" data-slide-to="2"></li>
+
      <li data-target="#myCarousel" data-slide-to="3"></li>
+
    </ol>
+
  
    <!-- Wrapper for slides -->
+
          <div class="item carousel-img">
    <div class="carousel-inner" role="listbox">
+
            <img class="carousel-img" src="https://static.igem.org/mediawiki/2015/6/68/VU15_EES_C.jpeg">
      <div class="item active">
+
          </div>
        <img src="https://static.igem.org/mediawiki/2015/5/56/Vanderbilt_temp_carousel_pic.png" alt="Chania" width="460" height="345">
+
        </div> <!-- /slides -->
      </div>
+
  
       <div class="item">
+
       <!-- Left and right controls -->
         <img src="https://static.igem.org/mediawiki/2015/5/56/Vanderbilt_temp_carousel_pic.png" alt="Chania" width="460" height="345">
+
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
       </div>
+
         <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      
+
        <span class="sr-only">Previous</span>
      <div class="item">
+
      </a>
        <img src="https://static.igem.org/mediawiki/2015/5/56/Vanderbilt_temp_carousel_pic.png" alt="Flower" width="460" height="345">
+
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
       </div>
+
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 +
        <span class="sr-only">Next</span>
 +
       </a>
 +
     </div> <!-- /myCarousel -->
 +
  </div> <!-- /row -->
 +
 
 +
  <div class="row" style="background-color: #52141f ">
 +
    <div class="col-md-6" style="background-color: #52141f ; color: #521418">
 +
      <br>
 +
      <p>
 +
        Every sequence of DNA hides a secret. Concealed throughout any genetic construct are mutation hotspots - DNA motifs prone to high rates of mutation. Once a mutation occurs at one of these sites, a mutant may rapidly overtake the population due to evolutionary selective pressure.
 +
      </p>
 +
      <p>
 +
      Our team has compiled decades of research into an algorithm that is able to eliminate these hotspots, reducing the risk of mutation for any gene without altering its function. We have also devised strategies for improving the evolutionary stability of entire genetic circuits, and have created new bacterial strains with their genomes engineered to better resist and repair mutations.
 +
      </p>
 +
      <p>
 +
Our foundational advance has the potential to revolutionize the way synthetic biologists optimize their genes, by looking beyond simple codon adaptation to consider the stability, safety, and reliability of DNA parts.</p>
 +
<p> <a href='https://2015.igem.org/Team:Vanderbilt/Project/Background'> <font color="#b92c45"> Join us as we expose the menaces lurking in your DNA. . . </font> </a>
 +
       </p>
 +
    </div> <!-- /col -->
  
       <div class="item">
+
    <div class="col-md-6" style="background-color: #441114">
         <img src="https://static.igem.org/mediawiki/2015/5/56/Vanderbilt_temp_carousel_pic.png" alt="Flower" width="460" height="345">
+
       <div class="row">
 +
         <img class="logo no-shadow" src="https://static.igem.org/mediawiki/2015/5/52/Vanderbilt_2015_igemlogo_visibility.png" />
 
       </div>
 
       </div>
     </div>
+
      <div class="row">
 +
        <div class="col-sm-4">
 +
          <a href='https://2015.igem.org/wiki/index.php?title=Team:Vanderbilt/Project/Sequence'>
 +
          <img class="logo" src=" https://static.igem.org/mediawiki/2015/5/57/VU15_sequence_logo.png"    /> </a>
 +
        </div>
 +
        <div class="col-sm-4">
 +
          <a href='https://2015.igem.org/wiki/index.php?title=Team:Vanderbilt/Project/Circuit'>
 +
          <img class="logo" src="https://static.igem.org/mediawiki/2015/1/14/VU15_circuit_logo.png" /> </a>
 +
        </div>
 +
        <div class="col-sm-4">
 +
          <a href='https://2015.igem.org/wiki/index.php?title=Team:Vanderbilt/Project/Organism'>
 +
          <img class="logo" src="https://static.igem.org/mediawiki/2015/2/27/VU15_organism_logo.png" /></a>
 +
        </div>
 +
      </div>
 +
      <br>
 +
     </div> <!-- /col -->
 +
  </div> <!-- /row -->
  
    <!-- Left and right controls -->
+
</div> <!-- /col -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
+
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
      <span class="sr-only">Previous</span>
+
    </a>
+
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
+
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
      <span class="sr-only">Next</span>
+
    </a>
+
  </div>
+
 
+
  <div class="grid">
+
    <div class="grid-sizer"></div>
+
    <div class="grid-item">
+
      <img src="https://static.igem.org/mediawiki/2015/d/de/Vanderbilt_Text_box_background4.jpg" /></div>
+
    <div class="grid-item">
+
      <img src="https://static.igem.org/mediawiki/2015/5/55/Vanderbilt_Sequence.jpg" /></div>
+
    <div class="grid-item">
+
      <img src="https://static.igem.org/mediawiki/2015/f/fd/Vanderbilt_Organism.jpg" /></div>
+
    <div class="grid-item">
+
      <img src="https://static.igem.org/mediawiki/2015/0/08/Vanderbilt_Circuit.jpg" /></div>
+
    <div class="grid-item">
+
      <div class="grid-item grid-item--widthFull grid-textbox-top">
+
        <span class="span-text"> hullo this is paragraph 1 such an amazing paragraph how will spillag work i wonder</span>
+
      </div>
+
      <div class="grid-item grid-item--widthFull grid-textbox-mid">
+
        <span class="span-text"> hullo this is paragraph 2 </span>
+
      </div>
+
      <div class="grid-item grid-item--widthFull grid-textbox-bot">
+
        <span class="span-text"> hullo this is paragraph 3 </span>
+
      </div>
+
    </div>
+
  </div>
+
 
</div>
 
</div>
  
<div class="col-lg-2 hidden-sm" style="border: 10px solid red">
+
</html>
  <div class="dnaStrand">
+
{{Template:Vanderbilt_Footer}}
  <img src="https://static.igem.org/mediawiki/2015/a/a6/Vanderbilt_2015_dna_strand_1.png" style="width:100%"/>
+
<html>
  <img src="https://static.igem.org/mediawiki/2015/d/d1/Vanderbilt_2015_dna_strand_2.png" style="width:100%"/>
+
 
  <img src="https://static.igem.org/mediawiki/2015/2/2a/Vanderbilt_2015_dna_strand_3.png" style="width:100%"/>
+
  <img src="https://static.igem.org/mediawiki/2015/f/f4/Vanderbilt_2015_dna_strand_4.png" style="width:100%"/>
+
  <img src="https://static.igem.org/mediawiki/2015/a/a5/Vanderbilt_2015_dna_strand_5.png" style="width:100%"/>
+
  </div>
+
</div>
+
</div>
+
 
</html>
 
</html>

Latest revision as of 05:47, 21 November 2015

Vanderbilt iGEM 2015


Every sequence of DNA hides a secret. Concealed throughout any genetic construct are mutation hotspots - DNA motifs prone to high rates of mutation. Once a mutation occurs at one of these sites, a mutant may rapidly overtake the population due to evolutionary selective pressure.

Our team has compiled decades of research into an algorithm that is able to eliminate these hotspots, reducing the risk of mutation for any gene without altering its function. We have also devised strategies for improving the evolutionary stability of entire genetic circuits, and have created new bacterial strains with their genomes engineered to better resist and repair mutations.

Our foundational advance has the potential to revolutionize the way synthetic biologists optimize their genes, by looking beyond simple codon adaptation to consider the stability, safety, and reliability of DNA parts.

Join us as we expose the menaces lurking in your DNA. . .