Team:Penn

From 2014.igem.org

(Difference between revisions)
m (italicized text)
(Change the entire web design layout)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
 +
<html>
<html>
 +
<head>
<style>
<style>
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
h2
+
#content { /*-- changes default wiki settings --*/
-
{
+
width: 100%;
-
font-size:22px
+
height: 100%;
 +
border: none;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
}
}
-
p
+
#menubar {
-
{
+
    width: auto;}
-
font-size:18px
+
-
}
+
-
.color_block
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-
{
+
    display:none;}
-
height:300px
+
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#top-section-bar {
 +
border: none;
 +
    height: 0px;
}
}
 +
/*Remove "teams" from the menubar*/
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
/*Transparent the log in/out button*/
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: white;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: white;}
</style>
</style>
-
<!--  here ends the section that changes the default wiki template to a white full width background -->
+
<link href="https://98c43ce680a0761e7c3ad3c1d7ae34f6de6db886.googledrive.com/host/0B9QyOqpKYA2gdGV2aGFRMWh4aXM/home.css" rel="stylesheet" type="text/css">
 +
<link href="http://fonts.googleapis.com/css?family=Arimo" rel="stylesheet" type="text/css">
-
<!-- beginning of your page -->
+
</head>
-
<!-- menu -->
+
<body>
-
<table id="menu" width="100%"  cellspacing="0" height="75px">
+
<!-- navigation bar -->
-
<tr>
+
<div id="nav">
-
<td  bgColor="#FFFFFF"></td>
+
-
<td valign="bottom"  width="975px" align="center" bgColor="#FFFFFF">
+
-
<table align="center">
+
<div id="school_title">
-
<tr height="40px">
+
<img src="https://static.igem.org/mediawiki/2014/e/e0/Penn_Shield.png" width="50px">
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
<p>University of Pennsylvania</p>
-
<a href="https://2014.igem.org/Team:Penn"style="text-decoration:none;color:#1C140D">HOME </a> </td>  
+
</div>
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>  
+
<ul>
-
<a href="https://2014.igem.org/Team:Penn/Project" style="text-decoration:none;color:#1C140D">PROJECT</a> </td>
+
<li><a href="https://2014.igem.org/Team:Penn">HOME </a></li>
 +
<li>|</li>
 +
<li><a href="https://2014.igem.org/Team:Penn/Project" >PROJECT</a></li>
 +
<li>|</li>
 +
<li><a href="https://2014.igem.org/Team:Penn/Parts">PARTS</a></li>
 +
<li>|</li>
 +
<li><a href="https://2014.igem.org/Team:Penn/Team">TEAM </a></li>
 +
<li>|</li>
 +
<li><a href="https://2014.igem.org/Team:Penn/Notebook">NOTEBOOK</a></li>
 +
<li>|</li>
 +
<li><a href="https://2014.igem.org/Team:Penn/Safety">SAFETY </a></li>
 +
<li>|</li>
 +
<li><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="35px"></a></li>
 +
</ul>
 +
</div>
 +
<!-- end of navigation bar -->
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
<!-- start of content -->
-
<a href="https://2014.igem.org/Team:Penn/Parts" style="text-decoration:none;color:#1C140D">PARTS</a></td>  
+
<div id="body_wrapper">
 +
<iframe id="center_video" src="" frameborder="0" allowfullscreen></iframe>
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>  
+
<p id="photo_credit">Photo by Scott Spitzer, University of Pennsylvania</p>
-
<a href="https://2014.igem.org/Team:Penn/Team" style="text-decoration:none;color:#1C140D">TEAM </a> </td>
+
<div id="sponsorship_wrapper">
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
<table id="sponsorship">
-
<a href="https://2014.igem.org/Team:Penn/Notebook" style="text-decoration:none;color:#1C140D">NOTEBOOK </a> </td>
+
<!--<h2>Sponsors</h2>-->
-
 
+
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
+
-
<a href="https://2014.igem.org/Team:Penn/Safety" style="text-decoration:none;color:#1C140D">SAFETY </a></td>
+
-
 
+
-
<td align="center" width="162px" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="40px"></a></td>
+
-
</tr>
+
-
 
+
-
</table>
+
-
 
+
-
</td>
+
-
<td  bgColor="#FFFFFF"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of menu -->
+
-
 
+
-
 
+
-
<!-- First block of content -->
+
-
<table  id="firstblock" width="100%"  cellspacing="0" height="300px">
+
<tr>
<tr>
-
<td bgColor="#FFFFFF"></td>
+
<td><img class="logo" src="https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png"></td>
-
<td width="975px" align="center" bgColor="#FFFFFF" >
+
<td>
-
 
