Team:Northwestern

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:Northwestern/Templates/Skinning}}
{{:Team:Northwestern/Templates/Skinning}}
-
<!--{{:Team:Northwestern/Templates/Header}}-->
 
-
<html>  
+
<html>
<style>
<style>
Line 10: Line 9:
}*/
}*/
-
* {  
+
* {
-
background-color: #F6CEF5;  
+
background-color: #FFF;
-
font-family: Arial, Helvetica, sans-serif;
+
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
}
-
.top-bar {  
+
.menu-bar {  
     text-align: right;  
     text-align: right;  
     font-size: 14px;   
     font-size: 14px;   
     width: 100%;
     width: 100%;
-
     height: 30px;
+
     height: 20px;
-
    vertical-align: 100px;
+
     display: block;
     display: block;
     vertical-align: bottom;  
     vertical-align: bottom;  
-
    margin:auto;
 
}
}
-
.top-bar a {  
+
.menu-bar a {  
-
    margin-left: 10px;
+
     color: black;
     color: black;
text-decoration: none;
text-decoration: none;
 +
margin-left: 15px;
}
}
-
.header {
+
#header {
-
     width: 900px;  
+
     width: 1000px;  
-
     height: 70px;  
+
     height: 75px;  
-
     margin: auto;
+
     margin-left: auto;
 +
    margin-right: auto;
 +
    margin-top: 0px;
     display: block;
     display: block;
-
    /*background-color: blue;*/
+
/*   margin-top: 20px;  
-
    margin-top: 20px;  
+
     margin-bottom: 20px; */
-
     margin-bottom: 20px;
+
  vertical-align: middle;
 +
 
}
}
#title {  
#title {  
-
     font-size: 48px;  
+
     font-size: 24px;  
-
     font-style: bold;  
+
     font-style: bold;
-
text-align:center
+
    display: inline-block;
 +
}
 +
 
 +
#warning {
 +
color: red;  
 +
text-align: center;
 +
display: block;
 +
vertical-align: bottom;
}
}
.gallery{
.gallery{
-
    width: 900px;  
+
width: 900px;
-
    height: 300px;  
+
height: 300px;
-
    margin: auto;  
+
margin: auto;
-
    display: block;
+
display: block;
-
    background-color: green;
+
background-color: #EAEAEA;
}
}
Line 68: Line 75:
#project-description {  
#project-description {  
width: 900px;  
width: 900px;  
-
margin: auto;
+
height: 200px;
 +
margin: auto;  
display: block;  
display: block;  
-
font-size: 14px;
+
font-size: 16px;
}
}
-
.text_box_one {
+
.first-row {  
-
    border: 3px dashed black;
+
width: 100%;  
-
    width: 250px;  
+
height: 300px;  
-
    height: 250px;
+
display: block;  
-
    margin: auto;
+
background-color: #6A0888;  
-
    display: inline-block;
+
margin-bottom: 0px;
-
    padding: 4px;
+
}
}
-
.text_box_two {
+
#problem {  
-
    border: 3px dashed green;
+
color: #FFF;
-
    width: 333px;  
+
width: 25%;
-
    height: 333px;
+
display: inline-block;
-
    margin: auto;
+
background-color: #6A0888;
-
    display: inline-block;
+
height: 270px;
-
    padding: 4px;
+
padding-left: 125px;
 +
vertical-align: middle;
 +
margin:auto;  
}
}
-
.tb_top {
+
#pH {  
-
    display: block;
+
color: #FFF;
-
    margin: auto;
+
width: 25%;
-
    text-align:center;
+
display: inline-block;
-
    vertical-align: middle;
+
background-color: #6A0888;
-
    margin-top: 20px;  
+
vertical-align: middle;
 +
height: 270px;
 +
padding-left: 25px;
 +
padding-right: 25px;
 +
margin: auto;
}
}
-
.tb_bottom {
+
#dual-state {  
-
    display: block;
+
color: #FFF;
-
    margin: auto;
+
width: 25%;
-
    text-align: center;
+
display: inline-block;
-
    vertical-align: middle;
+
background-color: #6A0888;
 +
height: 270px;
 +
vertical-align: middle;
 +
margin: auto;
}
}
 +
 +
