Team:Penn State/Project
From 2012.igem.org
(25 intermediate revisions not shown) | |||
Line 6: | Line 6: | ||
<meta name="author" content="Your Name" /> | <meta name="author" content="Your Name" /> | ||
- | <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; |
+ | } | ||
+ | #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; |
- | h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;} | + | color:#303030; |
+ | 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 47: | 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 54: | Line 90: | ||
color: #000; | color: #000; | ||
} | } | ||
- | ul,ol {margin:0 0 15px 15px; padding:0;} | + | ul,ol { |
- | li { | + | margin:0 0 15px 15px; |
- | + | padding:0; | |
- | + | } | |
- | + | li { | |
- | + | margin:0 0 3px 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
/* Navitabs menu */ | /* Navitabs menu */ | ||
- | #navitabs {clear:both;} | + | |
- | .navitab {background:#e0e0e0 url(../ | + | #navitabs { |
- | .navitab:hover {background:#d0d0d0 url(../ | + | clear:both; |
- | .activenavitab {background:#505050 url(../ | + | } |
- | .activenavitab:hover {color:#fff; text-decoration:none;} | + | .navitab { |
+ | background:#e0e0e0 url(https://static.igem.org/mediawiki/2012/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(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; | ||
+ | border-bottom:1px solid #fff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .activenavitab { | ||
+ | background:#505050 url(https://static.igem.org/mediawiki/2012/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 { | #desc { | ||
clear: both; | clear: both; | ||
Line 88: | Line 134: | ||
margin: 5px 0 15px; | margin: 5px 0 15px; | ||
padding: 0 0 5px 0; | padding: 0 0 5px 0; | ||
- | background-image: url(../ | + | 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; | ||
text-align: left; | text-align: left; | ||
font-size: 18pt; | font-size: 18pt; | ||
- | |||
- | |||
- | |||
} | } | ||
#desc p { | #desc p { | ||
Line 104: | Line 148: | ||
color: #FFF; | color: #FFF; | ||
} | } | ||
- | #desc | + | #desc h3 { |
color: #fff; | color: #fff; | ||
padding: 15px 15px 0; | padding: 15px 15px 0; | ||
text-align: left; | text-align: left; | ||
- | + | font-size: 18pt; | |
- | + | text-decoration: none; | |
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | #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 127: | 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(../ | + | #sidebar p { |
- | ul.sidelink li a:hover {background:#e0e0e0 url(../ | + | 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(https://static.igem.org/mediawiki/2012/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(https://static.igem.org/mediawiki/2012/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; | + | |
- | + | .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 153: | 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 163: | Line 265: | ||
text-decoration:none | text-decoration:none | ||
} | } | ||
- | .hide {display:none; | + | .hide { |
+ | display:none; | ||
color: #000; | color: #000; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#boxLeft { | #boxLeft { | ||
Line 190: | Line 273: | ||
text-align: left; | text-align: left; | ||
float: left; | float: left; | ||
- | height: | + | height: 260px; |
width: 188px; | width: 188px; | ||
margin-top: 10px; | margin-top: 10px; | ||
margin-right: 16px; | margin-right: 16px; | ||
+ | margin-bottom: 10px; | ||
+ | padding-bottom: 10px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
} | } | ||
- | + | #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; | ||
text-align: left; | text-align: left; | ||
float: left; | float: left; | ||
- | height: | + | height: 260px; |
width: 188px; | width: 188px; | ||
margin-top: 10px; | margin-top: 10px; | ||
margin-right: 5px; | margin-right: 5px; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
- | margin-bottom: 10px; | + | margin-bottom: 10px; |
- | + | ||
} | } | ||
- | + | #boxRight h3 { | |
- | + | ||
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
font-size: 16px; | font-size: 16px; | ||
- | color: # | + | color: #101010; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
background-color: #F99; | background-color: #F99; | ||
text-align: center; | text-align: center; | ||
- | padding-top: | + | padding-top: 8px; |
- | + | padding-bottom: 8px; | |
- | padding-bottom: | + | } |
- | } | + | |
- | + | ||
- | + | ||
#boxCenter { | #boxCenter { | ||
background-color: #f0f0f0; | background-color: #f0f0f0; | ||
text-align: left; | text-align: left; | ||
float: left; | float: left; | ||
- | height: | + | height: 260px; |
width: 190px; | width: 190px; | ||
margin-top: 10px; | margin-top: 10px; | ||
Line 252: | Line 320: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
+ | } | ||
+ | #boxCenter h3 { | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 15px; | ||
+ | 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 { | ||
Line 258: | Line 344: | ||
color: #333333; | color: #333333; | ||
text-align: right; | text-align: right; | ||
+ | } | ||
+ | #logoiGEM { | ||
+ | height: 56px; | ||
+ | width: 140px; | ||
+ | float: right; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2012/e/e9/Sweatshirt_Logofin.jpg); | ||
+ | margin-bottom: 15px; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | #psuLogo { | ||
+ | height: 65px; | ||
+ | width: 116; | ||
+ | float: right; | ||
+ | padding-top: 11px; | ||
+ | } | ||
+ | #photo { | ||
+ | height: 150px; | ||
+ | width: 150px; | ||
+ | background-image: url(#a); | ||
+ | background-color: #f0f0f0; | ||
+ | margin-bottom: 20px; | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
+ | |||
<body> | <body> | ||
<div id="container"> | <div id="container"> | ||
- | + | <div id="logoiGEM"></div> | |
- | <div id=" | + | <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" href="https://2012.igem.org/Team:Penn_State/Team">Team</a><span class="hide"> </span> | ||
+ | <a class="activenavitab" href="https://2012.igem.org/Team:Penn_State/Project">Projects</a><span class="hide"></span> | ||
+ | <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a><span class="hide"></span> | ||
+ | <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Modeling">Main Results</a><span class="hide"></span> | ||
+ | <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Notebook">Notebook</a><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> |
- | <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=" | + | <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="https://2012.igem.org/Team:Penn_State/Parts">Parts>></a></div> | ||
+ | |||
<div id="main"> | <div id="main"> | ||
- | <div | + | |
+ | <div id="boxLeft"><a href="https://2012.igem.org/Team:Penn_State/Multiple_Start_Codons"><h3>Multiple Start Codons</h3></a> | ||
+ | <div id="left"><img src="https://static.igem.org/mediawiki/2012/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> | |
- | <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">read more... | + | <p class="readmore"><a href="https://2012.igem.org/Team:Penn_State/Multiple_Start_Codons">read more...</a></p> |
</div> | </div> | ||
- | <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> | <p> | ||
- | + | <p class="block">Promoters usually initiate translation in one direction. Which promoters promote both foward and reverse on the mRNA strand? | |
- | <p class="block">Promoters usually initiate translation in one direction. Which promoters promote both foward and reverse on the mRNA strand? <p class="readmore">read more... | + | <p class="readmore"><a href="https://2012.igem.org/Team:Penn_State/Bidirectional_Promoters">read more...</a></p> |
</div> | </div> | ||
- | <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> | ||
<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">read more... | + | <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> | ||
+ | |||
+ | |||
<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=" | + | <li><a href="https://2012.igem.org/Team:Penn_State/Judging_Criteria">Judging Criteria</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:Penn_State/Human_Practices">Human Practices</a></li> |
</ul> | </ul> | ||
- | + | ||
- | + | <h3>Photo Gallery</h3> | |
- | + | <div id="photo"> | |
+ | </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=" | + | <li><a href="https://2012.igem.org/Team:Penn_State/Bidirectional_Promoters">Bidirectional Promoters</a></li> |
+ | <li><a href="https://2012.igem.org/Team:Penn_State/Codon_Optimization">Codon Optimization</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | |||
+ | |||
<div id="footer"> | <div id="footer"> | ||
- | <p><strong>© Hannah Jepsen-Burger | + | <p><strong>© Hannah Jepsen-Burger | Follow us on Twitter<a href="#"></a></p> |
</div> | </div> | ||
</div> | </div> | ||
- | |||
</body> | </body> | ||
- | + | </html> |
Latest revision as of 03:00, 27 October 2012
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.
Multiple Start Codons
mRNA strands should have only one recognized start codon. What happens when multiple start codons are introduced in translation?
Bidirectional Promoters
Promoters usually initiate translation in one direction. Which promoters promote both foward and reverse on the mRNA strand?
Codon Optimization
Each organism has a preferred sequence for each amino acid. What happens when the cell is overloaded by one amino acid codon?