Team:Penn State/Bidirectional Promoters Results

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
<html>
<head>
<head>
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
 
-
<meta name="description" content="your description goes here" />
+
<title>Bidirectional Promoters Overview</title>
-
<meta name="keywords" content="your,keywords,goes,here" />
+
 
-
<meta name="author" content="Your Name" />
+
<style type="text/css">
-
+
-
<title>Projects</title>
+
-
<style type="text/css">
+
body {
body {
background:#e0e0e0;
background:#e0e0e0;
-
color:#303030;
+
color:#303030; font:76% tahoma, verdana, sans-serif;  
-
font:76% tahoma, verdana, sans-serif;
+
margin:0;  
-
margin:0;
+
padding:15px 0 0;
padding:15px 0 0;
}
}
 +
#container {
#container {
background: #fff;
background: #fff;
Line 22: Line 19:
}
}
-
/* Site title */
 
 +
/* Site title */
#logo {
#logo {
margin: 15px 0 0;
margin: 15px 0 0;
}
}
 +
#logo h1 a {
#logo h1 a {
-
border:none;
+
border:none; color:#505050;
-
color:#505050;
+
}
}
 +
#logo h1 a:hover {
#logo h1 a:hover {
-
border:none;
+
border:none;  
-
color:#303030;
+
color:#303030;  
text-decoration:none;
text-decoration:none;
}
}
 +
#logo p {
#logo p {
-
font-size:1.3em;
+
font-size:1.3em;
-
color:#505050;
+
color:#505050;  
-
margin:0 0 20px 0;}
+
margin:0 0 20px 0;
 +
}
/* Tags */
/* Tags */
-
 
a {
a {
color: #303030;
color: #303030;
Line 53: Line 52:
border-bottom-color: #505050;
border-bottom-color: #505050;
}
}
 +
a:hover {
a:hover {
-
border-bottom:1px solid #505050;
+
border-bottom:1px solid #505050;  
-
color:#303030;
+
color:#303030;  
text-decoration:none;
text-decoration:none;
}
}
 +
a:visited {color: #666}
 +
a img {
a img {
border:0;
border:0;
}
}
-
a:visited {
+
 
-
color: #oc9
+
-
}
+
h1 {
h1 {
-
font-size:2.2em;
+
font-size:2.2em;  
font-weight:400;
font-weight:400;
-
margin:0 0 5px;
+
margin:0 0 5px;  
padding:0;
padding:0;
}
}
 +
h2 {
h2 {
font-size: 24pt;
font-size: 24pt;
Line 79: Line 80:
text-align: center;
text-align: center;
}
}
 +
h3 {
h3 {
-
font-size:1.4em;
+
font-size:1.4em;  
-
font-weight:400;
+
font-weight:400;  
margin:0 0 10px;
margin:0 0 10px;
}
}
 +
p {
p {
line-height: 1.5em;
line-height: 1.5em;
Line 90: Line 93:
color: #000;
color: #000;
}
}
 +
ul,ol {
ul,ol {
-
margin:0 0 15px 15px;
+
margin:0 0 15px 15px;  
padding:0;
padding:0;
}
}
 +
li {
li {
margin:0 0 3px 0;
margin:0 0 3px 0;
}
}
-
/* Navitabs menu */
 
 +
/* Navitabs menu */
#navitabs {
#navitabs {
clear:both;
clear:both;
}
}
 +
.navitab {
.navitab {
-
background:#e0e0e0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;
+
background:#e0e0e0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;  
-
border-bottom:1px solid #fff;
+
border-bottom:1px solid #fff;  
-
border-left:1px solid #fff;
+
border-left:1px solid #fff;  
-
font-size:1.1em; margin:0 0 4px;
+
font-size:1.1em;  
-
padding:4px 8px;
+
margin:0 0 4px;  
 +
padding:4px 8px;  
text-decoration:none;
text-decoration:none;
}
}
 +
