Team:Penn State/Project

From 2012.igem.org

(Difference between revisions)
Line 6: Line 6:
<meta name="author" content="Your Name" />
<meta name="author" content="Your Name" />
-
<title>andreas02 v3.0</title>
+
<title>Projects</title>
<style type="text/css">
<style type="text/css">
-
body {background:#e0e0e0; color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
+
body {
 +
background:#e0e0e0;
 +
color:#303030;
 +
font:76% tahoma, verdana, sans-serif;
 +
margin:0;
 +
padding:15px 0 0;
 +
}
#container {
#container {
background: #fff;
background: #fff;
Line 17: Line 23:
/* Site title */
/* Site title */
 +
#logo {
#logo {
margin: 15px 0 0;
margin: 15px 0 0;
}
}
-
#logo h1 a {border:none; color:#505050;}
+
#logo h1 a {
-
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
+
border:none;
-
#logo p {font-size:1.3em; color:#505050; margin:0 0 20px 0;}
+
color:#505050;
 +
}
 +
#logo h1 a:hover {
 +
border:none;
 +
color:#303030;
 +
text-decoration:none;
 +
}
 +
#logo p {
 +
font-size:1.3em;
 +
color:#505050;
 +
margin:0 0 20px 0;}
/* Tags */
/* Tags */
 +
a {
a {
color: #303030;
color: #303030;
Line 35: Line 53:
border-bottom-color: #505050;
border-bottom-color: #505050;
}
}
-
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
+
a:hover {
-
a img {border:0;}
+
border-bottom:1px solid #505050;
-
a:visited {color: #oc9}
+
color:#303030;
-
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
+
text-decoration:none;
 +
}
 +
a img {
 +
border:0;
 +
}
 +
a:visited {
 +
color: #oc9
 +
}
 +
h1 {
 +
font-size:2.2em;
 +
font-weight:400;
 +
margin:0 0 5px;
 +
padding:0;
 +
}
h2 {
h2 {
font-size: 24pt;
font-size: 24pt;
Line 48: Line 79:
text-align: center;
text-align: center;
}
}
-
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
+
h3 {
 +
font-size:1.4em;
 +
font-weight:400;
 +
margin:0 0 10px;
 +
}
p {
p {
line-height: 1.5em;
line-height: 1.5em;
Line 55: Line 90:
color: #000;
color: #000;
}
}
-
ul,ol {margin:0 0 15px 15px; padding:0;}
+
ul,ol {
-
li {margin:0 0 3px 0;}
+
margin:0 0 15px 15px;
-
 
+
padding:0;
-
 
+
}
-
 
+
li {
-
 
+
margin:0 0 3px 0;
 +
}
/* Navitabs menu */
/* Navitabs menu */
-
#navitabs {clear:both;}
+
 
-
.navitab {background:#e0e0e0 url(http://2012.igem.org/wiki/images/7/72/Corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
+
#navitabs {
-
.navitab:hover {background:#d0d0d0 url(http://2012.igem.org/wiki/images/7/72/Corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
+
clear:both;
-
.activenavitab {background:#505050 url(http://2012.igem.org/wiki/images/7/72/Corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
+
}
-
.activenavitab:hover {color:#fff; text-decoration:none;}
+
.navitab {
 +
background:#e0e0e0 url(http://2012.igem.org/wiki/images/7/72/Corner.gif) top right no-repeat;
 +
border-bottom:1px solid #fff;
 +
border-left:1px solid #fff;
 +
font-size:1.1em; margin:0 0 4px;
 +
padding:4px 8px;
 +
text-decoration:none;
 +
}
 +
.navitab:hover {
 +
background:#d0d0d0 url(http://2012.igem.org/wiki/images/7/72/Corner.gif) top right no-repeat;
 +
border-bottom:1px solid #fff;
 +
text-decoration:none;
 +
}
 +
.activenavitab {
 +
background:#505050 url(http://2012.igem.org/wiki/images/7/72/Corner.gif) top right no-repeat;
 +
color:#fff; font-size:1.1em;
 +
margin:0 0 5px; padding:4px 8px 5px;
 +
text-decoration:none;
 +
}
 +
.activenavitab:hover {
 +
color:#fff;
 +
text-decoration:none;
 +
}
/* Header description area */
/* Header description area */
-
#desc {clear: both;
+
 
 +
#desc {
 +
clear: both;
color: #fff; /* height:200px; */
color: #fff; /* height:200px; */
margin: 5px 0 15px;
margin: 5px 0 15px;
padding: 0 0 5px 0;
padding: 0 0 5px 0;
background-image: url(http://2012.igem.org/wiki/images/a/aa/Nav3.jpg);
background-image: url(http://2012.igem.org/wiki/images/a/aa/Nav3.jpg);
-
background-color: black;
+
background-color: black;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: left bottom;
background-position: left bottom;
Line 88: Line 148:
color: #FFF;
color: #FFF;
}
}
-
#desc h2 {
+
#desc h3 {
color: #fff;
color: #fff;
padding: 15px 15px 0;
padding: 15px 15px 0;
text-align: left;
text-align: left;
-
text-size: 18pt;
+
font-size: 18pt;
-
font-size: 16pt;
+
        text-decoration: none;
 +
        padding-bottom: 10px;
 +
}
 +
#desc a {
 +
border-color:#fff;
 +
color:#fff;
 +
text-decoration:none;
}
}
-
#desc a {border-color:#fff; color:#fff; text-decoration:none;}
 
/* Main content */
/* Main content */
 +
#main {
#main {
border-right: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
Line 111: Line 177:
padding-left: 0;
padding-left: 0;
}
}
-
 