#first-row-title {
 +
text-align: center;
 +
background-color: #6A0888;
 +
vertical-align: middle;
 +
padding-top: 70px;
 +
text-align: center;
 +
}
 +
 +
#first-row-description {
 +
text-align: center;
 +
background-color: #6A0888;
 +
vertical-align: middle;
 +
text-align: center;
 +
}
 +
 +
#sponsors {
 +
width: 100%;
 +
height: 500px;
 +
display: block;
 +
background-color: black;
 +
margin: 0px 0px 0px 0px;
 +
}
 +
 +
#thanks {
 +
color: white;
 +
display: inline-block;
 +
text-align: center;
 +
background-color: black;
 +
width: 100%;
 +
font-size: 24px;
 +
}
 +
 +
#logos-warning {
 +
color: red;
 +
display: inline-block;
 +
text-align: center;
 +
background-color: black;
 +
width: 100%;
 +
font-size: 20px;
 +
}
 +
 +
#companies {
 +
color: white;
 +
display: block;
 +
background-color: black;
 +
width: 100%;
 +
text-align: center;
 +
font-size: 20px;}
</style>  
</style>  
-
<div class = "top-bar">  
+
<div class = "menu-bar">  
   
   
     <a href = "https://2013.igem.org/Team:Northwestern"> Home </a>  
     <a href = "https://2013.igem.org/Team:Northwestern"> Home </a>  
Line 115: Line 180:
     <a href = "https://2013.igem.org/Team:Northwestern/Project"> Project </a>
     <a href = "https://2013.igem.org/Team:Northwestern/Project"> Project </a>
     <a href = "https://2013.igem.org/Team:Northwestern/Parts"> Parts Submitted </a>
     <a href = "https://2013.igem.org/Team:Northwestern/Parts"> Parts Submitted </a>
-
     <a href = https://2013.igem.org/Team:Northwestern/Modeling"> Modeling </a>
+
     <a href = "https://2013.igem.org/Team:Northwestern/Modeling"> Modeling </a>
     <a href = "https://2013.igem.org/Team:Northwestern/Notebook"> Notebook </a>
     <a href = "https://2013.igem.org/Team:Northwestern/Notebook"> Notebook </a>
     <a href = "https://2013.igem.org/Team:Northwestern/Safety"> Safety </a>
     <a href = "https://2013.igem.org/Team:Northwestern/Safety"> Safety </a>
Line 122: Line 187:
</div>  
</div>  
-
<div class = "header">  
+
<div id= "header">  
-
    <p id = "title"> Northwestern iGEM </p> </br>
+
<p id = "title"> Northwestern iGEM </p>  
-
    <p style = "font-size:16px; color:red"> The site is currently under construction. The page will be pretty later. I promise!</p>  
+
<p id = "warning"> The site is currently under construction. The page will be pretty later. I promise!</p>  
</div>  
</div>  
Line 132: Line 197:
     GALLERY
     GALLERY
</div>
</div>
 +
<p id = "project-description-title"> Project Description </p>
<div id = "project-description">  
<div id = "project-description">  
-
    <p id = "project-description-title"> Project Description </p>
+
    This year the Northwestern iGEM team has decided to focus on oral health care as the theme of our project. It has been well characterized that lactic acid secreted by natural bacteria in the human mouth decreases pH, leading to cavity formation. The enamel demineralization threshold is known to be around pH 5.5. Previous research has found that the genes asr and gadA are highly expressed near pH 5.5 and below. Our project aims to take a two-pronged approach at combating the natural lactic acid secretion. We plan to create a promoter that is always on at a basal level as well as one that is induced to express at a high level as a result of low pH. This project will lay the foundation for a significant amount of research as the dual-state promoter that we develop could then be incorporated with a gene related to lactic acid catabolism or neutralization.  
-
 