.navitab:hover {
.navitab:hover {
-
background:#d0d0d0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;
+
background:#d0d0d0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;  
-
border-bottom:1px solid #fff;
+
border-bottom:1px solid #fff;  
text-decoration:none;
text-decoration:none;
}
}
 +
.activenavitab {
.activenavitab {
-
background:#505050 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;
+
background:#505050 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;  
-
color:#fff; font-size:1.1em;
+
color:#fff;  
-
margin:0 0 5px; padding:4px 8px 5px;
+
font-size:1.1em;  
 +
margin:0 0 5px; padding:4px 8px 5px;  
text-decoration:none;
text-decoration:none;
}
}
 +
.activenavitab:hover {
.activenavitab:hover {
-
color:#fff;
+
color:#fff;  
text-decoration:none;
text-decoration:none;
}
}
/* Header description area */
/* Header description area */
-
 
#desc {
#desc {
clear: both;
clear: both;
Line 135: Line 145:
padding: 0 0 5px 0;
padding: 0 0 5px 0;
background-image: url(https://static.igem.org/mediawiki/2012/a/aa/Nav3.jpg);
background-image: url(https://static.igem.org/mediawiki/2012/a/aa/Nav3.jpg);
-
background-color: black;
 
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: left bottom;
background-position: left bottom;
Line 141: Line 150:
font-size: 18pt;
font-size: 18pt;
}
}
 +
#desc p {
#desc p {
font-size: 10pt;
font-size: 10pt;
Line 148: Line 158:
color: #FFF;
color: #FFF;
}
}
 +
#desc h3 {
#desc h3 {
color: #fff;
color: #fff;
padding: 15px 15px 0;
padding: 15px 15px 0;
text-align: left;
text-align: left;
-
font-size: 18pt;
+
text-size: 18pt;
-
        text-decoration: none;
+
font-size: 16pt;
-
        padding-bottom: 10px;
+
}
}
 +
#desc a {
#desc a {
-
border-color:#fff;
+
border-color:#fff;  
-
color:#fff;
+
color:#fff;  
-
text-decoration:none;
+
text-decoration:none;}
-
}
+
/* Main content */
/* Main content */
-
 
#main {
#main {
border-right: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
float: left;
float: left;
-
width: 620px;
+
width: 600px;
margin-top: 0;
margin-top: 0;
-
margin-right: 5;
 
margin-bottom: 0;
margin-bottom: 0;
-
margin-left: 5;
 
padding-top: 0;
padding-top: 0;
-
padding-right: 15px;
 
padding-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-left: 0;
}
}
-
/* Sidebar */
 
 +
/* Sidebar */
#sidebar {
#sidebar {
-
float:right;
+
float:right;  
width:150px;
width:150px;
}
}
 +
#sidebar p {
#sidebar p {
-
font-size:0.9em;
+
font-size:0.9em;  
-
line-height:1.3em;
+
line-height:1.3em;  
margin:0 0 15px;
margin:0 0 15px;
}
}
 +
#sidebar ul {
#sidebar ul {
-
margin:0 0 15px 0;
+
margin:0 0 15px 0;  
padding:0;
padding:0;
}
}
 +
#sidebar li {
#sidebar li {
list-style:none;
list-style:none;
}
}
 +
ul.sidelink li {
ul.sidelink li {
-
list-style:none;
+
list-style:none;  
-
margin:0 0 3px;
+
margin:0 0 3px;  
padding:0;
padding:0;
}
}
 +
ul.sidelink li a{
ul.sidelink li a{
-
background:#f0f0f0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;
+
background:#f0f0f0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;  
-
border:none;
+
border:none; display:block;  
-
display:block;
+
margin:5px 10px 5px 0;  
-
margin:5px 10px 5px 0;
+
padding:3px 4px 3px 8px;  
-
padding:3px 4px 3px 8px;
+
text-align:left;  
-
text-align:left;
+
width:140px;
width:140px;
 +
        text-decoration;none;
}
}
 +