/* Sidebar */
/* Sidebar */
-
#sidebar {float:right; width:150px;}
+
 
-
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
+
#sidebar {
-
#sidebar ul {margin:0 0 15px 0; padding:0;}
+
float:right;
-
#sidebar li {list-style:none;}
+
width:150px;
-
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
+
}
-
ul.sidelink li a{background:#f0f0f0 url(http://2012.igem.org/wiki/images/7/72/Corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;}
+
#sidebar p {
-
ul.sidelink li a:hover {background:#e0e0e0 url(http://2012.igem.org/wiki/images/7/72/Corner.gif) top right no-repeat; border:none; text-decoration:none;}
+
font-size:0.9em;
 +
line-height:1.3em;
 +
margin:0 0 15px;
 +
}
 +
#sidebar ul {
 +
margin:0 0 15px 0;
 +
padding:0;
 +
}
 +
#sidebar li {
 +
list-style:none;
 +
}
 +
ul.sidelink li {
 +
list-style:none;
 +
margin:0 0 3px;
 +
padding:0;
 +
}
 +
ul.sidelink li a{
 +
background:#f0f0f0 url(http://2012.igem.org/wiki/images/7/72/Corner.gif) top right no-repeat;
 +
border:none;
 +
display:block;
 +
margin:5px 10px 5px 0;
 +
padding:3px 4px 3px 8px;
 +
text-align:left;
 +
width:140px;
 +
}
 +
ul.sidelink li a:hover {
 +
background:#e0e0e0 url(http://2012.igem.org/wiki/images/7/72/Corner.gif) top right no-repeat;
 +
border:none;
 +
text-decoration:none;
 +
}
/* Footer */
/* Footer */
-
#footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;}
+
 
-
#footer a {color:gray;}
+
#footer {background:#fff;
-
#footer a:hover {color:#303030;}
+
border-top:1px solid #d8d8d8;
-
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;}
+
clear:both; margin:0;
 +
padding:0;
 +
}
 +
#footer a {
 +
color:gray;
 +
}
 +
#footer a:hover {
 +
color:#303030;
 +
}
 +
#footer p {
 +
color:gray;
 +
font-size:1.1em;
 +
line-height:1.3em;
 +
margin:15px 0 0;
 +
padding:0;
 +
}
/* Additional classes */
/* Additional classes */
-
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
+
 
-
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
+
.photo {
-
.right {margin:-8px 0 8px 0; text-align:right;}
+
background-color:#f0f0f0;
 +
border:1px solid #d8d8d8;
 +
margin:0 0 15px;
 +
padding:2px;
 +
}
 +
.right {
 +
margin:-8px 0 8px 0;
 +
text-align:right;
 +
}
.block {
.block {
padding: 10px;
padding: 10px;
Line 137: Line 254:
font-size: 12px;
font-size: 12px;
}
}
-
.block a: {color: #000;
+
.block a: {
 +
color: #000;
border: none;
border: none;
text-decoration:none;
text-decoration:none;
Line 147: Line 265:
text-decoration:none
text-decoration:none
}  
}  
-
.hide {display:none;
+
.hide {
 +
display:none;
color: #000;
color: #000;
-
}
 
-
 
-
#blenderAni {
 
-
height: 250px;
 
-
width: 400px;
 
-
background-color: #999;
 
-
margin-left: 135px;
 
}
}
#boxLeft {
#boxLeft {
Line 165: Line 277:
margin-top: 10px;
margin-top: 10px;
margin-right: 16px;
margin-right: 16px;
 +
margin-bottom: 10px;
 +
padding-bottom: 10px;
margin-bottom: 10px;
margin-bottom: 10px;
}
}
-
#left {width:188px;}
+
#boxLeft h3 {
 +