+
<img class="logo" src="http://bio-meme.com/img/logo.png"></td>
-
<!-- You can replace this image with your team's logo! -->
+
<td><img class="logo" src="https://www.neb.com/~/media/NebUs/Navigation/logo-NEB.png"></td>
-
<img src="https://static.igem.org/mediawiki/2013/5/57/UPenn_logo.png" width="500px">
+
-
<!--<h3>Welcome!  <br> We are Team Penn! </h3>
+
-
<p>Scroll down to find more about our project! </p>-->
+
-
 
+
-
</td>
+
-
<td bgColor="#FFFFFF"></td>
+
</tr>
</tr>
-
</table>
 
-
<!-- end of first block -->
 
-
 
-
 
-
 
-
<!--  Block of content 1 -->
 
-
<table class="color_block" width="100%"  cellspacing="0" align="center">
 
-
<tr><td  bgColor="#FEE5AD"></td>
 
-
<td width="975px" align="center" bgColor="#FEE5AD" >
 
-
<table  class="color_block" width="975px"  cellspacing="0">
 
<tr>
<tr>
-
 
+
<!--<td><img class="logo" src="https://static.igem.org/mediawiki/2014/3/3f/Genscript_logo2014.gif"></td>-->>
-
<td width="95%" bgColor="#FEE5AD"  rowspan="3" align="left">
+
-
 
+
-
<!-- Content goes here -->
+
-
<!--<img src="https://static.igem.org/mediawiki/2014/0/0a/DwikitemplateB_dnastrand.png">-->
+
-
<h3>What?</h3>
+
-
<p>This summer, the UPenn 2014 iGEM team worked to engineer a complex genetic system that utilizes quorum sensing in bacteria. Our novel genetic pathway is designed to incorporate two orthogonal, or completely independent quorum sensing molecules to regulate the population levels of <i> E. Coli </i> and <i>Streptomyces griesius </i> in a co-culture. The population levels are determined by controlling the quorum sensing signals through external stimuli. Heat and IPTG act as tuning dials to dictate the exact composition of the composite population; adjustments can result in desired population ratios of <i> E. Coli </i> and <i> Streptomyces griesius </i>.</p>
+
-
</td>
+
-
 
+
-
 
+
-
<!-- This is the back to top button -->
+
-
<td bgColor=#FEE5AD> </td>
+
-
<tr><td bgColor=#FEE5AD></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
</table>
+
-
 
+
-
 
+
-
</td>
+
-
<td bgColor="#FEE5AD"></td>
+
</tr>
</tr>
</table>
</table>
-
<!-- end of Block-->
+
</div>
-
 
+
</div>
-
 
+
<!--end of content -->
-
 
+
-
<!--  Block of content 2 -->
+
-
<table class="color_block" width="100%"  cellspacing="0">
+
-
<tr>
+
-
<td  bgColor="#FACA66"></td>
+
-
<td width="975px" align="center" bgColor="#FACA66" >
+
-
 
+
-
<table  class="color_block" width="975px"  cellspacing="0">
+
-
<tr>
+
-
<td width="95%" bgColor="#FACA66"  rowspan="3" align="left">
+
-
 
+
-
<!-- Content goes here -->
+
-
<!--<img src="https://static.igem.org/mediawiki/2014/b/b5/Dnastrand3.png">-->
+
-
<h3> How?</h3>
+
-
<p>Our project will incorporate a genetic circuit with two orthogonal pathways that regulates the population level of <i> E. Coli </i> and <i> Streptomyces griesius </i>. Upon adding necessary inputs to our system, tetracycline will be produced in the <i> Streptomyces griesius </i> and LuxS will be produced in the <i> E. Coli </i>. Both these products act as quorum sensing molecules. The tetracycline strain 1 will communicate with strain 2, causing the population to grow due to the production of methionine, an essential amino acid. Simultaneously, the luxS will communicate with strain 1 to produce a second essential amino acid, lysine, thereby fostering the growth of strain 1. The population level of strain 1 can be controlled with heat, and the growth of strain two is mitigated by IPTG.</p>
+
-
 
+
-
 
+
-
</td> 
+
-
 
+
-
 
+
-
<!-- This is the back to top section -->
+
-
<td bgColor=#FACA66> </td>
+
-
<tr><td bgColor=#FACA66></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
</table>
+
-
 
+
-
</td>
+
-
<td bgColor="#FACA66"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of Block-->
+
-
 
+
-
 
+
-
 
+
-
<!--  Block of content 3 -->
+
-
 
+
-
<table class="color_block" width="100%"  cellspacing="0">
+
-
<tr>
+
-
<td  bgColor="#F7A541"></td>
+
-
<td width="975px" align="center" bgColor="#F7A741" >
+
-
 
+
-
<table  class="color_block" width="975px"  cellspacing="0">
+
-
<tr>
+
-
<td width="95%" bgColor="#F7A541"  rowspan="3" align="left">
+
-
 
