Difference between revisions of "Template:Penn"

 
(84 intermediate revisions by the same user not shown)
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>
+
-->
−
</div>
+
<html>
  
−
<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">
 +
/* "auto" makes the left and right margins center the wrapper */
  
−
<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>
+
#wrap {
 +
width: 1400px;
 +
margin-right: center; 
 +
margin-left: center;
  
 +
 +
}
 +
</style>
  
−
<h4 style = "color: blue">PROJECT GOALS </h4>
+
<style type="text/css">
−
<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>  
+
@charset "utf-8";
 +
/*
 +
Template Name: BusinessToday
 +
Author: <a href="http://www.os-templates.com/">OS Templates</a>
 +
Author URI: http://www.os-templates.com/
 +
Licence: Free to use under our free template licence terms
 +
Licence URI: http://www.os-templates.com/template-terms
 +
File: Layout CSS
 +
*/
 +
@charset "utf-8";
 +
/*
 +
Template Name: BusinessToday
 +
Author: <a href="http://www.os-templates.com/">OS Templates</a>
 +
Author URI: http://www.os-templates.com/
 +
Licence: Free to use under our free template licence terms
 +
Licence URI: http://www.os-templates.com/template-terms
 +
File: Navigation CSS
 +
*/
  
 +
#topnav{display:block; float:left; width:660px; margin:0; padding:0; list-style:none; font-size:13px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000;}
 +
#topnav ul, #topnav li{float:left; list-style:none; margin:0; padding:0;}
 +
#topnav li a:link, #topnav li a:visited, #topnav li a:hover{display:block; margin:0; padding:15px 20px; color:#FFFFFF; background-color:#000000;}
 +
#topnav ul ul li a:link, #topnav ul ul li a:visited{border:none;}
 +
#topnav li.last a{margin-right:0;}
 +
#topnav li a:hover, #topnav ul li.active a{color:#FFFFFF; background-color:#059BD8;}
 +
#topnav li li a:link, #topnav li li a:visited{width:150px; float:none; margin:0; padding:7px 10px; font-size:12px; font-weight:normal; color:#FFFFFF; background-color:#000000;}
 +
#topnav li li a:hover{color:#FFFFFF; background-color:#059BD8;}
 +
#topnav li ul{background:#FFFFFF; z-index:9999; position:absolute; left:-999em; height:auto; width:170px; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
 +
#topnav li ul a{width:140px;}
 +
#topnav li ul ul{margin:-32px 0 0 0;}
 +
#topnav li:hover ul ul{left:-999em;}
 +
#topnav li:hover ul, #topnav li li:hover ul{left:auto;}
 +
#topnav li:hover{position:static;}
 +
#topnav li.last a{margin-right:0;}
  
−
<h4 style = "color: blue">CIRCUIT DESIGN</h4>
+
/* ----------------------------------------------Column Navigation------------------------------------- */
  
−
<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>
+
#column .subnav{display:block; width:250px; padding:25px; background-color:#F9F9F9; margin-bottom:30px;}
 +
#column .subnav h2{margin:0 0 20px 0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; background-color:#F9F9F9; line-height:normal; border-bottom:1px dotted #666666;}
 +
#column .subnav ul{margin:0; padding:0; list-style:none;}
 +
#column .subnav li{margin:0 0 3px 0; padding:0;}
 +
#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}
 +
#column .subnav a{display:block; margin:0; padding:5px 10px 5px 20px; color:#777777; background:url("images/blue_file.gif") no-repeat 10px center #F9F9F9; text-decoration:none; border-bottom:1px dotted #666666;}
 +
#column .subnav a:hover{color:#2684B7; background-color:#F9F9F9;}
 +
#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url("images/black_file.gif") no-repeat #F9F9F9;}
 +
#column .subnav ul ul a{padding-left:40px; background-position:30px center;}
 +
#column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
 +
#column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
 +
#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}
 +
@charset "utf-8";
 +
/*
 +
Template Name: BusinessToday
 +
Author: <a href="http://www.os-templates.com/">OS Templates</a>
 +
Author URI: http://www.os-templates.com/
 +
Licence: Free to use under our free template licence terms
 +
Licence URI: http://www.os-templates.com/template-terms
 +
File: Forms CSS
 +
*/
  
−
<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">
+
form, fieldset, legend{margin:0; padding:0; border:none;}
−
</div>
+
legend{display:none;}
  
