Difference between revisions of "Team:Vanderbilt"

 
(237 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>
  
html, body {
+
    p {
  height: 100%;
+
      text-indent: 2.0em;
  background-color: #3e0812;
+
    }
}
+
  
body {
+
.carousel-inner > .item > img,
  position: relative;
+
.carousel-inner > .item > a > img {
  height: 100%;
+
  width: 100%;
 +
  margin: auto;
 
}
 
}
  
.footer {
+
  .carousel {
  position: absolute;
+
    max-height: 400px;
  bottom: 0;
+
    width: 70%;
  width: 100%;
+
    overflow: hidden;
  /* Set the fixed height of the footer here */
+
    width: 100%;
  background-color: #3e0812;
+
    margin:auto;
   left: 0;
+
   }
}
+
  
.row-height {
+
   .carousel-img {
   display: table;
+
      max-height: 400px;
  table-layout: fixed;
+
      height: 400px !important;
  height: 100%;
+
      width: auto !important;
  width: 100%;
+
   }
}
+
 
+
@keyframes dnaFadeInOut {
+
  0%  {opacity:1;}
+
  17%  {opacity:1;}
+
  25%  {opacity:0;}
+
  92%  {opacity:0;}
+
  100% {opacity:1;}
+
}
+
 
+
@-o-keyframes dnaFadeInOut {
+
  0%  {opacity:1;}
+
  17%  {opacity:1;}
+
  25%  {opacity:0;}
+
  92%  {opacity:0;}
+
  100% {opacity:1;}
+
}
+
@-moz-keyframes dnaFadeInOut {
+
  0%  {opacity:1;}
+
  17%  {opacity:1;}
+
  25%  {opacity:0;}
+
  92%  {opacity:0;}
+
  100% {opacity:1;}
+
}
+
@-webkit-keyframes dnaFadeInOut {
+
  0%  {opacity:1;}
+
  17%  {opacity:1;}
+
  25%  {opacity:0;}
+
  92%  {opacity:0;}
+
  100% {opacity:1;}
+
}
+
 
+
.dnaStrand img:nth-of-type(1) {
+
  -webkit-animation-delay: 6s;
+
  -moz-animation-delay: 6s;
+
  -o-animation-delay: 6s;
+
  animation-delay: 6s;
+
}
+
.dnaStrand img:nth-of-type(2) {
+
  -webkit-animation-delay: 4s;
+
  -moz-animation-delay: 4s;
+
  -o-animation-delay: 4s;
+
  animation-delay: 4s;
+
}
+
.dnaStrand img:nth-of-type(3) {
+
  -webkit-animation-delay: 2s;
+
  -moz-animation-delay: 2s;
+
  -o-animation-delay: 2s;
+
  animation-delay: 2s;
+
}
+
.dnaStrand img:nth-of-type(4) {
+
  -webkit-animation-delay: 0;
+
  -moz-animation-delay: 0;
+
  -o-animation-delay: 0;
+
  animation-delay: 0;
+
}
+
 
+
.dnaStrand {
+
  position: relative;
+
  width: 100%;
+
  height: 100%;
+
}
+
 
+
.dnaStrand img {
+
  position: absolute;
+
  height: 95%;
+
  width: 95%;
+
   vertical-align: top;
+
}
+
 
+
.dnaStrand img {
+
  -webkit-animation-name: dnaFadeInOut;
+
  -webkit-animation-timing-function: ease-in-out;
+
  -webkit-animation-iteration-count: infinite;
+
  -webkit-animation-duration: 8s;
+
 
+
  -moz-animation-name: dnaFadeInOut;
+
  -moz-animation-timing-function: ease-in-out;
+
  -moz-animation-iteration-count: infinite;
+
  -moz-animation-duration: 8s;
+
 
+
  -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: 8s;
+
}
+
 
+
 
+
.grid {
+
  background-color: #5f212c;
+
}
+
 
+
/* clear fix */
+
.grid:after {
+
  content: '';
+
  display: block;
+
  clear: both;
+
}
+
 
+
/* ---- .element-item ---- */
+
 
+
/* 6 columns, percentage width */
+
.grid-item,
+
.grid-sizer {
+
  width: 16.666%;
+
  margin: 0px;
+
}
+
 
+
.grid-item {
+
  float: left;
+
  background: #0D8;
+
  border: 10px solid #44111a;
+
  width: 33.333%;
+
  margin: 0px;
+
  text-align: center;
+
}
+
 
+
.grid-item--widthFull { width:100%; }
+
 
+
.grid-item img {
+
  display: block;
+
  max-width: 100%;
+
  margin: 0px;
+
}
+
 
+
.grid-textbox-top {
+
  border-left: 0px;
+
  border-top: 0px;
+
  border-right: 0px;
+
  border-bottom: 5px solid #44111a;
+
  line-height: 100%;
+
  vertical-align: middle;
+
}
+
 
+
.grid-textbox-mid {
+
  border-right: 0px;
+
  border-left: 0px;
+
  border-top: 5px solid #44111a;
+
  border-bottom: 5px solid #44111a;
+
  line-height: 100%;
+
  vertical-align: middle;
+
}
+
 
+
.grid-textbox-bot {
+
  border-right: 0px;
+
  border-left: 0px;
+
  border-top: 5px solid #44111a;
+
  border-bottom: 0px;
+
  line-height: 100%;
+
  vertical-align: middle;
+
}
+
  
   .carousel-inner > .item > img,
+
   .logo {
  .carousel-inner > .item > a > img {
+
    display: block;
      width: 100%;
+
    max-width:100%;  
      margin: auto;
+
    max-height:100%;
 +
    margin: 0 auto !important;
 
   }
 
   }
  
 
</style>
 
</style>
  
<div class="row" style="height: 100%; min-height: 100%;">
+
<div class="row">
<div class="row-height">
+
  <div class="col-md-10 col-md-offset-1" style="background-color: #000000;">
<div class="col-lg-1 hidden-sm" style="height:100%">
+
    <div class="row">
  <br>
+
      <div id="myCarousel" class="carousel container" data-ride="carousel">
  <div class="dnaStrand" alt="dna strand">
+
  <img src="https://static.igem.org/mediawiki/2015/a/a6/Vanderbilt_2015_dna_strand_1.png"/>
+
  <img src="https://static.igem.org/mediawiki/2015/d/d1/Vanderbilt_2015_dna_strand_2.png"/>
+
  <img src="https://static.igem.org/mediawiki/2015/2/2a/Vanderbilt_2015_dna_strand_3.png"/>
+
  <img src="https://static.igem.org/mediawiki/2015/f/f4/Vanderbilt_2015_dna_strand_4.png"/>
+
  </div>
+
</div>
+
  
<div class="col-md-10" style="background-color: #44111a; height: 100%;">
+
        <!-- Wrapper for slides -->
  <br>
+
        <div class="carousel-inner" role="listbox">
  <div id="myCarousel" class="carousel slide" data-ride="carousel" style="margin:auto">
+
          <div class="item active carousel-img">
    <!-- Indicators -->
+
            <img class="carousel-img" src="https://static.igem.org/mediawiki/2015/f/f3/VU15_iGEM_team_photo.jpeg">
    <ol class="carousel-indicators" style="margin:auto">
+
          </div>
      <li data-target="#myCarousel" data-slide-to="0" class="active" style="margin:auto"></li>
+
      <li data-target="#myCarousel" data-slide-to="1" style="margin:auto"></li>
+
      <li data-target="#myCarousel" data-slide-to="2" style="margin:auto"></li>
+
      <li data-target="#myCarousel" data-slide-to="3" style="margin:auto"></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/b/b2/VU15_RFP_ox_assay_validation.png">
      <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>
+
 
+
      <div class="item">
+
        <img src="https://static.igem.org/mediawiki/2015/5/56/Vanderbilt_temp_carousel_pic.png" alt="Chania" width="460" height="345">
+
      </div>
+
 
      
 
      
      <div class="item">
+
          <div class="item carousel-img">
        <img src="https://static.igem.org/mediawiki/2015/5/56/Vanderbilt_temp_carousel_pic.png" alt="Flower" width="460" height="345">
+
            <img class="carousel-img" src="https://static.igem.org/mediawiki/2015/8/8f/VU15_Change_in_Fluorescence_from_Competition.png">
      </div>
+
          </div>
  
      <div class="item">
+
          <div class="item carousel-img">
        <img src="https://static.igem.org/mediawiki/2015/5/56/Vanderbilt_temp_carousel_pic.png" alt="Flower" width="460" height="345">
+
            <img class="carousel-img" src="https://static.igem.org/mediawiki/2015/6/68/VU15_EES_C.jpeg">
      </div>
+
          </div>
    </div>
+
        </div> <!-- /slides -->
  
    <!-- Left and right controls -->
+
      <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
+
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
+
        <span class="sr-only">Previous</span>
    </a>
+
      </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
+
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
+
        <span class="sr-only">Next</span>
    </a>
+
      </a>
   </div>
+
    </div> <!-- /myCarousel -->
 +
   </div> <!-- /row -->
  
   <div class="grid" style="background-color: #44111a;">
+
   <div class="row" style="background-color: #52141f ">
     <div class="grid-sizer"></div>
+
     <div class="col-md-6" style="background-color: #52141f ; color: #521418">
    <div class="grid-item">
+
       <br>
       <img src="https://static.igem.org/mediawiki/2015/d/de/Vanderbilt_Text_box_background4.jpg" /></div>
+
      <p>
    <div class="grid-item">
+
        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.
       <img src="https://static.igem.org/mediawiki/2015/5/55/Vanderbilt_Sequence.jpg" /></div>
+
      </p>
    <div class="grid-item">
+
      <p>
      <img src="https://static.igem.org/mediawiki/2015/f/fd/Vanderbilt_Organism.jpg" /></div>
+
      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.
    <div class="grid-item">
+
       </p>
      <img src="https://static.igem.org/mediawiki/2015/0/08/Vanderbilt_Circuit.jpg" /></div>
+
      <p>
     <div class="grid-item">
+
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>
      <div class="grid-item grid-item--widthFull grid-textbox-top">
+
<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>
        <span class="span-text"> hullo this is paragraph 1 such an amazing paragraph how will spillag work i wonder</span>
+
      </p>
      </div>
+
     </div> <!-- /col -->
      <div class="grid-item grid-item--widthFull grid-textbox-mid">
+
 
        <span class="span-text"> hullo this is paragraph 2 </span>
+
    <div class="col-md-6" style="background-color: #441114">
      </div>
+
       <div class="row">
       <div class="grid-item grid-item--widthFull grid-textbox-bot">
+
         <img class="logo no-shadow" src="https://static.igem.org/mediawiki/2015/5/52/Vanderbilt_2015_igemlogo_visibility.png" />
         <span class="span-text"> hullo this is paragraph 3 </span>
+
 
       </div>
 
       </div>
     </div>
+
      <div class="row">
   </div>
+
        <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 -->
  
<div class="row" style="margin:0; border: 0; width: 100%;">
+
</div> <!-- /col -->
  <div class="col-lg-2" style="height:100%">
+
    <h3>Team</h3>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/About">About</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/Members">Members</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/Attributes">Attrib</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/Sponsors">Sponsors</a>
+
    <br>
+
  </div>
+
  <div class="col-lg-2" style="height:100%">
+
    <h3>Project</h3>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Background">Background</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Sequence">Sequence</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Circuit">Circuit</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Organism">Organism</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Nanopore">Nanopore</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Achievements">Achievements</a>
+
    <br>
+
  </div>
+
  <div class="col-lg-2" style="height:100%">
+
    <h3>Parts</h3>
+
 
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Part_Collection">Part Collection</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Optimized_RFPs">Optimized RFPs</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Visualizing_Evolution">Visualizing Evolution</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Repair Enzymes">Repair Enzymes</a>
+
    <br>
+
  </div>
+
  <div class="col-lg-2" style="height:100%">
+
    <h3>Notebook</h3>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/May">May</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/June">June</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/July">July</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/August">Aug</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/September">Sept</a>
+
    <br>
+
  </div>
+
  <div class="col-lg-2" style="height:100%">
+
    <h3>Practices</h3>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Safety">Safety</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Collaborations">Collabs</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Real_World_Applications">Real World Apps</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Interlab">Interlab</a>
+
    <br>
+
  </div>
+
  <div class="col-lg-2" style="height:100%">
+
    <h3>Software</h3>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Software/Development">Development</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Software/User_Guide">User Guide</a>
+
    <br>
+
    <a href="https://2015.igem.org/Team:Vanderbilt/Software/Stats">Stats</a>
+
    <br>
+
  </div>
+
</div>
+
  <br>
+
 
</div>
 
</div>
  
<div class="col-lg-1 hidden-sm" style="height:100%;">
+
</html>
  <br>
+
{{Template:Vanderbilt_Footer}}
  <br>
+
<html>
  <div class="dnaStrand" alt="dna strand">
+
  <img src="https://static.igem.org/mediawiki/2015/a/a6/Vanderbilt_2015_dna_strand_1.png"/>
+
  <img src="https://static.igem.org/mediawiki/2015/d/d1/Vanderbilt_2015_dna_strand_2.png"/>
+
  <img src="https://static.igem.org/mediawiki/2015/2/2a/Vanderbilt_2015_dna_strand_3.png"/>
+
  <img src="https://static.igem.org/mediawiki/2015/f/f4/Vanderbilt_2015_dna_strand_4.png"/>
+
  </div>
+
</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. . .