Difference between revisions of "Template:Penn"

Line 1: Line 1:
−
{{Penn1}}
+
{{Template_All_Teams}}
−
<html>
+
  
−
<div class="highlightBox">
+
<!-- Declare that you are going to use html code instead of wiki code -->
−
<h4 style = "text-align: center;text-indent:0px; color:purple"> ORTHOGONAL BACTERIAL COMMUNICATION WITH LUMINESCENCE & LIGHT-ACTIVATED TRANSCRIPTION FACTORS </h4>
+
<html>
−
</div>
+
  
−
<h4 style = "color: blue"> INTRODUCTION: </h4>
+
<!-- Start of CSS-->
−
<p> Although they are small, bacteria are capable of surviving in complex networks and harsh environments. In order to be able to do so effectively, bacterial species often depend on quorum sensing as a means of regulating gene expression based on population density. This means of communication has been studied in a species of bacteria known as Vibrio fisheri. The crux of the mechanism lies in a chemical produced by the bacteria known as AHL. This molecule, developed through transcription of the LuxI gene, binds to a transcriptional regulator only at high population levels and activates transcription of the “lux box.” Expression of the lux box causes the bacteria to produce luminescence (Popham & Stevens).</p>
+
<style type="text/css">
  
−
<p>Although quorum sensing through a chemical like AHL is incredibly effective, there are a few limitations when it comes to applying this type of system to more complex synthetic biology projects. Namely, a chemical output is pervasive and diffuses throughout the whole medium. Therefore, it is not possible to only target communication and response from a certain region of bacteria. Additionally, in order for communication to occur between two bacterium, they have to share the same environment. </p>
+
/* PAGE LAYOUT */
  
 +
/* Change Background color*/
 +
body {
 +
background-color: #fff;
 +
}
  
−
<h4 style = "color: blue">PROJECT GOALS </h4>
+
/* Creates a container that will wrap all of the content inside your wiki pages. */
−
<p> The 2015 iGEM Team proposes that these caveats can be addressed by accomplishing light based communication of bacterial cells. This type of communication would involve one cell producing light and when the population density is high enough, a second receiver cell would respond to it and express a certain gene. This type of a circuit design could lead to various novel synthetic biology advancements as light can be localized as well as shine through boundaries.</p>
+
#mainContainer { 
 +
width: 978px;
 +
overflow:hidden;
 +
float:left;
 +
margin-left:20px;
 +
margin-bottom: 10px;
 +
background-color: #fff;
 +
border-bottom: 14px solid #565656;
 +
border-right: 2px solid #565656;
 +
border-left: 2px solid #565656;
 +
border-top: 2px solid #565656;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
  
 +
/* Creates the container for the menu */
 +
#menuContainer  {
 +
float:left;
 +
width: 134px;
 +
padding: 20px 0px;
 +
border-top: 14px solid #565656;
 +
background-color: #E8E8E9;
 +
}
  
−
<h4 style = "color: blue">CIRCUIT DESIGN</h4>
+
/* Creates the container for the content */
 +
#contentContainer {
 +
padding-top:20px;
 +
padding-right:10px;
 +
margin-bottom: 20px;
 +
width: 814px;
 +
padding-left: 20px;
 +
float: left;
 +
background-color: #fff;
 +
border-top: 14px solid #565656;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
  
−
<p> The receiver cell will contain plasmid pDawn. In the presence of light from an external light source, the YFI gene will phosphorylate FixJ will in repress the expression of the lambda repressor. This will then allow for the expression of the gene in the multiple cloning site. A reporter gene such as lacZ will be cloned into the multiple cloning site. The first experiment will test this circuit design in order to determine if light produced externally (artificially) is sufficient to trigger the light-activated transcription factor.</p>
+
/*Set up height place holder for the banner*/
 +
#bannerContainer {
 +
height:200px;
 +
margin:auto;
 +
text-align:center;
 +
color: #24B694;
 +
}
  
−
<div id = "figureBox" style = "margin-left: auto; margin-right:auto; width: 20000px; text-align:left;"><img style = "width: 700px;" src = "https://static.igem.org/mediawiki/2015/2/28/IGEM_1.png">
+
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
−
</div>
+
  
−
<p>The sender cell will contain a constitutive promoter that is continuously expressed followed by the lux box. The lux box, responsible for luminescence contains the genes LuxC, D, A, B, E and G. Collectively, the genes encode for luciferase, the substrate tetradecanal and increase light output. The receiver cell plasmid will be cloned into this construct in order to ensure that the light produced by the lux box is sufficient to activate the light-activated transcription factor.</p>
+
/*Change the styling of text for everything inside main container*/
 +
#mainContainer p {
 +
font-size: 13px;
 +
color: #000000;
 +
}
 +
 +
/*This changes the color and font family */
 +
#contentContainer h1, h2, h3, h4, h5, h6 {
 +
color: #565656;
 +
border-bottom: none;
 +
font-weight: bold;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
margin-top:10px;
 +
}
  
−
<div id = "figureBox" style = "margin-left: auto; margin-right:auto; width:20000px; text-align:left;"><img style = "width: 280px;" src = "https://static.igem.org/mediawiki/2015/4/42/IGEM_2.png">
+
/*Style of the links - links are different inside the menu */
 +
#contentContainer a {
 +
font-weight: bold;
 +
color: #23b593;
 +
}
 +
 
 +
  /* Styling links on hover- links are different inside the menu */
 +