+
-
<!-- Content goes here -->
+
-
 
+
-
<!--<img src="https://static.igem.org/mediawiki/2014/7/7d/Gears.png">-->
+
-
<h3>Why?</h3>
+
-
<p>
+
-
The largest obstacle the medical field and the drug industry face today are the lack of testing options for new drugs and the latest treatments. Of the many animal models and other experimental methods that exist, none simulate the complexity of the microenvironments found in the human body like the gut or the mouth. This makes the testing and distribution of the most novel and potentially life saving treatments difficult and time consuming. At the same time, these testing methods may not provide the most accurate results of how treatments will affect the human body.
+
-
</p>
+
-
</td> 
+
-
 
+
-
 
+
-
<!-- This is the back to top section -->
+
-
<td bgColor=#F7A541> </td>
+
-
<tr><td bgColor=#F7A541></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
 
+
-
</table>
+
-
 
+
-
 
+
-
</td>
+
-
<td bgColor="#F7A541"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of Block-->
+
-
 
+
-
 
+
-
<!--  Block of content 4 -->
+
-
<table class="color_block" width="100%"  cellspacing="0">
+
-
<tr>
+
-
<td  bgColor="#F45D4C"></td>
+
-
<td width="975px" align="center" bgColor="#F45D4C" >
+
-
 
+
-
<table  class="color_block" width="975px"  cellspacing="0">
+
-
<tr>
+
-
<td width="95%" bgColor="#F45D4C"  rowspan="3" align="left">
+
-
<!-- Content goes here -->
+
-
 
+
-
<!--<img src="https://static.igem.org/mediawiki/2014/c/ce/Dnastrand2.png">-->
+
-
<h3> Microbiome?</h3>
+
-
<p> Microbiomes are small scale environments found in nature that are filled with bacterial ecosystems. These miniscule systems are found in the soil, water sources, and even in the human body. The ecosystems found in microbiomes are organized by bacterial quorum sensing, chemical signaling between bacteria of the same and different species. By using quorum sensing, bacteria can tell species to grow and divide, secrete a particular compound, or to reduce populations by dieing. In this way, quorum sensing tunes the microenvironment by regulating the populations of certain bacteria by telling some to grow and others to die. </p>
+
-
 
+
-
</td> 
+
-
 
+
-
 
+
-
<!-- This is the back to top section -->
+
-
<td bgColor=#F45D4C> </td>
+
-
<tr><td bgColor=#F45D4C ></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
 
+
-
</table>
+
-
</td>
+
-
<td bgColor="#F45D4C"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of Block-->
+
-
 
+
-
 
+
-
<!--  Block of content 5 -->
+
-
<table class="color_block" width="100%"  cellspacing="0">
+
-
<tr>
+
-
<td  bgColor="#F7A541"></td>
+
-
<td width="975px" align="center" bgColor="#F7A541" >
+
-
 
+
-
<table  class="color_block" width="975px"  cellspacing="0">
+
-
<tr>
+
-
<td width="95%" bgColor="#F7A541"  rowspan="3" align="left">
+
-
 
+
-
<!-- Content goes here -->
+
-
 
+
-
<!--<img src="https://static.igem.org/mediawiki/2014/7/7d/Gears.png">-->
+
-
<h3> How will our project help?</h3>
+
-
<p> The goal of our project is to use our genetic circuit that uses quorum sensing to control the populations of two different strains of bacteria in a coculture. By exploiting quorum sensing in a similar way bacteria found in the gut, mouth, and on skin do, we hope to create a microbiome that can someday be used to simulate those of the body. This microbiome will be the first step in using synthetic biology to create more accessible, safer, and more accurate drug testing platforms.</p>
+
-
</td> 
+
-
 
+
-
 
+
-
<!-- This is the back to top section -->
+
-
<td bgColor=#F7A541> </td>
+
-
<tr><td bgColor=#F7A541></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
 
+
-
</table>
+
-
 
+
-
 
+
-
</td>
+
-
<td bgColor="#F7A541"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of Block-->
+
-
 
+
-
 
+
-
<!-- Final block of content
+
-
<table  id="firstblock" width="100%"  cellspacing="0" height="200px">
+
-
<tr>
+
-
<td  bgColor="#FFFFFF"></td>
+
-
<td width="975px" align="center" bgColor="#FFFFFF" >
+
-
 
+
-
<p>Here you can place the logos of your sponsors or other links!</p>
+
-
 
+
-
</td>
+
-
<td bgColor="#FFFFFF"></td>
+
-
</tr>
+
-
</table>-->
+
-
<!-- end of final block -->
+
 +
</body>
</html>
</html>

Revision as of 15:12, 23 July 2014

Photo by Scott Spitzer, University of Pennsylvania

>

Retrieved from "http://2014.igem.org/Team:Penn"