(207 intermediate revisions by 5 users not shown) | |||
Line 8: | Line 8: | ||
width:1200px; | width:1200px; | ||
text-align:center; | text-align:center; | ||
− | height: | + | height:240px; |
+ | background-color:white; | ||
+ | margin: -1px auto 15px auto; | ||
+ | } | ||
+ | .homeimagearea2 { | ||
+ | width:1200px; | ||
+ | text-align:center; | ||
+ | height:600px; | ||
background-color:white; | background-color:white; | ||
margin: -1px auto 15px auto; | margin: -1px auto 15px auto; | ||
− | |||
} | } | ||
.homeimagearea h1 { | .homeimagearea h1 { | ||
− | font-size: | + | font-size:85px; |
text-align:center; | text-align:center; | ||
color:white; | color:white; | ||
Line 22: | Line 28: | ||
/*Box for content on page*/ | /*Box for content on page*/ | ||
.content1 { | .content1 { | ||
− | width: | + | width:1200px; |
min-height:100px; | min-height:100px; | ||
margin:-10px auto 12px auto; | margin:-10px auto 12px auto; | ||
Line 28: | Line 34: | ||
/*Divs for content blocks*/ | /*Divs for content blocks*/ | ||
− | # | + | #introvideobkg { |
display:inline-block; | display:inline-block; | ||
− | background-color:# | + | background-color:#235c81; |
height:368px; | height:368px; | ||
width:590px; | width:590px; | ||
− | + | text-align:center; | |
− | + | overflow:hidden; | |
+ | } | ||
+ | |||
+ | #introvideo { | ||
+ | position:relative; | ||
+ | height:320px; | ||
+ | width:569px; | ||
+ | margin:10px auto; | ||
+ | } | ||
+ | |||
+ | #introvideo video { | ||
+ | display:block; | ||
+ | background-image:url("https://static.igem.org/mediawiki/igem.org/2/20/T--Virginia--bc_videopic.png"); | ||
+ | background-size:569px 320px; | ||
+ | background-repeat:no-repeat; | ||
+ | |||
+ | } | ||
+ | |||
+ | #vidcap { | ||
+ | font-family:Lato, sans-serif; | ||
+ | font-size:16px; | ||
+ | color:#ffffff; | ||
+ | |||
} | } | ||
Line 42: | Line 70: | ||
display:inline-block; | display:inline-block; | ||
height:368px; | height:368px; | ||
− | width: | + | width:600px; |
margin-left:6px; /*Automatic 4px space generated between inline-block elements*/ | margin-left:6px; /*Automatic 4px space generated between inline-block elements*/ | ||
− | background-image:url('https://static.igem.org/mediawiki/2016/ | + | background-image:url('https://static.igem.org/mediawiki/2016/6/67/T--Virginia--teamphotograss_smaller.jpg'); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
background-size:cover; | background-size:cover; | ||
− | + | ||
− | + | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
Line 57: | Line 85: | ||
height:100px; | height:100px; | ||
width:100%; | width:100%; | ||
− | margin-top: | + | margin-top:110px; |
text-align:center; | text-align:center; | ||
padding-top:1px; | padding-top:1px; | ||
Line 69: | Line 97: | ||
font-family:Lato, sans-serif; | font-family:Lato, sans-serif; | ||
font-size:80px; | font-size:80px; | ||
− | color:# | + | color:#235c81; |
line-height:40px; | line-height:40px; | ||
} | } | ||
Line 77: | Line 105: | ||
position:relative; | position:relative; | ||
display:block; | display:block; | ||
− | width: | + | width:1200px; |
height:187px; | height:187px; | ||
margin-top:2px; | margin-top:2px; | ||
− | + | ||
− | + | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
} | } | ||
Line 87: | Line 114: | ||
#stripe2 { | #stripe2 { | ||
position:absolute; | position:absolute; | ||
− | width: | + | width:1200px; |
height:100px; | height:100px; | ||
text-align:center; | text-align:center; | ||
Line 99: | Line 126: | ||
#back1, #back2, #back3, #back4, #back5 { | #back1, #back2, #back3, #back4, #back5 { | ||
height:187px; | height:187px; | ||
− | width: | + | width:240px; |
display:inline-block; | display:inline-block; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
Line 108: | Line 135: | ||
#back1 { | #back1 { | ||
background-image:url(https://static.igem.org/mediawiki/2016/e/e2/T--Virginia--labpic1.jpeg); | background-image:url(https://static.igem.org/mediawiki/2016/e/e2/T--Virginia--labpic1.jpeg); | ||
− | + | ||
} | } | ||
Line 125: | Line 152: | ||
#back5 { | #back5 { | ||
background-image:url(https://static.igem.org/mediawiki/2016/1/12/T--Virginia--labpic5.jpeg); | background-image:url(https://static.igem.org/mediawiki/2016/1/12/T--Virginia--labpic5.jpeg); | ||
− | + | ||
} | } | ||
Line 133: | Line 160: | ||
width:100%; | width:100%; | ||
bottom:0; | bottom:0; | ||
− | height: | + | height:158px; |
− | + | ||
opacity:0; | opacity:0; | ||
transition:opacity 200ms; | transition:opacity 200ms; | ||
Line 147: | Line 174: | ||
} | } | ||
− | # | + | #homepagefadein1 a, #homepagefadein2 a { |
− | color: | + | color:#4690b0; |
font-size:17px; | font-size:17px; | ||
text-decoration:none; | text-decoration:none; | ||
font-family:Lato, sans-serif; | font-family:Lato, sans-serif; | ||
+ | position:absolute; | ||
+ | bottom:11px; | ||
+ | right:20px; | ||
} | } | ||
− | # | + | #homepagefadein1 a:hover, #homepagefadein2 a:hover { |
text-decoration:underline; | text-decoration:underline; | ||
} | } | ||
Line 163: | Line 193: | ||
bottom:0; | bottom:0; | ||
height:138px; | height:138px; | ||
− | + | ||
opacity:0; | opacity:0; | ||
transition:opacity 200ms; | transition:opacity 200ms; | ||
Line 170: | Line 200: | ||
#fadeintext2 { | #fadeintext2 { | ||
− | margin:20px; | + | margin:10px 20px 20px 20px; |
width:1150px; | width:1150px; | ||
height:98px; | height:98px; | ||
color:white; | color:white; | ||
+ | } | ||
+ | |||
+ | #fadeintext2 h1 { | ||
+ | margin-top:-3px; | ||
+ | font-size:20px; | ||
+ | color:#4690b0; | ||
+ | font-family:Lato, sans-serif; | ||
} | } | ||
Line 188: | Line 225: | ||
<!---------------------------Top image on page------------------------------------------> | <!---------------------------Top image on page------------------------------------------> | ||
− | <div class="homeimagearea | + | <div class="homeimagearea"> |
− | < | + | <img src = "https://static.igem.org/mediawiki/2016/6/68/T--Virginia--STC_cover.png"> |
</div> | </div> | ||
Line 205: | Line 242: | ||
<!---------------------------Main content section of page-------------------------------> | <!---------------------------Main content section of page-------------------------------> | ||
− | <div class="content1"> | + | |
− | <div id="introvideo"> | + | |
+ | |||
+ | <div class="content1"> | ||
+ | <div id="introvideobkg"> | ||
+ | <div id="introvideo"> | ||
+ | <video id="vid1" width="569px" height="320px" controls preload="none"> | ||
+ | <source src="https://static.igem.org/mediawiki/2016/1/13/T--Virginia--Biocontainmentvideo.mp4" type="video/mp4"> | ||
+ | </video> | ||
+ | </div> | ||
+ | <span id="vidcap"><i>Want to learn more about synthetic biology? Click <a href="https://2016.igem.org/Team:Virginia/Public_Education" style="color:#ffec7b">here</a>.</i></span> | ||
</div> | </div> | ||
Line 217: | Line 263: | ||
<p><span class="p">We are a team of undergraduate students from the University of Virginia with a shared interest in synthetic biology. | <p><span class="p">We are a team of undergraduate students from the University of Virginia with a shared interest in synthetic biology. | ||
We hail from five different states, and our majors include biology, biochemistry, chemical engineering, biomedical engineering, | We hail from five different states, and our majors include biology, biochemistry, chemical engineering, biomedical engineering, | ||
− | neuroscience, statistics, and nanomedicine engineering. | + | neuroscience, statistics, and nanomedicine engineering.<br> |
− | + | </span></p> | |
</div> | </div> | ||
+ | <a href="https://2016.igem.org/Team:Virginia/Team">More about the team →</a> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 230: | Line 277: | ||
<div id="homepagefadein2"> | <div id="homepagefadein2"> | ||
<div id="fadeintext2"> | <div id="fadeintext2"> | ||
− | <p><span class="p"> | + | <h1>Synthetic Translational Control</h1> |
+ | <p><span class="p">We set out to design a novel biocontainment mechanism based upon the modification of the leucyl tRNA synthetase enzyme. | ||
+ | Our system causes the biocontained organism to be dependent upon a synthetic form of leucine for survival - | ||
+ | hence the title of our project. To implement the system in <i>E. coli</i>, our goal was used to knockout the native | ||
+ | <i>E. coli</i> tRNA synthetase gene, and insert the modified synthetase gene into the bacterial cells. | ||
+ | </span></p> | ||
</div> | </div> | ||
+ | <a href="https://2016.igem.org/Team:Virginia/Description">Project Overview →</a> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 262: | Line 315: | ||
} | } | ||
− | + | document.getElementById("vid1").onplaying = function() { | |
+ | document.getElementById("vid1").style.background = "none"; | ||
+ | } | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:38, 20 October 2016
WHO ARE WE?
We are a team of undergraduate students from the University of Virginia with a shared interest in synthetic biology.
We hail from five different states, and our majors include biology, biochemistry, chemical engineering, biomedical engineering,
neuroscience, statistics, and nanomedicine engineering.
THE PROJECT
Synthetic Translational Control
We set out to design a novel biocontainment mechanism based upon the modification of the leucyl tRNA synthetase enzyme. Our system causes the biocontained organism to be dependent upon a synthetic form of leucine for survival - hence the title of our project. To implement the system in E. coli, our goal was used to knockout the native E. coli tRNA synthetase gene, and insert the modified synthetase gene into the bacterial cells.