font-family: Verdana, Geneva, sans-serif;
 +
font-size: 16px;
 +
color: #101010;
 +
background-color: #FF9;
 +
text-align: center;
 +
padding-top: 8px;
 +
padding-bottom: 8px;
 +
}
#boxRight {
#boxRight {
background-color: #f0f0f0;
background-color: #f0f0f0;
Line 177: Line 299:
margin-right: 5px;
margin-right: 5px;
padding-bottom: 10px;
padding-bottom: 10px;
-
margin-bottom: 10px;
+
margin-bottom: 10px;
-
 
+
-
+
}
}
-
#right {width:188px;}
+
#boxRight h3 {
-
 
+
-
.mscProj {
+
font-family: Verdana, Geneva, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-size: 16px;
-
color: #333;
+
color: #101010;
-
background-color: #FF9;
+
-
text-align: center;
+
-
padding-top: 5px;
+
-
padding-right: 8px;
+
-
padding-bottom: 5px;
+
-
}
+
-
.biDirProj {
+
-
font-family: Verdana, Geneva, sans-serif;
+
-
font-size: 16px;
+
-
background-color: #69F;
+
-
color: #333;
+
-
text-align: right;
+
-
padding-top: 5px;
+
-
padding-right: 5px;
+
-
padding-bottom: 5px;
+
-
}
+
-
.codOptProj {
+
-
font-family: Verdana, Geneva, sans-serif;
+
-
font-size: 16px;
+
-
color: #333;
+
background-color: #F99;
background-color: #F99;
text-align: center;
text-align: center;
-
padding-top: 5px;
+
padding-top: 8px;
-
padding-right: 0px;
+
padding-bottom: 8px;
-
padding-bottom: 5px;
+
}
-
}
+
-
 
+
-
 
+
#boxCenter {
#boxCenter {
background-color: #f0f0f0;
background-color: #f0f0f0;
Line 226: Line 321:
padding-bottom: 5px;
padding-bottom: 5px;
}
}
-
#center {width:188px;}
+
#boxCenter h3 {
 +
font-family: Verdana, Geneva, sans-serif;
 +
font-size: 16px;
 +
color: #101010;
 +
background-color: #39f;
 +
text-align: center;
 +
padding-top: 8px;
 +
padding-bottom: 8px;
 +
}
 +
#right {
 +
width:188px;
 +
}
 +
#center {
 +
width:188px;
 +
}
 +
#left {
 +