#contentContainer a:hover {
 +
color: #59bf92;
 +
}
 +
 
 +
/*Change the styling of tables */
 +
        #contentContainer table {
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    width: 90%
 +
    margin: auto;
 +
    margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    margin-right: 10px;
 +
    margin-left: 10px;
 +
    }
 +
 
 +
/*Change the styling of table cells*/
 +
    #contentContainer  td {
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
 +
 
 +
/*Change the styling of table headers */
 +
    #contentContainer th {
 +
    background-color: #E8E8E9;
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
 +
 
 +
 
 +
 
 +
/*MENU STYLING */
 +
 
 +
/*Styling for the links in the menu */
 +
#menuContainer a {
 +
color: #565656;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
 +
 
 +
/* Sets the style for lists inside menuContainer  */
 +
#menuContainer ul {
 +
list-style: none;
 +
margin-left:0px;
 +
}
 +
 
 +
/*Styles the list items to become menu buttons */
 +
#menuContainer ul li {
 +
text-align: center;
 +
display: block;
 +
width: 100%;
 +
height:30px;
 +
padding-top:10px;
 +
}
 +
 
 +
/*For the menu buttons, changes the color when hovering*/
 +
#menuContainer li:hover {
 +
color:  #FFF;
 +
background-color: #24B694;
 +
}
 +
 
 +
/*Submenus are not displayed as default*/
 +
#menuContainer li ul {
 +
display: none;
 +
padding-top:15px;
 +
margin-left: -19px;
 +
}
 +
 
 +
/*Submenus are displayed when hovering the menu button */
 +
#menuContainer li:hover ul {
 +
/*display: inline-block; */
 +
display: block;
 +
position: absolute;
 +
float:right;
 +
margin-left: 134px;
 +
margin-top:-42px;
 +
}
 +
 
 +
/*Style the submenu buttons*/
 +
#menuContainer li ul li{
 +
background-color: #59BF92;
 +
padding-left:20px;
 +
padding-right:20px;
 +
height:30px;
 +
padding-top:10px;
 +
margin-top:-2px;
 +
color: #565656;
 +
width: 150px;
 +
}
 +
 
 +
/*CLASSES */
 +
 
 +
/*Clear class for all the pages, adds spacing too*/
 +
.clear{
 +
clear:both;
 +
height: 10px;
 +
}
 +
 
 +
 
 +
/* highlight box for special messages */
 +
    .highlightBox {
 +
        width:500px;
 +
        margin:auto;
 +
        background-color: #E8E8E9;
 +
margin-bottom: 15px;
 +
margin-top: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
    }
 +
 
 +
 
 +
</style>
 +
<!-- End of CSS -->
 +
 
 +
 
 +
<!-- Start of the template html elements. -->
 +
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 +
 
 +
 
 +
 
 +
<div id="bannerContainer"> <img style = "width: 1000px; height: 200px"
 +
src = "https://static.igem.org/mediawiki/2015/5/50/PENN_IGEM_Banner.png">
 
</div>
 
</div>
  
−
<p> If both the previously described fast fail experiments are successful, the following further experiments can be performed to examine to further the development and understanding of light based communication: </p>
+
<!-- Start of menu -->
−
<ul>
+
<div id="menuContainer">
−
<li> The distance at which the light source can be separated from the transcription factor with production of lacZ</li>
+
 
−
<li> Impact of a strong constitutive promoter </li>
+
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
−
<li> A tag added to luciferase at the C-terminus to direct it to the membrane</li>
+
<ul>
−
</ul>
+
<a href="https://2015.igem.org/Team:Penn"><li>HOME</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Penn/Team"><li>TEAM</li></a>
 +
 
 +
<a href="#"><li>PROJECT
 +
            <ul>
 +
<a href="https://2015.igem.org/Team:Penn/Description"><li>Description</li></a>
 +
<a href="https://2015.igem.org/Team:Penn/Experiments"><li>Experiments &amp; Protocols</li></a> 
 +
<a href="https://2015.igem.org/Team:Penn/Results"><li>Results</li></a> 
 +
<a href="https://2015.igem.org/Team:Penn/Design"><li>Design</li></a>
 +
</ul>
 +
</li></a>
 +
 
 +
<a href="#"><li>PARTS
 +
            <ul>
 +
<a href="https://2015.igem.org/Team:Penn/Parts"><li>Team Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Penn/Basic_Part"><li>Basic Parts</li></a> 
 +
<a href="https://2015.igem.org/Team:Penn/Composite_Part"><li>Composite Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Penn/Part_Collection"><li>Part Collection</li></a> 
 +
</ul>
 +
</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Penn/Notebook"><li>NOTEBOOK</li></a>
 +
     
 +
<a href="https://2015.igem.org/Team:Penn/Attributions"><li>ATTRIBUTIONS</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Penn/Collaborations"><li>COLLABORATIONS</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Penn/Practices"><li>HUMAN PRACTICES</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Penn/Safety"><li>SAFETY</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Penn/Modeling"><li>MODELING</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Penn/Measurement"><li>MEASUREMENT</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Penn/Software"><li>SOFTWARE</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Penn/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
  
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
</ul>
 +
</div>
 +
<!-- End of menu  -->
  
 +
<!-- Start of content -->
 +
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
</html>
 
</html>

Revision as of 00:38, 23 July 2015