Team:TPHS SanDiego/Project

From 2013hs.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<html lang="en">
 
-
<style = "text/css" media="screen">
+
<div id="top-section3"><center><img src="https://static.igem.org/mediawiki/2013hs/3/35/TorrePinesNavigation%28Tareq%29.jpg" alt="header" border="0"  usemap="#igemmap" width="1000"></center></div>
 +
<map name="igemmap">
 +
  <area  shape="circle" coords="480,40,40" alt="Mercury" href="https://2013hs.igem.org" onfocus="this.blur()" />
 +
</map>
 +
<div class="layout-1000">
 +
<div class="row">
 +
<div class="col12" >
 +
<ul class="topnav">
 +
    <li><a href="https://2013hs.igem.org/Team:TPHS_SanDiego">Home  </a></li>
 +
    <li>
 +
        <a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Project">Project</a>
 +
    </li>
 +
    <li>
 +
        <a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Parts">Parts</a>
 +
    </li>
 +
    <li><a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Safety">Safety</a></li>
 +
    <li><a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Team">Team</a></li>
 +
    <li><a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Protocols">Protocols</a></li>
 +
    <li><a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Journal">Journal</a></li>
 +
</ul>
 +
<div> <div class ="row-end"> </div>
 +
</div>
 +
</div>
-
ul.topnav {
+
<div class="row">
-
list-style: none;
+
<div class="col12" id="spacer2"></div>
-
padding: 0px 0px;
+
<div class="row-end"> </div>
-
margin: 0px 0px 0px -22px;
+
</div>
-
width:1000px;
+
-
float: left;
+
-
 
+
-
 
+
-
 
+
-
}
+
-
ul.topnav li {
+
-
font-family: 'Georgia', Times, serif;
+
-
font-weight: 150;
+
-
font-size: 1.65em;
+
-
float: left;
+
-
margin:0px 0px 0px 0px;
+
-
opacity:.8;
+
-
padding: 2px 6px 10px 12px;
+
-
position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/
+
-
}
+
-
ul.topnav li a{
+
-
padding: 18px 8px 10px 10px;
+
-
color: white;
+
-
display: block;
+
-
+
-
 
+
-
 
+
-
text-decoration: none;
+
-
float: left;
+
-
}
+
-
ul.topnav li a:hover{
+
-
background-color:black;
+
-
padding: 18px 8px 10px 10px;
+
-
font-color: white;
+
-
 
+
-
}
+
-
ul.topnav li span { /*--Drop down trigger styles--*/
+
-
width: 17px;
+
-
height: 25px;
+
-
 
+
-
float: left;
+
-
background-color: gray;
+
-
}
+
-
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
+
-
ul.topnav li ul.subnav {
+
-
list-style: none;
+
-
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
+
-
left: 3px; top: 55px;
+
-
background: #333;
+
-
margin: 0; padding: 3px;
+
-
display: none;
+
-
float: left;
+
-
width: 160px;
+
-
opacity: .6;
+
-
border: 1px solid #111;
+
-
}
+
-
ul.topnav li ul.subnav li{
+
-
margin: 0; padding: 0;
+
-
border-top: 1px solid #252525; /*--Create bevel effect--*/
+
-
border-bottom: 1px solid #444; /*--Create bevel effect--*/
+
-
clear: both;
+
-
height:45px;
+
-
width: 155px;
+
-
font-size: .5em;
+
-
font-family: 'Georgia', Times, serif;
+
-
font-weight: 150;
+
-
 
+
-
 
+
-
}
+
-
html ul.topnav li ul.subnav li a {
+
-
float: left;
+
-
height:25px;
+
-
width: 145px;
+
-
background-color: white;
+
-
padding-left: 3px;
+
-
 
+
-
}
+
-
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
+
-
background-color: blue;
+
-
}
+
-
 
+
-
 
+
-
#content1{
+
-
font-family:Georgia ,Helvetica,sans-serif;
+
-
height: 300px;
+
-
  }
+
-
 
+
-
#content2{
+
-
font-family:Georgia ,Helvetica,sans-serif;
+
-
height: 50px;
+
-
  }
