Team:The Agency Escondido/project

From 2013hs.igem.org

(Difference between revisions)
 
(59 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<!--don't judge only temp -->
+
<style>
-
            <style>
+
                 #top-section #p-logo{display:none;}
                 #top-section #p-logo{display:none;}
                 #ocontent,#header{
                 #ocontent,#header{
Line 7: Line 6:
                     background-color: white;
                     background-color: white;
                 }
                 }
-
                 #ocontent-inner,#header-inner{
+
                 #ocontent-inner{
                     margin-left:auto;
                     margin-left:auto;
                     margin-right:auto;
                     margin-right:auto;
Line 29: Line 28:
                 }
                 }
                 body{
                 body{
-
                     font-family:sans-serif;
+
                     font-famiy:sans-serif;
                     border:none;
                     border:none;
                     margin:0;
                     margin:0;
Line 52: Line 51:
                 #top-section div:hover{
                 #top-section div:hover{
                     background-image:url('https://static.igem.org/mediawiki/2013hs/8/85/Grey_carpet_2013.png');
                     background-image:url('https://static.igem.org/mediawiki/2013hs/8/85/Grey_carpet_2013.png');
-
 
                 }
                 }
                 #menubar{
                 #menubar{
Line 192: Line 190:
                 #topheader-inner{
                 #topheader-inner{
                     width:975px;
                     width:975px;
-
                     margin-left: auto;
+
                     margin-left:auto;
                     margin-right:auto;
                     margin-right:auto;
                 }
                 }
-
                 #sections ul li {
+
                 #nav a{
 +
                    display:block;
 +
                    color:#fff;
 +
                    text-decoration:none;
 +
                }
 +
                #nav li {
                     display:inline;
                     display:inline;
                     margin:5px;
                     margin:5px;
-
                     font-size:16pt;
+
                     font-size:12pt;
                     font-weight:bold;
                     font-weight:bold;
                 }
                 }
-
                 #sections ul li a{color:black;}
+
                 #nav li{color:white;}
 +
                #nav li ul a{color:black;}
                 body{
                 body{
-
                     overflow-y: scroll;
+
                     overflow-y: auto;
                 }
                 }
-
                 #sections ul{
+
                 #nav{
                     width:auto;
                     width:auto;
 +
                    float:left;
                 }
                 }
-
                 #sections{
+
                 #nav ul{
-
                     margin-left:-22px;
+
                     background:rgba(255,255,255,1);
-
                     margin-right:auto;
+
                    list-style:none;
 +
                    position:absolute;
 +
                    left:-9999px;
 +
                }
 +
                #nav{
 +
                    margin-left:440px;
 +
                     margin-right:-70px;
                     position:relative;
                     position:relative;
-
                     top:-30px;
+
                     top:-40px;
 +
                    overflow-x:visible;
                 }
                 }
-
                 #sections #selectedsection{
+
                 #nav li{
-
                     color: #333;
+
                    float:left;
-
                     border-bottom:2px solid black;
+
                    margin-right:10px;
 +
                    position:relative;
 +
                    padding-bottom:10px;
 +
                }
 +
                #nav a:hover{
 +
                     color:#fff;
 +
                     background:#6b0c36;
 +
                    text-decoration:underline;
 +
                }
 +
                #nav li:hover ul{
 +
                    left:-25px;
 +
                }
 +
                #nav ul li{
 +
                    padding-top:30px;
 +
                    float:none;
 +
                }
 +
                #nav ul a{
 +
                    white-space:nowrap;
 +
                }
 +
                #nav li:hover a{
 +
                    background:rgba(0,0,0,0);
 +
                    text-decoration:none;
 +
                }
 +
                #nav li ul li a:hover{
 +
                    background:rgba(255,255,255,1);
 +
                    left:-30px;
                 }
                 }
                 table{
                 table{
                     border-collapse:collapse;
                     border-collapse:collapse;
                 }
                 }
 +
                #header-inner-right{
 +
                    margin-bottom:-67px;
 +
                    margin-left:895px;
 +
                    margin-right:auto;
 +
                }
 +
                #banner{
 +
                    margin-top:-20px;
 +
                    margin-left:0px;
 +
                    margin-bottom:-100px;
 +
                }
 +
                #banner img{
 +
                width:975px;
 +
              }
 +
 +
#header-inner{
 +
                    margin-left:5px;
 +
                    margin-right:auto;
 +
                    margin-bottom:10px;
 +
                }
 +
                #languages{
 +
                    width:100;
 +
                    height:auto;
 +
                    position:fixed;
 +
                    top:1%;
 +
                    right:92%;
 +
                }
             </style>
             </style>
         <div id="topheader">
         <div id="topheader">
Line 228: Line 291:
             </div>
             </div>
         </div>
         </div>
 +
          <div id="banner">
 +
                <img src="https://static.igem.org/mediawiki/2013hs/6/69/Landscape_3_banner.png"/>
 +
          </div>
 +
       
