Difference between revisions of "Team:Vanderbilt"

(Replaced content with "<html> <script> window.location.href = "https://2015.igem.org/Team:Vanderbilt/Project/Background"; </script> <title>Page Redirection</title> If you are not redirected...")
(Undo revision 399842 by Hwangas (talk))
Line 1: Line 1:
 +
{{Template:Vanderbilt_Header}}
 +
{{Template:Vanderbilt_Navbar}}
 
<html>
 
<html>
<script>
 
  window.location.href = "https://2015.igem.org/Team:Vanderbilt/Project/Background";
 
</script>
 
 
<title>Page Redirection</title>
 
  
If you are not redirected automatically, follow the <a href='https://2015.igem.org/Team:Vanderbilt/Project/Background'>link to example</a>
+
<style>
 +
 
 +
#dnaStrand1, #dnaStrand2 {
 +
    display: none;
 +
}
 +
 
 +
 
 +
@media(min-width:768px) {
 +
    #dnaStrand1, #dnaStrand2 {
 +
        display: block;
 +
    }
 +
}
 +
 
 +
.footer {
 +
  position: absolute;
 +
  bottom: 0;
 +
  width: 100%;
 +
  /* Set the fixed height of the footer here */
 +
  background-color: #3e0812;
 +
  left: 0;
 +
}
 +
 
 +
.row-height {
 +
  display: table;
 +
  table-layout: fixed;
 +
  height: 100%;
 +
  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: #5f212c;
 +
  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,
 +
.carousel-inner > .item > a > img {
 +
  width: 100%;
 +
  margin: auto;
 +
}
 +
 
 +
</style>
 +
 
 +
<div class="row" style="height: 100%; min-height: 100%;">
 +
<div class="row-height">
 +
<div class="col-lg-1 hidden-sm" style="height:100%" id="dnaStrand1">
 +
  <br>
 +
  <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>
 +
  <br>
 +
</div>
 +
 
 +
<div class="col-md-10" style="background-color: #44111a; height: 100%;">
 +
  <br>
 +
  <div id="myCarousel" class="carousel slide" data-ride="carousel" style="margin:auto">
 +
    <!-- Indicators -->
 +
    <ol class="carousel-indicators" style="margin:auto">
 +
      <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="carousel-inner" role="listbox">
 +
      <div class="item active">
 +
        <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">
 +
        <img src="https://static.igem.org/mediawiki/2015/5/56/Vanderbilt_temp_carousel_pic.png" alt="Flower" width="460" height="345">
 +
      </div>
 +
 
 +
      <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2015/5/56/Vanderbilt_temp_carousel_pic.png" alt="Flower" width="460" height="345">
 +
      </div>
 +
    </div>
 +
 
 +
    <!-- Left and right controls -->
 +
    <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" style="background-color: #44111a;">
 +
    <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" style="height:100%;">
 +
      <table style="width:100%; height:100%">
 +
        <tr><td> hullo this is row 1 </td></tr>
 +
        <tr><td> hullo this is row 2 </td></tr>
 +
        <tr><td> hullo this is row 3 </td></tr>
 +
      </table>
 +
    </div>
 +
  </div>
 +
 
 +
<div class="row" style="margin:0; border: 0; width: 100%;">
 +
  <div class="col-md-2" style="height:100%">
 +
    <h3><font color="#7e1d2e">Team</font></h3>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/About"><font color="#9e515e">About</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/Members"><font color="#9e515e">Members</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/Attributes"><font color="#9e515e">Attributes</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/Sponsors"><font color="#9e515e">Sponsors</font></a>
 +
    <br>
 +
  </div>
 +
  <div class="col-md-2" style="height:100%">
 +
    <h3><font color="#7e1d2e">Project</font></h3>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Background"><font color="#9e515e">Background</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Sequence"><font color="#9e515e">Sequence</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Circuit"><font color="#9e515e">Circuit</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Organism"><font color="#9e515e">Organism</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Nanopore"><font color="#9e515e">Nanopore</font></a>
 +
    <br>
 +
    <a class="footer-text" href="https://2015.igem.org/Team:Vanderbilt/Project/Achievements"><font color="#9e515e">Achievements</font></a>
 +
    <br>
 +
  </div>
 +
  <div class="col-md-2" style="height:100%">
 +
    <h3><font color="#7e1d2e">Parts</font></h3>
 +
 
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Part_Collection"><font color="#9e515e">Part Collection</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Optimized_RFPs"><font color="#9e515e">Optimized RFPs</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Visualizing_Evolution"><font color="#9e515e">Visualizing Evolution</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Repair Enzymes"><font color="#9e515e">Repair Enzymes</font></a>
 +
    <br>
 +
  </div>
 +
  <div class="col-md-2" style="height:100%">
 +
    <h3><font color="#7e1d2e">Notebook</font></h3>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/May"><font color="#9e515e">May</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/June"><font color="#9e515e">June</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/July"><font color="#9e515e">July</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/August"><font color="#9e515e">August</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/September"><font color="#9e515e">September</font></a>
 +
    <br>
 +
  </div>
 +
  <div class="col-md-2" style="height:100%">
 +
    <h3><font color="#7e1d2e">Practices</font></h3>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Safety"><font color="#9e515e">Safety</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Collaborations"><font color="#9e515e">Collaborations</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Real_World_Applications"><font color="#9e515e">Applications</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Interlab"><font color="#9e515e">Interlab</font></a>
 +
    <br>
 +
  </div>
 +
  <div class="col-md-2" style="height:100%">
 +
    <h3><font color="#7e1d2e">Software</font></h3>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Software/Development"><font color="#9e515e">Development</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Software/User_Guide"><font color="#9e515e">User Guide</font></a>
 +
    <br>
 +
    <a href="https://2015.igem.org/Team:Vanderbilt/Software/Stats"><font color="#9e515e">Statistics</font></a>
 +
    <br>
 +
  </div>
 +
</div>
 +
  <br>
 +
</div>
 +
 
 +
<div class="col-lg-1 hidden-sm" style="height:100%;" id="dnaStrand2">
 +
  <br>
 +
  <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>
 +
  <br>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 
</html>
 
</html>

Revision as of 21:39, 4 October 2015

Vanderbilt iGEM 2015