Line 9: | Line 9: | ||
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif} | body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif} | ||
.w3-navbar,h1,button {font-family: "Montserrat", sans-serif} | .w3-navbar,h1,button {font-family: "Montserrat", sans-serif} | ||
− | .fa | + | .fa {font-size:200px} |
</style> | </style> | ||
<body> | <body> | ||
Line 57: | Line 57: | ||
/* Style The Dropdown Button */ | /* Style The Dropdown Button */ | ||
.dropbtn { | .dropbtn { | ||
− | background-color: | + | background-color: transparent; |
− | color: | + | color: green; |
padding: 16px; | padding: 16px; | ||
font-size: 16px; | font-size: 16px; | ||
Line 100: | Line 100: | ||
background-color: #3e8e41; | background-color: #3e8e41; | ||
} | } | ||
+ | |||
+ | /* Footer logo */ | ||
+ | img.w3-logo { | ||
+ | width: 368px; | ||
+ | height: 40px; | ||
+ | } | ||
+ | |||
+ | /* Background example */ | ||
+ | .w3-background-1 { | ||
+ | background: url(http://capacityofmind.com/wp-content/uploads/2015/05/Sometimes-All-a-Students-Needs-is-a-Single-Motivational-Quote1.jpg) center; | ||
+ | background-size: cover; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .w3-background-1 .fa { | ||
+ | color: white!important; | ||
+ | } | ||
+ | |||
+ | .w3-background-2 { | ||
+ | background: url(http://learneveryday.net/wp-content/uploads/2016/04/60c403f7.jpg) center; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> | ||
Line 112: | Line 136: | ||
<nav> | <nav> | ||
<a href="https://2016.igem.org/Team:Alverno_CA">Main</a> | <a href="https://2016.igem.org/Team:Alverno_CA">Main</a> | ||
− | + | <div class="dropdown menu"> | |
− | + | <button class="dropbtn">Team</button> | |
− | + | <div class="dropdown-content"> | |
− | + | <a href="https://2016.igem.org/Team:Alverno_CA/Team">Team</a> | |
− | + | <a href="https://2016.igem.org/Team:Alverno_CA/Collaboration">Collaboration</a> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="dropdown menu"> | |
− | </div> | + | <button class="dropbtn">Project</button> |
− | <a href="https://2016.igem.org/Team:Alverno_CA/ | + | <div class="dropdown-content"> |
− | + | <a href="https://2016.igem.org/Team:Alverno_CA/Description">Description</a> | |
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Design">Design</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Experiment">Experiment</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Interlab_Study">Interlab Study</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Proof_of_Concept">Proof of Concept</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Demonstrate">Demonstrate</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Result">Result</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Notebook">Notebook</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown menu"> | ||
+ | <button class="dropbtn">Parts</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Parts">Parts</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Basic_Parts">Basic Parts</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Composite_Parts">Composite_Parts</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Part_Collection">Part Collection</a> | ||
+ | </div> | ||
+ | </div> | ||
<a href="https://2016.igem.org/Team:Alverno_CA/Safety">Safety</a> | <a href="https://2016.igem.org/Team:Alverno_CA/Safety">Safety</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Attribution">Attribution</a> | ||
<a href="https://2016.igem.org/Team:Alverno_CA/Human_Practices">Human Practice</a> | <a href="https://2016.igem.org/Team:Alverno_CA/Human_Practices">Human Practice</a> | ||
</nav> | </nav> | ||
Line 138: | Line 181: | ||
<!-- First Grid --> | <!-- First Grid --> | ||
− | <div class="w3-row-padding w3-padding-64 w3-container"> | + | <div class="w3-background-1 w3-row-padding w3-padding-64 w3-container"> |
<div class="w3-content"> | <div class="w3-content"> | ||
<div class="w3-twothird"> | <div class="w3-twothird"> | ||
Line 146: | Line 189: | ||
<div class="w3-third w3-center"> | <div class="w3-third w3-center"> | ||
− | <i class="fa fa- | + | <i class="fa fa-briefcase w3-padding-64 w3-text-blue-grey"></i> |
</div> | </div> | ||
</div> | </div> | ||
Line 160: | Line 203: | ||
<div class="w3-twothird"> | <div class="w3-twothird"> | ||
<h1>What is the context of this research?</h1> | <h1>What is the context of this research?</h1> | ||
− | <h4 class="w3-padding-32">Programming cells often requires building "circuits" of several genes together on the same piece of DNA. Bioengineers have observed that when two genes are placed next to each other, they often unexpectedly interfere with each | + | <h4 class="w3-padding-32">Programming cells often requires building "circuits" of several genes together on the same piece of DNA. Bioengineers have observed that when two genes are placed next to each other, they often unexpectedly interfere with each other’s expression in an unexpectedly orientation-dependent manner.</h4> |
<h4 class="w3-padding-32">Nobody knows with certainty what causes this genetic crosstalk, but one promising theory involves DNA supercoiling. The transcription of DNA into RNA, the transcription process introduces supercoils, similar to kinks in a tightly-wound phone cord. Supercoils directly affect the expression of genes, turning them on or off depending on the direction of the supercoil.</p> | <h4 class="w3-padding-32">Nobody knows with certainty what causes this genetic crosstalk, but one promising theory involves DNA supercoiling. The transcription of DNA into RNA, the transcription process introduces supercoils, similar to kinks in a tightly-wound phone cord. Supercoils directly affect the expression of genes, turning them on or off depending on the direction of the supercoil.</p> | ||
Line 168: | Line 211: | ||
<!-- Third Grid --> | <!-- Third Grid --> | ||
− | <div class="w3-row-padding w3-padding-64 w3-container"> | + | <div class="w3-background-2 w3-row-padding w3-padding-64 w3-container"> |
<div class="w3-content"> | <div class="w3-content"> | ||
<div class="w3-twothird"> | <div class="w3-twothird"> | ||
Line 199: | Line 242: | ||
<footer class="w3-container w3-padding-64 w3-center w3-opacity"> | <footer class="w3-container w3-padding-64 w3-center w3-opacity"> | ||
<div class="w3-xlarge w3-padding-32"> | <div class="w3-xlarge w3-padding-32"> | ||
− | <h1 class="w3-margin w3-xlarge">Alverno Heights Academy</h1> | + | <!-- <h1 class="w3-margin w3-xlarge">Alverno Heights Academy</h1> --> |
+ | <img class="w3-logo" src="http://www.alvernoheightsacademy.org/wp-content/themes/alverno/images/logo.png"></img> | ||
<h1 class="w3-margin w3-xlarge">200 North Michillinda Avenue</h1> | <h1 class="w3-margin w3-xlarge">200 North Michillinda Avenue</h1> | ||
<h1 class="w3-margin w3-xlarge">Sierra Madre, CA 91024</h1> | <h1 class="w3-margin w3-xlarge">Sierra Madre, CA 91024</h1> |
Revision as of 21:35, 1 October 2016
Clamp Down on Crosstalk
Reducing Noise in Multi-Gene Synthetic Biology Circuits
Alverno_CA