+
-
body{ background: url(https://static.igem.org/mediawiki/2013hs/f/f4/BackgroundTareq.jpg);}
+
-
#globalWrapper {width: 100%;}
+
-
 
+
-
#content{
+
-
padding: 0px;
+
-
width: 1000px;
+
-
background: #ffe5d4;
+
-
// Background Color
+
-
font-family:Georgia ,Helvetica,sans-serif;
+
-
border: none;
+
-
text-decoration: none;
+
-
 
+
-
}
+
-
 
+
-
.main_item h1{
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
#p-logo{
+
-
display:none;
+
-
}
+
-
 
+
-
#top-section2{
+
-
width: 100%;
+
-
 
+
-
background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
+
-
height: 65px;
+
-
}
+
-
#top-section3{
+
-
width: 100%;
+
-
height:78px;
+
-
}
+
-
 
+
-
 
+
-
#spacer {
+
-
    height: 20px;
+
-
 
+
-
}
+
-
 
+
-
#team{border: 1px solid black;
+
-
padding: 2px;
+
-
height:380px;}
+
-
 
+
-
 
+
-
#search-controls{
+
-
display:none;
+
-
}
+
-
 
+
-
#spacer2 {
+
-
    height: 12em;
+
-
 
+
-
}
+
-
 
+
-
#spacer3 {
+
-
    height: .4em;
+
-
 
+
-
}
+
-
 
+
-
#top-section{
+
-
width: 100%;
+
-
background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);
+
-
height: 5px;
+
-
border:none;
+
-
}
+
-
 
+
-
.firstHeading {
+
-
display:none;
+
-
}
+
-
 