−
<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>
+
/* ----------------------------------------------Newsletter Form------------------------------------- */
 +
 
 +
#header input{display:block; float:left; width:155px; margin:0 11px 0 0; padding:5px; color:#4C4C4C; background-color:#FFFFFF; border:1px solid #396B86; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
 +
#header input#news_go{width:auto; height:auto; margin:0; padding:4px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; background-color:#4D9FC7; cursor:pointer;}
 +
 
 +
/* ----------------------------------------------Search Form------------------------------------- */
 +
 
 +
#topbar input{display:block; float:left; width:155px; margin:0 5px 0 0; padding:5px; color:#B6B6B6; background-color:#525252; border:1px solid #343434; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
 +
#topbar input#go{width:68px; height:26px; margin:0; padding:4px 0; text-transform:uppercase; color:#FFFFFF; background-color:#059BD8; border-color:#396B86; cursor:pointer; font-weight:bold;}
 +
 
 +
/* ----------------------------------------------Forms in Content Area------------------------------------- */
 +
 
 +
#container #respond{display:block; width:100%;}
 +
#container #respond input{width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;}
 +
#container #respond textarea{width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;}
 +
#container #respond p{margin:5px 0;}
 +
#container #respond #submit, #container #respond #reset{margin:0; padding:5px; color:#666666; background-color:#F7F7F7; border:1px solid #CCCCCC; cursor:pointer;}
 +
 
 +
/* ----------------------------------------------Newsletter------------------------------------- */
 +
 
 +
#footer form{display:block; width:300px; margin:0; padding:10px 0 0 0; border:none;}
 +
#footer input{display:block; width:218px; margin:0 0 10px 0; padding:5px; color:#FFFFFF; background-color:#2684B7; border:1px solid #1C5E82; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
 +
#footer input#login_go{width:58px; height:62px; margin:0; padding:0; font-weight:bold; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size:60px; cursor:pointer;}
 +
@charset "utf-8";
 +
/*
 +
Template Name: BusinessToday
 +
Author: <a href="http://www.os-templates.com/">OS Templates</a>
 +
Author URI: http://www.os-templates.com/
 +
Licence: Free to use under our free template licence terms
 +
Licence URI: http://www.os-templates.com/template-terms
 +
File: Tables CSS
 +
*/
 +
 
 +