ul.sidelink li a:hover {
ul.sidelink li a:hover {
background:#e0e0e0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;
background:#e0e0e0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;
-
border:none;
+
border:none;  
text-decoration:none;
text-decoration:none;
}
}
/* Footer */
/* Footer */
-
 
+
#footer {
-
#footer {background:#fff;
+
background:#fff;  
-
border-top:1px solid #d8d8d8;
+
border-top:1px solid #d8d8d8;  
-
clear:both; margin:0;
+
clear:both;  
 +
margin:0;  
padding:0;
padding:0;
}
}
 +
#footer a {
#footer a {
color:gray;
color:gray;
}
}
 +
#footer a:hover {
#footer a:hover {
color:#303030;
color:#303030;
}
}
 +
#footer p {
#footer p {
-
color:gray;
+
color:gray;  
-
font-size:1.1em;
+
font-size:1.1em;  
-
line-height:1.3em;
+
line-height:1.3em;  
-
margin:15px 0 0;
+
margin:15px 0 0;  
padding:0;
padding:0;
}
}
/* Additional classes */
/* Additional classes */
-
 
.photo {
.photo {
-
background-color:#f0f0f0;
+
background-color:#f0f0f0;  
-
border:1px solid #d8d8d8;
+
border:1px solid #d8d8d8;  
-
margin:0 0 15px;
+
margin:0 0 15px;  
padding:2px;
padding:2px;
}
}
 +
.right {
.right {
-
margin:-8px 0 8px 0;
+
margin:-8px 0 8px 0;  
text-align:right;
text-align:right;
}
}
 +
.block {
.block {
padding: 10px;
padding: 10px;
Line 254: Line 271:
font-size: 12px;
font-size: 12px;
}
}
-
.block a: {
+
 
-
color: #000;
+
.block a: {color: #000;
border: none;
border: none;
text-decoration:none;
text-decoration:none;
}
}
 +
.block a:hover {
.block a:hover {
-
color: #090;
+
color: #333;
border: none;
border: none;
cursor: pointer;
cursor: pointer;
text-decoration:none
text-decoration:none
}  
}  
-
.hide {
+
 
-
display:none;
+
.hide {display:none;
color: #000;
color: #000;
}
}
-
#boxLeft {
+
 
-
background-color: #f0f0f0;
+
#blenderAni {
-
text-align: left;
+
height: 250px;
-
float: left;
+
width: 400px;
-
height: 260px;
+
background-color: #999;
-
width: 188px;
+
margin-left: 135px;
-
margin-top: 10px;
+
-
margin-right: 16px;
+
-
margin-bottom: 10px;
+
-
padding-bottom: 10px;
+
-
margin-bottom: 10px;
+
}
}
-
#boxLeft h3 {
+
 
-
font-family: Verdana, Geneva, sans-serif;
+
 
-
font-size: 14px;
+
 
-
color: #101010;
+
 
-
background-color: #FF9;
+
/*Tabbed Panels*/
-
text-align: center;
+
#maintabs {
-
padding-top: 8px;
+
clear:both;
-
padding-bottom: 8px;
+
        margin-top: 15px;
-
}
+
-
#boxRight {
+
-
background-color: #f0f0f0;
+
-
text-align: left;
+
-
float: left;
+
-
height: 260px;
+
-
width: 188px;
+
-
margin-top: 10px;
+
-
margin-right: 5px;
+
-
padding-bottom: 10px;
+
-
margin-bottom: 10px;
+
}
}
-
#boxRight h3 {
+
 