+
</div>  
-
<p> This year the Northwestern iGEM team has decided to focus on oral health care as the theme of our project. It has been well characterized that lactic acid secreted by natural bacteria in the human mouth decreases pH, leading to cavity formation. The enamel demineralization threshold is known to be around pH 5.5. Previous research has found that the genes asr and gadA are highly expressed near pH 5.5 and below. Our project aims to take a two-pronged approach at combating the natural lactic acid secretion. We plan to create a promoter that is always on at a basal level as well as one that is induced to express at a high level as a result of low pH. This project will lay the foundation for a significant amount of research as the dual-state promoter that we develop could then be incorporated with a gene related to lactic acid catabolism or neutralization.  
+
-
    </p>  
+
 +
<div class = "first-row">
 +
<div id = "problem">
 +
<p id = "first-row-title"> Summary of Problem </p>
 +
<p id = "first-row-description"> Following any meals, the pH within the mouth usually drop substantially which can lead to cavities. </p>
 +
</div>
 +
<div id = "pH">
 +
<p id = "first-row-title"> pH </p> 
 +
<p id = "first-row-description"> The first step in combating cavities is to create a bacteria that can detect pH. </p>
 +
</div>
 +
<div id = "dual-state">
 +
<p id = "first-row-title"> Dual State Promoter </p>
 +
<p id = "first-row-description"> In order to be able to produce quick response in addition to a basal level, the team has designed the dual state promoter. </p>
 +
</div>
</div>
</div>
-
<div class = "tb_top">
+
<div id= "sponsors">  
-
<div class = "text_box_one">
+
-
    TEXTBOX 1
+
-
</div>  
+
-
<div class = "text_box_one">
+
<!-- Make clickable logos!!! -->
-
    TEXTBOX 2
+
-
</div>
+
-
<div class = "text_box_one">
+
<p id = "thanks"> We thank our sponsors for making everything possible! </p> </br>  
-
    TEXTBOX 3
+
<p id = "logos-warning"> Logos coming soon! </p>
-
</div>  
+
<p id = "companies"> Northwestern University </p>  
 +
<p id = "companies"> VWR </p>
 +
<p id = "companies"> Epoch </p> 
 +
<p id = "companies"> IDT </p> 
 +
<p id = "companies"> NU Genomics Core </p> 
 +
<p id = "companies"> Fischer </p>
 +
</div>
</div>
-
<div class = "tb_bottom">
 
-
<div class = "text_box_two">
 
-
    TEXTBOX 4
 
-
</div>
 
-
<div class = "text_box_two">
+
<!--
-
    TEXTBOX 5
+
VWR
-
</div>  
+
Epoch
 +
IDT
 +
NU Genomics Core
 +
 
 +
-->  
-
<div class = "text_box_two">
 
-
    TEXTBOX 6
 
-
</div>
 
-
</div>
 
</html>
</html>

Revision as of 22:28, 21 August 2013

Home Team Official Team Profile Project Parts Submitted Modeling Notebook Safety Attributions
GALLERY

Project Description

This year the Northwestern iGEM team has decided to focus on oral health care as the theme of our project. It has been well characterized that lactic acid secreted by natural bacteria in the human mouth decreases pH, leading to cavity formation. The enamel demineralization threshold is known to be around pH 5.5. Previous research has found that the genes asr and gadA are highly expressed near pH 5.5 and below. Our project aims to take a two-pronged approach at combating the natural lactic acid secretion. We plan to create a promoter that is always on at a basal level as well as one that is induced to express at a high level as a result of low pH. This project will lay the foundation for a significant amount of research as the dual-state promoter that we develop could then be incorporated with a gene related to lactic acid catabolism or neutralization.

Summary of Problem

Following any meals, the pH within the mouth usually drop substantially which can lead to cavities.

pH

The first step in combating cavities is to create a bacteria that can detect pH.

Dual State Promoter

In order to be able to produce quick response in addition to a basal level, the team has designed the dual state promoter.

We thank our sponsors for making everything possible!


Logos coming soon!

Northwestern University

VWR

Epoch

IDT

NU Genomics Core

Fischer

Retrieved from "http://2013.igem.org/Team:Northwestern"