+
-
/*
+
-
* jQuery Nivo Slider v2.6
+
-
* http://nivo.dev7studios.com
+
-
*
+
-
* Copyright 2011, Gilbert Pellegrom
+
-
* Free to use and abuse under the MIT license.
+
-
* http://www.opensource.org/licenses/mit-license.php
+
-
*
+
-
* March 2010
+
-
*/
+
-
+
-
+
-
/* The Nivo Slider styles */
+
-
.nivoSlider {
+
-
position:relative;
+
-
        effect: 'fade'
+
-
}
+
-
.nivoSlider img {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
/* If an image is wrapped in a link */
+
-
.nivoSlider a.nivo-imageLink {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
width:100%;
+
-
height:100%;
+
-
border:0;
+
-
padding:0;
+
-
margin:0;
+
-
z-index:6;
+
-
display:none;
+
-
}
+
-
/* The slices and boxes in the Slider */
+
-
.nivo-slice {
+
-
display:block;
+
-
position:absolute;
+
-
z-index:5;
+
-
height:100%;
+
-
}
+
-
.nivo-box {
+
-
display:block;
+
-
position:absolute;
+
-
z-index:5;
+
-
}
+
-
/* Caption styles */
+
-
.nivo-caption {
+
-
position:absolute;
+
-
left:0px;
+
-
bottom:0px;
+
-
background:#000;
+
-
color:#fff;
+
-
opacity:0.8; /* Overridden by captionOpacity setting */
+
-
width:100%;
+
-
z-index:8;
+
-
}
+
-
.nivo-caption p {
+
-
padding:5px;
+
-
margin:0;
+
-
}
+
-
.nivo-caption a {
+
-
display:inline !important;
+
-
}
+
-
.nivo-html-caption {
+
-
    display:none;
+
-
}
+
-
/* Direction nav styles (e.g. Next & Prev) */
+
-
.nivo-directionNav a {
+
-
position:absolute;
+
-
top:45%;
+
-
z-index:9;
+
-
cursor:pointer;
+
-
}
+
-
.nivo-prevNav {
+
-
left:15px;
+
-
}
+
-
.nivo-nextNav {
+
-
right:15px;
+
-
}
+
-
/* Control nav styles (e.g. 1,2,3...) */
+
-
.theme-default .nivo-controlNav {
+
-
      position:absolute; left:100%; bottom:-42px;
+
-
      margin-left: -1000px;
+
-
}
+
-
 
+
-
.nivo-controlNav a {
+
-
position:relative;
+
-
z-index:9;
+
-
cursor:pointer;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.nivo-controlNav a.active {
+
-
font-weight:bold;
+
-
}
+
-
 
+
-
.theme-default #slider {
+
-
    margin:0px auto 0px auto;
+
-
    width:618px; /* Make sure your images are the same size */
+
-
    height:464px; /* Make sure your images are the same size */
+
-
}
+
-
 
+
-
 
+
-
 
+
-
</style>
+
 +
<div class="row">
 +
<div class="col12-2"> <img src="https://static.igem.org/mediawiki/2013hs/4/42/Project-Our-Bar.jpg" width="980"> </div>
 +
<div class="row-end" ></div>
 +
</div>
</html>
</html>
-
<style type="text/css">
 
-
body {background: #000000}
 
-
</style>
 
<html>
<html>
-
<script type="text/javascript">
+
<div class="row">
-
function MM_swapImgRestore() { //v3.0
+
<div class="col12-2" >
-
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+
<div align="justify">
-
}
+
<p style="font-family:Georgia;color:black;font-size:16px;">
-
function MM_preloadImages() { //v3.0
+
-
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+
-
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+
-
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+
-
}
+
-
function MM_findObj(n, d) { //v4.01
 
-
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
 
-
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 
-
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 
-
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 
-
  if(!x && d.getElementById) x=d.getElementById(n); return x;
 
-
}
 
-
function MM_swapImage() { //v3.0
+
</p>
-
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+
<p>
-
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+
&nbsp;
-
}
+
&nbsp;
-
</script>
+
&nbsp;
-
<body onload="MM_preloadImages('https://static.igem.org/mediawiki/2013hs/4/42/Homeafter.png')"><blockquote>
+
</p>
-
  <blockquote>
+
-
    <blockquote>
+
-
      <blockquote>
+
-
        <blockquote>
+
-
          <blockquote>
+
-
            <blockquote>
+
-
              <blockquote>
+
-
                <blockquote>
+
-
                  <blockquote>
+
-
                    <p><a href="https://2013hs.igem.org/Team:TPHS_SanDiego" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','https://static.igem.org/mediawiki/2013hs/4/42/Homeafter.png',1)"><img src="https://static.igem.org/mediawiki/2013hs/b/b7/Homeb4.png" name="Image1" width="147" height="41" border="0" align="absmiddle" id="Image1" /></a></p>
+
-
                  </blockquote>
+
-
                </blockquote>
+
-
              </blockquote>
+
-
            </blockquote>
+
-
          </blockquote>
+
-
        </blockquote>
+
-
      </blockquote>
+
-
    </blockquote>
+
-
  </blockquote>
+
-
</blockquote>
+
-
<p style="font-family:Georgia;color:black;font-size:16px;">
+
-
Our project focuses on promoter engineering. Our goal is to characterize a set of promoters (of our design) by moving the repressor and/or activator binding sites with respect to the -10 and -35 regions of the promoter. Ideally, we would like to show that by moving an activator binding site it can become a repressor and that by moving a repressor binding site it may become either irrelevant to transcription rate or even boost it. We also want to see if there is a steep decline in repressor/activator function as the binding site move along the promoter or if it is a gradual/linear change. We believe this project could have application to genetic circuits by allowing a single protein to either activate or repress a promoter depending on where the binding sites are placed on the promoter.
+
-
<html>
+
<center>
-
<iframe src="https://docs.google.com/presentation/d/1yljSeVJrbB2XPS9ej2cHj8QVOD_JseTJ1Um48-RjfGs/embed?start=false&loop=false&delayms=3000" frameborder="0" width="760" height="549" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
+
<iframe src="https://docs.google.com/document/d/1epg-_5lpwccgvIzR7I_abmn-gJ08GCMvlULQiOUBI_A/pub?embedded=true" width="875" height="875" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></center><div class="row-end" ></div></center>
</html>
</html>
 +
{{Team:Berkeley/header}}
 +
{{Team:Berkeley/css}}
 +
{{Team:Berkeley/navigation}}

Latest revision as of 23:21, 21 June 2013

header
Mercury