-
font-family: Verdana, Geneva, sans-serif;
+
.maintab {
-
font-size: 14px;
+
border-bottom: 1px solid #fff;
-
color: #101010;
+
border-left: 1px solid #fff;
-
background-color: #F99;
+
font-size: 1.1em;
-
text-align: center;
+
margin: 0 0 4px;
-
padding-top: 8px;
+
padding: 4px 8px;
-
padding-bottom: 8px;
+
text-decoration: none;
-
}
+
background-color: #CCCCCC;
-
#boxCenter {
+
background-image: url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif);
 +
background-repeat: no-repeat;
 +
background-position: right top;
 +
}
 +
 
 +
.maintab:hover {
 +
background:#d0d0d0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;
 +
border-bottom:1px solid #fff;
 +
text-decoration:none;
 +
}
 +
 
 +
.activemaintab {
 +
background:#f0f0f0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat;
 +
color:#333;
 +
font-size:1.1em;
 +
margin:0 0 5px;
 +
padding:4px 8px 5px;
 +
text-decoration:none;
 +
}
 +
 
 +
.activemaintab:hover {
 +
color:#fff;
 +
text-decoration:none;
 +
}
 +
 
 +
/* Header description area */
 +
#tabfiller {
 +
clear: both;
 +
color: #fff;
 +
margin: 5px 0 15px;
 +
padding: 0 0 5px 0;
background-color: #f0f0f0;
background-color: #f0f0f0;
 +
background-repeat: no-repeat;
 +
background-position: left bottom;
text-align: left;
text-align: left;
-
float: left;
+
font-size: 18pt;
-
height: 260px;
+
-
width: 190px;
+
-
margin-top: 10px;
+
-
margin-right: 16px;
+
-
margin-bottom: 10px;
+
-
padding-bottom: 5px;
+
}
}
-
#boxCenter h3 {
+
 
-
font-family: Verdana, Geneva, sans-serif;
+
#tabfiller p {
-
font-size: 14px;
+
font-size: 10pt;
-
color: #101010;
+
line-height: 1.3em;
-
background-color: #09f;
+
padding: 0 15px 15px 15px;
-
text-align: center;
+
width: 570px;
-
padding-top: 8px;
+
color: #333;
-
padding-bottom: 8px;
+
}
}
-
#right {
+
 
-
width:188px;
+
#tabfiller h2 {
 +
color: #333;
 +
padding: 15px 15px 0;
 +
text-align: left;
 +
font-size: 18pt;
 +
}
}
-
#center {
+
 
-
width:188px;
+
#tabfiller h3 {
 +
color: #333;
 +
padding: 15px 15px 0;
 +
text-align: left;
 +
font-size: 14pt;
 +
 +
#tabfiller a {
 +
border-color:#fff;
 +
color:#fff;
 +
text-decoration:none;
}
}
-
#left {
+
ul {
-
width:188px;
+
font-size: 10pt;
-
}
+
line-height: 1.3em;
-
.readmore {
+
padding: 0;
-
font-family: Tahoma, Geneva, sans-serif;
+
        margin: 0;
-
font-size: 12px;
+
width: 570px;
-
color: #333333;
+
color: #333;
-
text-align: right;
+
        list-style-position: inside;
}
}
 +
#logoiGEM {
#logoiGEM {
height: 56px;
height: 56px;
Line 358: Line 400:
         float: right;
         float: right;
         padding-top: 11px;
         padding-top: 11px;
-
}
 
-
#photo {
 
-
height: 150px;
 
-
width: 150px;
 
-
background-image: url(#a);
 
-
background-color: #f0f0f0;
 
-
margin-bottom: 20px;
 
}
}
</style>
</style>
Line 374: Line 409:
   <div id="logoiGEM"></div>
   <div id="logoiGEM"></div>
   <div id="psuLogo"><img src="https://static.igem.org/mediawiki/2012/f/f9/PsuLogo.jpeg"></div>
   <div id="psuLogo"><img src="https://static.igem.org/mediawiki/2012/f/f9/PsuLogo.jpeg"></div>