width:188px;
 +
}
.readmore {
.readmore {
font-family: Tahoma, Geneva, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
Line 246: Line 358:
         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 255: Line 374:
   <div id="logoiGEM"></div>
   <div id="logoiGEM"></div>
   <div id="psuLogo"><img src="http://2012.igem.org/wiki/images/f/f9/PsuLogo.jpeg"></div>
   <div id="psuLogo"><img src="http://2012.igem.org/wiki/images/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="http://2012.igem.org/Team:Penn_State">Home</a><span class="hide"> | </span> <a class="navitab" href="http://2012.igem.org/Team:Penn_State/Team">Team</a><span class="hide"> | </span> <a class="activenavitab" href="http://2012.igem.org/Team:Penn_State/Project">Projects</a><span class="hide"> | </span> <a class="navitab" href="http://2012.igem.org/Team:Penn_State/Parts">Parts</a><span class="hide"> | </span> <a class="navitab" href="http://2012.igem.org/Team:Penn_State/Modeling">Modeling </a><span class="hide"> | </span> <a class="navitab" href="http://2012.igem.org/Team:Penn_State/Notebook">Notebook</a><span class="hide"> | </span> <a class="navitab" href="http://2012.igem.org/Team:Penn_State/Safety">Other</a> </div>
+
  <a class="navitab" href="http://2012.igem.org/Team:Penn_State">Home</a><span class="hide"></span>
 +
<a class="navitab" href="http://2012.igem.org/Team:Penn_State/Team">Team</a><span class="hide"> </span>  
 +
<a class="activenavitab" href="http://2012.igem.org/Team:Penn_State/Project">Projects</a><span class="hide"></span>  
 +
<a class="navitab" href="http://2012.igem.org/Team:Penn_State/Parts">Parts</a><span class="hide"></span>  
 +
<a class="navitab" href="http://2012.igem.org/Team:Penn_State/Modeling">Modeling </a><span class="hide"></span>  
 +
<a class="navitab" href="http://2012.igem.org/Team:Penn_State/Notebook">Notebook</a><span class="hide"></span>  
 +
<a class="navitab" href="http://2012.igem.org/Team:Penn_State/Safety">Other</a> </div>
 +
 
   <div id="desc">
   <div id="desc">
-
     <h2>Team Projects</h2>
+
     <h3>Team Projects</h3>
-
     <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. 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>
+
 
-
     <p class="right"><a href="http://2012.igem.org/Team:Penn_State/Parts">Parts</a> &raquo;</p>
+
     <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.  
-
  </div>
+
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>
 +
     <p class="right"><a href="http://2012.igem.org/Team:Penn_State/Parts">Parts</a></div>
 +
 
   <div id="main">
   <div id="main">
-
     <div class="mscProj" id="boxLeft"><span class="mscProj">Multiple Start Codons</span></span>
+
 
 +
     <div id="boxLeft"><a href="http://2012.igem.org/Team:Penn_State/Multiple_Start_Codons"><h3>Multiple Start Codons</h3></a>
       <div id="left"><img src="http://2012.igem.org/wiki/images/2/23/Msc.jpg"></div>       
       <div id="left"><img src="http://2012.igem.org/wiki/images/2/23/Msc.jpg"></div>       
       <p>       
       <p>       
       <p>       
       <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 class="readmore"><a href="http://2012.igem.org/Team:Penn_State/Multiple_Start_Codons">read more...</a>                                
+
       <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="http://2012.igem.org/Team:Penn_State/Multiple_Start_Codons">read more...</a></p>                               
       </div>
       </div>
-
     <div class="biDirProj" id="boxCenter"><span class="biDirProj">BidirectionalPromoters</span>  
+
 
 +
 
 +
 
 +
     <div id="boxCenter"><a href="http://2012.igem.org/Team:Penn_State/Bidirectional_Promoters"><h3>Bidirectional Promoters</h3></a>
       <div id="center"><img src="http://2012.igem.org/wiki/images/e/e1/Bidir.jpg"></div>       
       <div id="center"><img src="http://2012.igem.org/wiki/images/e/e1/Bidir.jpg"></div>       
       <p>       
       <p>       
       <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="http://2012.igem.org/Team:Penn_State/Bidirectional_Promoters">read more...</a>
+
       <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="http://2012.igem.org/Team:Penn_State/Bidirectional_Promoters">read more...</a></p>
       </div>
       </div>
-
     <div class="codOptProj" id="boxRight"><span class="codOptProj"> Codon Optimization</span>
+
 
-
     <div id="right"><img src="http://2012.igem.org/wiki/images/7/7a/Codopt.jpg"></div>  
+
 
 +
 
 +
     <div id="boxRight"><a href="http://2012.igem.org/Team:Penn_State/Codon_Optimization"><h3>Codon Optimization</h3></a>
 +
     <div id="right"><img src="http://2012.igem.org/wiki/images/7/7a/Codopt.jpg"></div></p> 
       <p>       
       <p>       
       <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="http://2012.igem.org/Team:Penn_State/Codon_Optimization">read more...</a>  
+
       <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="http://2012.igem.org/Team:Penn_State/Codon_Optimization">read more...</a></p>
       </div>
       </div>
-
    <h2>&nbsp;</h2>
+
 
   </div>
   </div>
 +
 +
   <div id="sidebar">
   <div id="sidebar">
     <h3>Check these Out!</h3>
     <h3>Check these Out!</h3>
Line 294: Line 435:
     </ul>
     </ul>
-
    <h3>Projects</h3>
+
  <h3>Photo Gallery</h3>
 +
  <div id="photo">
 +
  </div>
 +
 
 +
<h3>Projects</h3>
     <ul>
     <ul>
       <li><a href="http://2012.igem.org/Team:Penn_State/Multiple_Start_Codons">Multiple Start Codons</a></li>
       <li><a href="http://2012.igem.org/Team:Penn_State/Multiple_Start_Codons">Multiple Start Codons</a></li>
Line 301: Line 446:
     </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<a href="#"></a></strong> | Follow us on Twitter<a href="#"></a></p>
   </div>
   </div>
</div>
</div>
-
<!-- InstanceEndEditable -->
 
</body>
</body>
-
<!-- InstanceEnd --></html>
+
</html>

Revision as of 20:46, 20 October 2012

Projects

Team Projects

Utilizing synthetic biology cloning techniques, the Penn State iGEM team has designed three genetic constructs that test the most basic assumptions of molecular biology. 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.

Parts

Multiple Start Codons

mRNA strands should have only one recognized start codon. What happens when multiple start codons are introduced in translation?

read more...

Bidirectional Promoters

Promoters usually initiate translation in one direction. Which promoters promote both foward and reverse on the mRNA strand?

read more...

Codon Optimization

Each organism has a preferred sequence for each amino acid. What happens when the cell is overloaded by one amino acid codon?

read more...