Team:The Agency Escondido

From 2013hs.igem.org

(Difference between revisions)
 
(66 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
            <style>
+
<style>
                 #top-section #p-logo{display:none;}
                 #top-section #p-logo{display:none;}
                 #ocontent,#header{
                 #ocontent,#header{
                     width:100%;
                     width:100%;
                     background-color: white;
                     background-color: white;
-
 
                 }
                 }
-
                 #ocontent-inner,#header-inner{
+
                 #ocontent-inner{
-
 
+
                     margin-left:auto;
                     margin-left:auto;
                     margin-right:auto;
                     margin-right:auto;
                     width:975px;
                     width:975px;
 +
                }
 +
                tr td:first-child{
 +
                    border-left:none;
 +
                }
 +
                tr td:last-child{
 +
                    border-right:none;
 +
                }
 +
                tr td{
 +
                    border-left:1px solid black;
 +
                    border-right:1px solid black;
 +
                    padding-left:10px;
 +
                    padding-right:10px;
 +
                }
 +
                #ocontent-inner2{
 +
                    margin-left:242px;
 +
                    margin-right:75px;
                 }
                 }
                 body{
                 body{
-
                     font-family:sans-serif;
+
                     font-famiy:sans-serif;
                     border:none;
                     border:none;
                     margin:0;
                     margin:0;
Line 20: Line 34:
                     position: relative;
                     position: relative;
                     min-height:100%;
                     min-height:100%;
-
                     background:black;
+
                     background-image:url('https://static.igem.org/mediawiki/2013hs/8/85/Grey_carpet_2013.png');
                 }
                 }
                 #top-section ul li,#footer-box ul li{
                 #top-section ul li,#footer-box ul li{
                     display:inline;
                     display:inline;
                     margin-right:10px;
                     margin-right:10px;
-
                     background-color:black;
+
                     background-image:url('https://static.igem.org/mediawiki/2013hs/8/85/Grey_carpet_2013.png');
                 }
                 }
                 #top-section .left-menu ul li:last-child{
                 #top-section .left-menu ul li:last-child{
Line 36: Line 50:
                 }
                 }
                 #top-section div:hover{
                 #top-section div:hover{
-
                     background-color:inherit;
+
                     background-image:url('https://static.igem.org/mediawiki/2013hs/8/85/Grey_carpet_2013.png');
-
 
+
                 }
                 }
                 #menubar{
                 #menubar{
Line 52: Line 65:
                     margin-left:auto;
                     margin-left:auto;
                     margin-right:auto;
                     margin-right:auto;
-
                     background: black;
+
                     background-image:url('https://static.igem.org/mediawiki/2013hs/8/85/Grey_carpet_2013.png');
                     height:20px;
                     height:20px;
                     border:none;
                     border:none;
Line 83: Line 96:
                     display:inline;
                     display:inline;
                 }
                 }
 +
              #sponsors ul
 +
{
 +
margin: 0;
 +
padding: 0;
 +
list-style-type: none;
 +
text-align: center;
 +
}
 +
 +
#sponsors ul li { display: inline; }
 +
 +
#sponsors ul li a
 +
{
 +
text-decoration: none;
 +
padding: .2em 1em;
 +
}
                 p{
                 p{
                     margin-top:0;
                     margin-top:0;
Line 115: Line 143:
                 }
                 }
                 #menubar a{
                 #menubar a{
-
                     background: black;
+
                     background-image:url('https://static.igem.org/mediawiki/2013hs/8/85/Grey_carpet_2013.png');
                 }
                 }
                 a:hover{
                 a:hover{
Line 128: Line 156:
                 #footer{
                 #footer{
                     color:white;
                     color:white;
-
                     background: black;
+
                     background-image:url('https://static.igem.org/mediawiki/2013hs/8/85/Grey_carpet_2013.png');
                     height:100px;
                     height:100px;
                 }
                 }
Line 145: Line 173:
                 }
                 }
                 #content,#bodyContent{
                 #content,#bodyContent{
-
                     border-left:none;
+
                     border-left:30px;
