Team:Penn State/Project

From 2012.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 +
<head>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<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;
 +
}
-
<html>
+
/* Site title */
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
#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 */
-
{| style="color:#1b2c8a;background-color:#58ACFA;" cellpadding="2px" cellspacing="5px" border="0px" bordercolor="#fff" width="75%" align="center"
+
a {
-
!align="center"|[[Team:Penn_State|Home]]
+
color: #303030;
-
!align="center"|[[Team:Penn_State/Team|Team]]
+
text-decoration: none;
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Penn_State Official Team Profile]
+
border-bottom-width: 1px;
-
!align="center"|[[Team:Penn_State/Project|Project]]
+
border-top-style: none;
-
!align="center"|[[Team:Penn_State/Parts|Parts Submitted to the Registry]]
+
border-right-style: none;
-
!align="center"|[[Team:Penn_State/Modeling|Modeling]]
+
border-bottom-style: none;
-
!align="center"|[[Team:Penn_State/Notebook|Notebook]]
+
border-left-style: none;
-
!align="center"|[[Team:Penn_State/Safety|Safety]]
+
border-bottom-color: #505050;
-
!align="center"|[[Team:Penn_State/Attributions|Attributions]]
+
}
-
|}
+
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 */
-
== '''Overall project''' ==
+
#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;
 +
}
-
Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)
+
/* 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 */
-
== Project Details==
+
.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>
 +
</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>
-
=== Part 2 ===
+
    <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 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>
-
=== The Experiments ===
+
    <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>
-
=== Part 3 ===
+
  </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>
-
== Results ==
+
<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>&copy; Hannah Jepsen-Burger | Follow us on Twitter<a href="#"></a></p>
 +
  </div>
 +
</div>
 +
</body>
 +
</html>

Latest revision as of 03:00, 27 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...

Retrieved from "http://2012.igem.org/Team:Penn_State/Project"