<div id="header">
<div id="header">
 +
            <div id="header-inner-right">
 +
                <a href="https://2013hs.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/9/9f/IGEM_basic_Logo_65px.png" alt="IGEM Logo"/></a>
 +
            </div>
             <div id="header-inner">
             <div id="header-inner">
-
                 <a href="http://agency-stem.org"><img src="http://agency-stem.org/static/img/2013-heading-web.png" alt="Agency Logo"/></a>
+
                 <a href="http://agency-stem.org"><img width=500px src="https://static.igem.org/mediawiki/igem.org/b/bb/Agency-2013-heading-web.png" alt="Agency Logo"/></a>
-
 
+
             </div>
             </div>
-
        </div>
 
<div id="ocontent">
<div id="ocontent">
     <div id="ocontent-inner">
     <div id="ocontent-inner">
     <div id="ocontent-inner2">
     <div id="ocontent-inner2">
-
<div id="sections">
+
        <div id="sections">
-
<ul>
+
<ul id="nav">
-
<li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido">About</a></li>
+
    <li>
-
<li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido/notebook">Notebook</a></li>
+
        <a href="https://2013hs.igem.org/Team:The_Agency_Escondido">About</a>
-
<li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido/safety">Safety</a></li>
+
        <ul>
-
<li> Project </li>
+
            <li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido">General</a></li>
 +
            <li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido/sandiego">San Diego</a></li>
 +
            <li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido/ourteam">Our Team</a></li>
 +
        </ul>
 +
    </li>
 +
<li>
 +
        <a href="https://2013hs.igem.org/Team:The_Agency_Escondido/project"><u>Project</u></a>
 +
        <ul>
 +
            <li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido/project/rock">Rock</a></li>
 +
            <li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido/project/paper">Paper</a></li>
 +
            <li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido/project/scissors">Scissors</a></li>
 +
        </ul>
 +
    </li>
 +
    <li>
 +
        <a href="https://2013hs.igem.org/Team:The_Agency_Escondido/notebook">Notebook</a>
 +
        <ul>
 +
            <li></li>
 +
        </ul>
 +
    </li>
 +
    <li>
 +
        <a href="https://2013hs.igem.org/Team:The_Agency_Escondido/safety">Safety</a>
 +
        <ul>
 +
            <li></li>
 +
        </ul>
 +
    </li>
</ul>
</ul>
 +
          </div>
 +
<h2>
 +
Project Description
 +
</h2>
 +
<p>
 +
Our project seeks to create two identical triads of transparent bacteria strains with complementary hydrophobic inducer production to emulate the game of "rock, paper, scissors" (Hydrophobic proteins can move through plasma membranes). Each triad will correspond to a group: group A and group B. Each type of bacteria will produce a specific protein that will act as an inducer to one and only one other bacteria strain(rock strain, paper strain, and scissors strain). Each triad will have different reporter genes designating its champion color. When two bacteria strains are combined in an agar plate, each protein secreted by the victorious strain, when acting as an inducer, changes the color of the cells on the plate identifying the champion. Through this game, we will learn of the inducers' solubility in water. Only hydrophobic inducers can permeate the cell and induce an operon in a foreign cell. We developed our <a href="http://casp.agency-stem.org/media/G13-LP0013-40.pdf">paper protocol</a>, <a href="http://casp.agency-stem.org/media/G13-LP0009-21.pdf">rock protocol</a>, and <a href="http://casp.agency-stem.org/media/G13-LP0010-57.pdf">scissors protocol</a> before we began our project.
 +
</p>
 +
<p>At the time of writing we are about 75% done with our project. We still need to complete the final assembly of the "scissors" strain and need to complete the second and third assembly of the "rock" and "paper" strains. We anticipate completion by the end of the summer.</p>
 +
<p></p>
 +
<img height="650px" width="700px" src=https://static.igem.org/mediawiki/2013hs/a/af/The_agency_escondido_plasmid_map_2013_2.gif id="plasmidmap"  usemap ="#plasmidmap"></img>
 +
<map id ="plasmidmap" name="plasmidmap">
 +
<area shape ="rect" coords ="0,0,233,650" href ="https://2013hs.igem.org/Team:The_Agency_Escondido/project/rock" alt="Rock" />
 +
<area shape ="rect" coords ="233,0,466,650" href ="https://2013hs.igem.org/Team:The_Agency_Escondido/project/paper" alt="Paper" />
 +
<area shape ="rect" coords ="466,0,700,650" href ="https://2013hs.igem.org/Team:The_Agency_Escondido/project/scissors" alt="Scissors" />
 +
</map>
</div>
</div>
</div>
</div>
</div>
</div>
</html>
</html>

Latest revision as of 04:15, 22 June 2013