-
                     border-right:none;
+
                     border-right:40px;
                     padding:0;
                     padding:0;
-
                     width:100%;
+
                     width:975px;
                 }
                 }
-
                 #bodyContent>p:nth-child(3){
+
                 #bodyContent>p:nth-child(3){0
                     display:none;
                     display:none;
                 }
                 }
Line 162: Line 190:
                 #topheader-inner{
                 #topheader-inner{
                     width:975px;
                     width:975px;
-
                     margin-left: auto;
+
                     margin-left:auto;
                     margin-right:auto;
                     margin-right:auto;
                 }
                 }
 +
                #nav a{
 +
                    display:block;
 +
                    color:#fff;
 +
                    text-decoration:none;
 +
                }
 +
                #nav li {
 +
                    display:inline;
 +
                    margin:5px;
 +
                    font-size:12pt;
 +
                    font-weight:bold;
 +
                }
 +
                #nav li{color:white;}
 +
                #nav li ul a{color:black;}
 +
                body{
 +
                    overflow-y: auto;
 +
                }
 +
                #nav{
 +
                    width:auto;
 +
                    float:left;
 +
                }
 +
                #nav ul{
 +
                    background:rgba(255,255,255,1);
 +
                    list-style:none;
 +
                    position:absolute;
 +
                    left:-9999px;
 +
                }
 +
                #nav{
 +
                    margin-left:440px;
 +
                    margin-right:-70px;
 +
                    position:relative;
 +
                    top:-40px;
 +
                    overflow-x:visible;
 +
                }
 +
                #nav li{
 +
                    float:left;
 +
                    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{
 +
                    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:976px;
 +
              }
 +
 +
#header-inner{
 +
                    margin-left:5px;
 +
                    margin-right:auto;
 +
                    margin-bottom:10px;
 +
                }
 +
                #languages{
 +
                    width:100;
 +
                    height:auto;
 +
                    position:fixed;
 +
                    top:0%;
 +
                    right:94%;
 +
                }
             </style>
             </style>
-
        <div id="topheader">
+
  <div id="topheader">
-
            <div id="topheader-inner">
+
      <div id="topheader-inner">
-
                <ul>
+
        <ul>
-
                </ul>
+
        </ul>
 +
      </div>
 +
  </div>
 +
  <div id="banner">
 +
      <img width=955 height=120 src="https://static.igem.org/mediawiki/2013hs/7/72/Landscape_4_banner.png"/>
 +
  </div>
 +
  <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>
-
        </div>
 
-
<div id="header">
 
             <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">
-
<h2>
+
    <div id="ocontent-inner2">
-
Team Description
+
        <div id="sections">
-
</h2>
+
<ul id="nav">
-
         <p><a href = "http://agency-stem.org/">The Agency</a> is an organization of students, parents, faculty and mentors operating out of the
+
    <li>
-
             <a href="http://cahs.tcawiki.com/">Classical
+
        <a href="https://2013hs.igem.org/Team:The_Agency_Escondido">About</a>
-
                Academy High School</a> of Escondido, CA.
+
         <ul>
-
             Our objective is to compete in challenging venues, and to foster the development of skills
+
            <li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido">General</a></li>
-
             and character
+
             <li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido/sandiego">San Diego</a></li>
-
             needed to each occasion.
+
             <li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido/ourteam">Our Team</a></li>
-
             <b>Our efforts are focused in areas of science, technology, engineering, and mathematics
+
        </ul>
-
             (STEM).</b></p>
+
    </li>
-
<h2>
+
<li>
-
Project Description
+
        <a href="https://2013hs.igem.org/Team:The_Agency_Escondido/project"><u>Project</u></a>
-
</h2>
+
        <ul>
-
<p>
+
             <li><a href="https://2013hs.igem.org/Team:The_Agency_Escondido/project/rock">Rock</a></li>
-
Our project seeks to create two triads of transparent bacteria strains with complementary promoter production to emulate the game of "rock, paper, scissors". 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 a promoter 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 a promoter, changes the color of the cells on the plate identifying the champion.
+
             <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>