table{width:100%; border-collapse:collapse; table-layout:auto; vertical-align:top; margin-bottom:15px; border:1px solid #CCCCCC;}
 +
table thead th{color:#FFFFFF; background-color:#666666; border:1px solid #CCCCCC; border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
 +
table tbody td{vertical-align:top; border-collapse:collapse; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
 +
table thead th, table tbody td{padding:5px; border-collapse:collapse;}
 +
table tbody tr.light{color:#666666; background-color:#F7F7F7;}
 +
table tbody tr.dark{color:#666666; background-color:#E8E8E8;}
 +
 
 +
html{overflow-y:scroll;}
 +
body{margin:0; padding:0; font-size:12px; font-family:verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#29313C;}
 +
 
 +
.justify{text-align:justify;}
 +
.bold{font-weight:bold;}
 +
.center{text-align:center;}
 +
.right{text-align:right;}
 +
.nostart{margin:0; padding:0; list-style-type:none;}
 +
 
 +
.clear{clear:both;}
 +
br.clear{clear:both; margin-top:-15px;}
 +
 
 +
a{outline:none; text-decoration:none;}
 +
 
 +
.fl_left, .imgl{float:left;}
 +
.fl_right, .imgr{float:right;}
 +
 
 +
img{display:block; margin:0; padding:0; border:0;}
 +
.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
 +
.imgl{margin:0 8px 8px 0; clear:left;}
 +
.imgr{margin:0 0 8px 8px; clear:right;}
 +
 
 +
/* ----------------------------------------------Wrapper------------------------------------- */
 +
 
 +
div.wrapper{display:block; width:100%; margin:0; text-align:left;}
 +
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0 0 20px 0; padding:0 0 8px 0; font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px dotted #DDDDDD;}
 +
.col1{color:#666666; background-color:#E3F1F9;}
 +
.col2{color:#FFFFFF; background-color:#000000;}
 +
.col3, .col4, .col5{color:#666666; background-color:#FFFFFF;}
 +
.col6{color:#999999; background-color:#F3F3F3;}
 +
.col6 a{color:#2684B7; background-color:#F3F3F3;}
 +
.col7, .col7 a{color:#FFFFFF; background-color:#29313C;}
 +
 
 +
/* ----------------------------------------------Generalise------------------------------------- */
 +
 
 +
#header, #topbar, #intro, #services, #breadcrumb, #container, #footer, #copyright{display:block; position:relative; width:960px; margin:0 auto;}
 +
 
 +
/* ----------------------------------------------Header------------------------------------- */
 +
 
 +
#header{padding:30px 0; font-family:Georgia, "Times New Roman", Times, serif;}
 +
#header #logo{display:block; float:left; width:300px; margin-top:7px;}
 +
#header #logo h1, #header #logo p{margin:0; padding:0; line-height:normal;}
 +
#header #logo h1{margin:0 0 10px 0; padding:0; font-size:36px; border:none;}
 +
#header h1 a{color:#3A6C86; background-color:#E3F1F9;}
 +
#header #newsletter{float:right; padding:10px 10px 12px 10px; color:#000000; background-color:#ADD6ED;}
 +
#header #newsletter p{margin:0 0 8px 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
 +
 
 +
/* ----------------------------------------------Topbar------------------------------------- */
 +
 
 +
#topbar{z-index:1000;}
 +
#topbar #search{display:block; float:right; width:242px; height:36px; margin:0; padding:10px 0 0 17px; color:#FFFFFF; background-color:#000000; border-left:1px dotted #666666; overflow:hidden;}
 +
 
 +
/* ----------------------------------------------Homepage Intro------------------------------------- */
 +
 
 +
#intro{padding:30px 0 5px 0; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;}
 +
#intro .fl_left{display:block; float:left; width:515px; height:240px; margin:0; padding:30px; color:#FFFFFF; background-color:#2684B7;}
 +
#intro .fl_left h2{font-size:46px; margin:0 0 15px 0; padding:0; border:none; color:#FFFFFF; background-color:#2684B7;}
 +
#intro .fl_left p{margin:0; padding:0; line-height:1.6em;}
 +
#intro .fl_left p.readmore{display:block; width:100%; margin:20px 0 0 0; padding:0; text-align:right; line-height:normal;}
 +
#intro .fl_left p.readmore a{padding:8px 15px; font-size:18px; color:#FFFFFF; background-color:#1C5E82;}
 +
#intro .fl_right{float:right;}
 +
 
 +
/* ----------------------------------------------Services------------------------------------- */
 +
 
 +
#services ul, #services p, #services h2, #services img{margin:0; padding:0; list-style:none;}
 +
#services li{display:block; float:left; width:294px; height:180px; margin:0 9px 0 0; padding:10px; color:#666666; background-color:#EFEFEF;}
 +
#services li:hover, #services li:hover h2{color:#666666; background-color:#E5E5E5;}
 +
#services li.last{margin-right:0;}
 +
#services .fl_right{display:block; float:right; width:185px; padding:10px 0 0 0;}
 +
#services h2{margin:0 0 5px 0; padding:0 0 3px 0; font-size:14px; font-weight:bold; color:#666666; background-color:#EFEFEF; border-bottom-color:#666666;}
 +
#services p{margin:0; padding:0; line-height:1.6em;}
 +
#services p.readmore{display:block; width:100%; margin:15px 0 0 0; padding:0; text-align:right; line-height:normal;}
 +
#services p.readmore a{padding:8px 15px; font-weight:bold; color:#FFFFFF; background-color:#666666;}
 +
 
 +
/* ----------------------------------------------BreadCrumb------------------------------------- */
 +
 
 +
#breadcrumb{padding:30px 0; border-bottom:1px solid #CCCCCC;}
 +
#breadcrumb a{color:#2684B7; background-color:#FFFFFF;}
 +
#breadcrumb ul{margin:0; padding:0; list-style:none;}
 +
#breadcrumb ul li{display:inline;}
 +
#breadcrumb ul li.current a{text-decoration:underline;}
 +
 
 +
/* ----------------------------------------------Content------------------------------------- */
 +
 
 +
#container{padding:30px 0; line-height:1.4em;}
 +
#container a{color:#2684B7; background-color:#FFFFFF;}
 +
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{padding-bottom:8px; border-bottom:1px dotted #CCCCCC;}
 +
#content{display:block; float:left; width:600px;}
 +
 
 +
/* Comments */
 +
 
 +
#comments{margin-bottom:40px;}
 +
#comments .commentlist{margin:0; padding:0;}
 +
#comments .commentlist ul{margin:0; padding:0; list-style:none;}
 +
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
 +
#comments .commentlist li.comment_odd{color:#666666; background-color:#FFFFFF;}
 +
#comments .commentlist li.comment_odd a{color:#3E7060; background-color:#FFFFFF;}
 +
#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
 +
#comments .commentlist li.comment_even a{color:#3E7060; background-color:#E8E8E8;}
 +
#comments .commentlist .author .name{font-weight:bold;}
 +
#comments .commentlist .submitdate{font-size:smaller;}
 +
#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}
 +
#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}
 +
 
 +
/* ----------------------------------------------Column------------------------------------- */
 +
 
 +
#column{display:block; float:right; width:300px;}
 +
.flickrbox ul{margin:0; padding:0; list-style:none;}
 +
.flickrbox li{display:block; float:left; width:80px; height:80px; margin:0 15px 15px 0; padding:4px; color:#666666; background-color:#FFFFFF; border:1px solid #CCCCCC;}
 +
.flickrbox li.last{margin-right:0;}
 +
#column .holder, #column #featured{display:block; width:300px; margin-bottom:20px;}
 +
#column .holder h2.title{display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:20px; line-height:normal; border-bottom:1px dashed #666666;}
 +
#column .holder h2.title img{float:left; margin:-15px 8px 0 0; padding:5px; border:1px solid #666666;}
 +
#column div.imgholder{display:block; width:290px; margin:0 0 10px 0; padding:4px; color:#666666; background-color:#FFFFFF; border:1px solid #CCCCCC;}
 +
#column .holder p.readmore{display:block; width:100%; font-weight:bold; text-align:right; line-height:normal;}
 +
 
 +
/* Featured Block */
 +
 
 +
#column #featured a{color:#666666; background-color:#F9F9F9;}
 +
#column #featured ul, #column #featured h2, #column #featured p{margin:0; padding:0; list-style:none;}
 +
#column #featured a{color:#2684B7; background-color:#F9F9F9;}
 +
#column #featured li{display:block; width:250px; margin:0; padding:20px 25px; color:#666666; background-color:#F9F9F9;}
 +
#column #featured li p.imgholder{display:block; width:240px; height:90px; margin:20px 0 15px 0; padding:4px; border:1px solid #CCCCCC;}
 +
#column #featured li h2{margin:0; padding:0 0 14px 0; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; line-height:normal; border-bottom:1px dashed #666666;}
 +
#column #featured p.readmore{display:block; width:100%; margin-top:15px; font-weight:bold; text-align:right; line-height:normal;}
 +
#column #latestnews{display:block; width:100%; margin:0; padding:0; list-style:none;}
 +
#column #latestnews li{display:block; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:1px dotted #DDDDDD;}
 +
#column #latestnews li.last{margin-bottom:0;}
 +
#column #latestnews p{margin:0; padding:0; line-height:normal;}
 +
#column #latestnews .imgl{margin:0 10px 10px 0; padding:4px;}
 +
 
 +
/* ----------------------------------------------Footer------------------------------------- */
 +
 
 +
#footer{padding:30px 0;}
 +
#footer h2{margin-bottom:10px; border-bottom:1px dotted #999999;}
 +
#footer p, #footer ul, #footer a{margin:0; padding:0; font-weight:normal; list-style:none; line-height:normal;}
 +
#footer .footbox{display:block; float:right; width:190px; margin:0 0 0 30px; padding:0;}
 +
#footer li{margin-bottom:3px; line-height:1.6em;}
 +
#footer .last{margin:0;}
 +
#login{display:block; float:left; width:300px;}
 +
 
 +
/* ----------------------------------------------Copyright------------------------------------- */
 +
 
 +
#copyright{padding:20px 0;}
 +
#copyright p{margin:0; padding:0;}
 +
</style>
  
−
<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">
 
−
</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>
 
−
<ul>
 
−
<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>
 
−
<li> A tag added to luciferase at the C-terminus to direct it to the membrane</li>
 
−
</ul>
 
  
−
</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.-->
 
  
 
</html>
 
</html>

Latest revision as of 16:55, 18 August 2015

{