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...") |
|||
Line 1: | Line 1: | ||
+ | {{Template:Vanderbilt_Header}} | ||
+ | {{Template:Vanderbilt_Navbar}} | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <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
Demons in the Code
hullo this is row 1 |
hullo this is row 2 |
hullo this is row 3 |