-
<!--When two of the three types of bacteria are combined and exposed to an environmental stimulus, one type will resist the antibiotic produced by the other, while the other will be vulnerable to the antibiotic produced by the first. The first type will therefore spread freely through the media while the growth of the second will be inhibited. To identify the "victorious" strain, each will include a different fluorescent reporter gene.--> </p>
+
        </ul>
-
 
+
    </li>
-
<p>At the time of writing, the promoters to be used have not been selected, nor have the reporter genes been chosen.</p>
+
    <li>
-
<h2>
+
        <a href="https://2013hs.igem.org/Team:The_Agency_Escondido/notebook">Notebook</a>
-
Safety
+
        <ul>
-
</h2>
+
             <li></li>
-
<p>
+
        </ul>
-
Safety is our greatest concern. With copious amounts of reagents of hazardous laboratory equipment required for our projects, we created a web application in our central services platform
+
    </li>
-
called
+
    <li>
-
<a href = "http://casp.agency-stem.org/msdsm>MSDSM</a>  
+
        <a href="https://2013hs.igem.org/Team:The_Agency_Escondido/safety">Safety</a>
-
 
+
        <ul>
-
to manage the material safety data sheets(MSDS) of the reagents and equipment so that that they can be stored and accessed on a moments notice. MSDSs are designed to raise awareness of substances and illuminate our members of their heterogeneous natures.
+
            <li></li>
-
</p>
+
        </ul>
-
<p>
+
    </li>
-
</br>
+
</ul>
-
This page is not complete! Required remaining:
+
          </div>
 +
            <div id="languages">
 +
              <a href="https://2013hs.igem.org/Team:The_Agency_Escondido/about/es"><font size=2px color="A3A3A3">[Español]</font></a>
 +
              <br>
 +
              <br>
 +
              <a href="https://2013hs.igem.org/Team:The_Agency_Escondido/about/hi"><font size=2px color="A3A3A3">[हिन्दी]</font></a>
 +
              </font>
 +
            </div>
 +
            <h2>Sponsored by</h2>
 +
            <div id="sponsors">
 +
              <ul>
 +
              <li><a href="http://gene.com"><img style="height:50px;margin:20px;margin-top:0;position:relative;top:10px;"src="https://static.igem.org/mediawiki/2013hs/6/69/Genentech_Logo.jpg" alt="Genentech Logo"/></a></li>
 +
              <li><a href="http://www.mathworks.com/academia/student-competitions/"><img style="height:50px;margin:20px;margin-top:0;"src="https://static.igem.org/mediawiki/2013hs/6/60/09_MW_logo_RGB.jpg" alt="MathWorks Logo"/></a></li>
 +
            </div>
 +
            <h2>
 +
              Team Description
 +
            </h2>
 +
            <p><a href = "http://agency-stem.org/">The Agency</a> is an organization of students, parents, faculty and mentors operating out of the
 +
              <a href="http://cahs.tcawiki.com/">Classical
 +
              Academy High School</a> of Escondido, CA.
 +
              Our objective is to compete in challenging venues, and to foster the development of skills
 +
              and character
 +
              needed to each occasion. The Agency's efforts are focused in areas of science, technology, engineering, and mathematics
 +
              (STEM).
 +
            </p>
 +
<p>The Agency provides opportunities for students to gain experience in diverse fields of study. Most of our alumni have been inspired by their unique experiences participating in FRC to pursue a college education and careers in science or technology.
 +
This year, as we compete for the first time in the iGEM competition, we further broaden the appeal of STEM to those less interested in machines and mechanical engineering.
 +
Additionally, The Agency presents its constructions and projects to local schools and Boy Scout troops, enabling the inspiration of students of all grades.
</p>
</p>
-
<ul>
+
        </div>
-
<li>Attribution</li>
+
      </div>
-
<li>Sponsors</li>
+
  </div>
-
 
+
-
    </div>
+
-
</div>
+
</html>
</html>

Latest revision as of 19:30, 18 June 2013