-
 
   <div id="navitabs">
   <div id="navitabs">
     <h2 class="hide">Sample navigation menu:</h2>
     <h2 class="hide">Sample navigation menu:</h2>
-
  <a class="navitab" href="https://2012.igem.org/Team:Penn_State">Home</a><span class="hide"></span>
+
    <a class="navitab"https://2012.igem.org/Team:Penn_State">Home</a>
-
<a class="navitab" href="https://2012.igem.org/Team:Penn_State/Team">Team</a><span class="hide"> </span>  
+
    <span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Team">Team</a>
-
<a class="activenavitab" href="https://2012.igem.org/Team:Penn_State/Project">Projects</a><span class="hide"></span>  
+
    <span class="hide"> | </span> <a class="activenavitab" href="https://2012.igem.org/Team:Penn_State/Projects">Projects</a>
-
<a class="navitab" href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a><span class="hide"></span>  
+
    <span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a>
-
<a class="navitab" href="https://2012.igem.org/Team:Penn_State/Modeling">Modeling </a><span class="hide"></span>  
+
    <span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Modeling">Modeling</a>
-
<a class="navitab" href="https://2012.igem.org/Team:Penn_State/Notebook">Notebook</a><span class="hide"></span>  
+
    <span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Notebook">Notebook</a>
-
<a class="navitab" href="https://2012.igem.org/Team:Penn_State/Safety">Other</a> </div>
+
    <span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Other">Other</a>
-
 
+
  </div>
 +
   
   <div id="desc">
   <div id="desc">
-
     <h3>Team Projects</h3>
+
     <h3>Bidirectional Promoters</h3>
-
 
+
     <p>Scientists are frequently confounded by wayward promoters; that is, promoters which do not produce
-
     <p>Utilizing synthetic biology cloning techniques, the Penn State iGEM team has designed three genetic constructs that test the most basic assumptions of molecular biology.
+
the expected proteins. Some bidirectional promoters are known to exist, but which way they promote
-
While each of the individual projects looks at a different aspect of the mantra, they all come together under the umbrella of Questioning the Central Dogma of Molecular Biology.</p>
+
and the degree of expression has not been quantified. This project will test the directionality of  
-
    <p class="right"><a href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a></div>
+
several BioBrick promoters to answer these questions. </p>
-
 
+
  </div>
 +
 
   <div id="main">
   <div id="main">
 +
    <h2>Bidirectional Promoters</h2>
 +
<iframe width="560" height="315" src="http://www.youtube.com/embed/s8eE07qU9yQ" frameborder="0" allowfullscreen></iframe>
 +
    <div id="maintabs">
 +
    <h2 class="hide">Sample navigation menu:</h2>
 +
    <a class="maintab" href="https://2012.igem.org/Team:Penn_State/Bidirectional_Promoters">Overview</a>
 +
    <span class="hide"> | </span> <a class="maintab" href="https://2012.igem.org/Team:Penn_State/Bidirectional_Promoters_Design">Design</a>
 +
    <span class="hide"> | </span> <a class="activemaintab" href="https://2012.igem.org/Team:Penn_State/Bidirectional_Promoters_Results">Results</a>
 +
    </div>
 +
   
 +
  <div id="tabfiller">
 +
<h3>Measured Fluorescence</h3>
-
    <div id="boxLeft"><a href="https://2012.igem.org/Team:Penn_State/Multiple_Start_Codons"><h3>Multiple Start Codons</h3></a>
+
</div>
-
      <div id="left"><img src="https://static.igem.org/mediawiki/2012/2/23/Msc.jpg"></div>     
+
-
      <p>     
+
-
      <p>     
+
-
      <p>     
+
-
      <p class="block">mRNA strands should have only one recognized start codon. What happens when multiple start codons are introduced in translation?</p>
+
-
<p class="readmore"><a href="https://2012.igem.org/Team:Penn_State/Multiple_Start_Codons">read more...</a></p>                               
+
-
      </div>
