Team:Penn State/Project
From 2012.igem.org
Sgt Bisendi (Talk | contribs) |
|||
(30 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html> | + | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
- | + | ||
<head> | <head> | ||
- | <title> | + | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
- | <style> | + | <meta name="description" content="your description goes here" /> |
+ | <meta name="keywords" content="your,keywords,goes,here" /> | ||
+ | <meta name="author" content="Your Name" /> | ||
+ | |||
+ | <title>Projects</title> | ||
+ | <style type="text/css"> | ||
+ | body { | ||
+ | background:#e0e0e0; | ||
+ | color:#303030; | ||
+ | font:76% tahoma, verdana, sans-serif; | ||
+ | margin:0; | ||
+ | padding:15px 0 0; | ||
+ | } | ||
+ | #container { | ||
+ | background: #fff; | ||
+ | margin: 0 auto 20px; | ||
+ | padding: 5px 20px 20px; | ||
+ | width: 800px; | ||
+ | } | ||
- | + | /* Site title */ | |
- | + | ||
- | + | #logo { | |
- | + | margin: 15px 0 0; | |
- | + | } | |
- | + | #logo h1 a { | |
+ | border:none; | ||
+ | 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 */ | ||
+ | |||
+ | a { | ||
+ | color: #303030; | ||
+ | text-decoration: none; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-style: none; | ||
+ | border-right-style: none; | ||
+ | border-bottom-style: none; | ||
+ | border-left-style: none; | ||
+ | border-bottom-color: #505050; | ||
+ | } | ||
+ | a:hover { | ||
+ | border-bottom:1px solid #505050; | ||
+ | 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 { | ||
+ | font-size: 24pt; | ||
+ | font-weight: bolder; | ||
+ | margin: 0 0 12px; | ||
+ | font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
+ | font-style: normal; | ||
+ | color: #356C80; | ||
+ | text-align: center; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size:1.4em; | ||
+ | font-weight:400; | ||
+ | margin:0 0 10px; | ||
+ | } | ||
+ | p { | ||
+ | line-height: 1.5em; | ||
+ | margin: 0 0 15px; | ||
+ | text-align: left; | ||
+ | color: #000; | ||
+ | } | ||
+ | ul,ol { | ||
+ | margin:0 0 15px 15px; | ||
+ | padding:0; | ||
+ | } | ||
+ | li { | ||
+ | margin:0 0 3px 0; | ||
+ | } | ||
+ | |||
+ | /* Navitabs menu */ | ||
+ | |||
+ | #navitabs { | ||
+ | clear:both; | ||
+ | } | ||
+ | .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 */ | ||
+ | |||
+ | #desc { | ||
+ | clear: both; | ||
+ | color: #fff; /* height:200px; */ | ||
+ | margin: 5px 0 15px; | ||
+ | padding: 0 0 5px 0; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2012/a/aa/Nav3.jpg); | ||
+ | background-color: black; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left bottom; | ||
+ | text-align: left; | ||
+ | font-size: 18pt; | ||
+ | } | ||
+ | #desc p { | ||
+ | font-size: 10pt; | ||
+ | line-height: 1.3em; | ||
+ | padding: 0 0 0 15px; | ||
+ | width: 325px; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | #desc h3 { | ||
+ | color: #fff; | ||
+ | padding: 15px 15px 0; | ||
+ | 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 { | ||
+ | border-right: 1px solid #d8d8d8; | ||
+ | float: left; | ||
+ | width: 620px; | ||
+ | margin-top: 0; | ||
+ | margin-right: 5; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 5; | ||
+ | padding-top: 0; | ||
+ | padding-right: 15px; | ||
+ | padding-bottom: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | /* Sidebar */ | ||
+ | |||
+ | #sidebar { | ||
+ | float:right; | ||
+ | width:150px; | ||
+ | } | ||
+ | #sidebar p { | ||
+ | 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 {background:#fff; | ||
+ | border-top:1px solid #d8d8d8; | ||
+ | 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 */ | ||
+ | |||
+ | .photo { | ||
+ | background-color:#f0f0f0; | ||
+ | border:1px solid #d8d8d8; | ||
+ | margin:0 0 15px; | ||
+ | padding:2px; | ||
+ | } | ||
+ | .right { | ||
+ | margin:-8px 0 8px 0; | ||
+ | text-align:right; | ||
+ | } | ||
+ | .block { | ||
+ | padding: 10px; | ||
+ | background-color: #EBEBEB; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | .block a: { | ||
+ | color: #000; | ||
+ | border: none; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .block a:hover { | ||
+ | color: #090; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | text-decoration:none | ||
+ | } | ||
+ | .hide { | ||
+ | display:none; | ||
+ | color: #000; | ||
+ | } | ||
+ | #boxLeft { | ||
+ | background-color: #f0f0f0; | ||
+ | text-align: left; | ||
+ | float: left; | ||
+ | height: 260px; | ||
+ | width: 188px; | ||
+ | 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: 16px; | ||
+ | color: #101010; | ||
+ | background-color: #FF9; | ||
+ | text-align: center; | ||
+ | padding-top: 8px; | ||
+ | padding-bottom: 8px; | ||
+ | } | ||
+ | #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; | ||
+ | font-size: 16px; | ||
+ | color: #101010; | ||
+ | background-color: #F99; | ||
+ | text-align: center; | ||
+ | padding-top: 8px; | ||
+ | padding-bottom: 8px; | ||
+ | } | ||
+ | #boxCenter { | ||
+ | background-color: #f0f0f0; | ||
+ | text-align: left; | ||
+ | float: left; | ||
+ | height: 260px; | ||
+ | width: 190px; | ||
+ | margin-top: 10px; | ||
+ | margin-right: 16px; | ||
+ | margin-bottom: 10px; | ||
+ | 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 { | ||
+ | font-family: Tahoma, Geneva, sans-serif; | ||
+ | font-size: 12px; | ||
+ | color: #333333; | ||
+ | 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> |
+ | <div id="container"> | ||
+ | <div id="logoiGEM"></div> | ||
+ | <div id="psuLogo"><img src="https://static.igem.org/mediawiki/2012/f/f9/PsuLogo.jpeg"></div> | ||
- | == | + | <div id="navitabs"> |
- | + | <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"> |
- | + | <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="https://2012.igem.org/Team:Penn_State/Parts">Parts>></a></div> | ||
- | = | + | <div id="main"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <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 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> | |
- | </p> | + | |
- | <p> | + | |
- | + | ||
- | </p> | + | <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 id="sidebar"> | ||
+ | <h3>Check these Out!</h3> | ||
+ | <ul class="sidelink"> | ||
+ | <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/Human_Practices">Human Practices</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <h3>Photo Gallery</h3> | ||
+ | <div id="photo"> | ||
+ | </div> | ||
+ | |||
+ | <h3>Projects</h3> | ||
+ | <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/Bidirectional_Promoters">Bidirectional Promoters</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Penn_State/Codon_Optimization">Codon Optimization</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="footer"> | ||
+ | <p><strong>© Hannah Jepsen-Burger | Follow us on Twitter<a href="#"></a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </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?