|
|
| (226 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%">
| + | |
| − | <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 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 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><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">Attrib</font></a>
| + | |
| − | <br>
| + | |
| − | <a href="https://2015.igem.org/Team:Vanderbilt/Team/Sponsors"><font color="#9e515e">Sponsors</font></a>
| + | |
| − | <br>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-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-lg-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-lg-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">Aug</font></a>
| + | |
| − | <br>
| + | |
| − | <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/September"><font color="#9e515e">Sept</font></a>
| + | |
| − | <br>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-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">Collabs</font></a>
| + | |
| − | <br>
| + | |
| − | <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Real_World_Applications"><font color="#9e515e">Real World Apps</font></a>
| + | |
| − | <br>
| + | |
| − | <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Interlab"><font color="#9e515e">Interlab</font></a>
| + | |
| − | <br>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-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">Stats</font></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> |