+
-
 
+
-
 
+
-
 
+
-
    <div id="boxCenter"><a href="https://2012.igem.org/Team:Penn_State/Bidirectional_Promoters"><h3>Bidirectional Promoters</h3></a> 
+
-
      <div id="center"><img src="https://static.igem.org/mediawiki/2012/e/e1/Bidir.jpg"></div>     
+
-
      <p>     
+
-
      <p>     
+
-
      <p class="block">Promoters usually initiate translation in one direction. Which promoters promote both foward and reverse on the mRNA strand?
+
-
<p class="readmore"><a href="https://2012.igem.org/Team:Penn_State/Bidirectional_Promoters">read more...</a></p>
+
-
      </div>
+
-
 
+
-
 
+
-
 
+
-
    <div id="boxRight"><a href="https://2012.igem.org/Team:Penn_State/Codon_Optimization"><h3>Codon Optimization</h3></a>
+
-
    <div id="right"><img src="https://static.igem.org/mediawiki/2012/7/7a/Codopt.jpg"></div></p> 
+
-
      <p>     
+
-
      <p>     
+
-
      <p>     
+
-
      <p class="block">Each organism has a preferred sequence for each amino acid. What happens when the cell is overloaded by one amino acid codon?<p class="readmore">
+
-
<a href="https://2012.igem.org/Team:Penn_State/Codon_Optimization">read more...</a></p>
+
-
      </div>
+
-
 
+
   </div>
   </div>
-
 
+
 
-
 
+
 
   <div id="sidebar">
   <div id="sidebar">
     <h3>Check these Out!</h3>
     <h3>Check these Out!</h3>
     <ul class="sidelink">
     <ul class="sidelink">
-
       <li><a href="https://2012.igem.org/Team:Penn_State/Judgin_Criteria">Judging Criteria</a></li>
+
       <li><a href="https://2012.igem.org/Team:Penn_State/Judging_Criteria">Judging Criteria</a></li>
       <li><a href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a></li>
       <li><a href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a></li>
       <li><a href="https://2012.igem.org/Team:Penn_State/Human_Practices">Human Practices</a></li>
       <li><a href="https://2012.igem.org/Team:Penn_State/Human_Practices">Human Practices</a></li>
     </ul>
     </ul>
-
 
+
    <h3>Picture Gallery</h3>
-
  <h3>Photo Gallery</h3>
+
    <img class="photo" src="../images/test.jpg" height="100" width="130" alt="" />
-
  <div id="photo">
+
    <h3>Projects</h3>
-
  </div>
+
-
 
+
-
<h3>Projects</h3>
+
     <ul>
     <ul>
       <li><a href="https://2012.igem.org/Team:Penn_State/Multiple_Start_Codons">Multiple Start Codons</a></li>
       <li><a href="https://2012.igem.org/Team:Penn_State/Multiple_Start_Codons">Multiple Start Codons</a></li>
Line 446: Line 461:
     </ul>
     </ul>
   </div>
   </div>
-
 
-
 
   <div id="footer">
   <div id="footer">
-
     <p><strong>&copy; Hannah Jepsen-Burger<a href="#"></a></strong> | Follow us on Twitter<a href="#"></a></p>
+
     <p><strong>&copy; Hannah Jepsen-Burger</strong> | Follow us on Twitter<a href="#"></a></p>
   </div>
   </div>
</div>
</div>
 +
</body>
</body>
</html>
</html>

Revision as of 03:30, 26 October 2012

Bidirectional Promoters Overview

Bidirectional Promoters

Scientists are frequently confounded by wayward promoters; that is, promoters which do not produce the expected proteins. Some bidirectional promoters are known to exist, but which way they promote and the degree of expression has not been quantified. This project will test the directionality of several BioBrick promoters to answer these questions.

Bidirectional Promoters

Sample navigation menu:

Overview | Design | Results

Measured Fluorescence