Difference between revisions of "Team:CU Boulder"

 
(147 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{CU_Boulder}}
+
[[File:Example.jpg]]{{CU_Boulder}}
 
<html>
 
<html>
−
<article>
+
<head>
−
    <!-- front image -->
+
<style>
−
<div style="text-align: center">
+
 
−
<img src="https://static.igem.org/mediawiki/2015/6/6b/CU-Boulder-temp-cu-photo.gif" text-align="center" alt="CU-Boulder"/>
+
div {
 +
    padding: 0px;
 +
    margin: 0px;
 +
}
 +
#abstract {
 +
    margin-bottom: 100px;
 +
}
 +
#abstract h1 {
 +
    font-size: 40px;
 +
}
 +
#abstract p {
 +
    font-size: 24px;
 +
}
 +
.margins {
 +
    width: 80%;
 +
    min-width: 780px;
 +
    max-width: 1000px; /* Vertical margins, and auto to center */
 +
    margin: auto;
 +
    margin-top: 0px;
 +
/*border: 3px solid red;*/
 +
    padding: 0px;
 +
}
 +
#stripe_1 {
 +
    width: 100%;
 +
    height: 350px;
 +
    background-color: #9AE9F6;
 +
    padding-bottom: 0px;
 +
    z-index: 1;
 +
}
 +
.image {
 +
    float: right;
 +
    background-repeat: no-repeat;
 +
    background-image: url(https://static.igem.org/mediawiki/2014/1/18/CU_Boulder_factory.gif);
 +
    height: 250px;
 +
    width: 200px;
 +
}
 +
#stripe_2 {
 +
    width: 100%;
 +
    height: 400px;
 +
    background-color: #4B5159;
 +
    z-index: 10;
 +
 
 +
  -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5);
 +
  -moz-box-shadow:    -1px 1px 30px 100px rgba(50, 50, 50, 0.5);
 +
    box-shadow: 0px 30px 100px #505050;
 +
}
 +
 
 +
div h2 {
 +
    text-transform: uppercase;
 +
    /*text-shadow: 2px 2px 2px #CCCCCC;*/
 +
    font-size: 38px;
 +
    margin-left: 10px;
 +
    /*margin: 0px;*/
 +
    padding: 0px;
 +
    /*font-family: "Times New Roman",Times,serif;*/
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
    font-weight: lighter;
 +
    letter-spacing: .4px;
 +
    text-align: center;
 +
    line-height: 100%;
 +
}
 +
#CU_Naph {
 +
    float: left;
 +
/*border: 3px solid blue;*/
 +
    vertical-align: middle
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    width: 560px;
 +
}
 +
div h3 {
 +
    text-transform: uppercase;
 +
    font-size: 88px;
 +
    font-family: Impact, Charcoal, sans-serif;
 +
    font-weight: lighter;
 +
    text-align: center;
 +
    color: #9AE9F6;
 +
    line-height: 165%;
 +
}
 +
div h4 {
 +
    text-transform: uppercase;
 +
    font-size: 70px;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
    font-weight: heavy;
 +
    text-align: center;
 +
    letter-spacing: .4px;
 +
    line-height: 130%;
 +
}
 +
 
 +
#quick_nav {
 +
    height: 450px;
 +
    background-color: #989898;
 +
}
 +
#quick_nav_container {
 +
    width: 800px;
 +
    height: 320px;
 +
    /*border: 2px solid purple;*/
 +
    /*padding-left: 40px;*/
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    padding-top: 50px;
 +
}
 +
.quick_nav_box {
 +
    height: 300px;
 +
    width: 240px;
 +
    vertical-align: middle;
 +
    margin-left: 10px;
 +
    margin-right: 10px;
 +
    background-color: gray;
 +
    /*border: 2px solid red;*/
 +
    float: left;
 +
 
 +
}
 +
#nav_box1 {
 +
    float: left;
 +
}
 +
#nav_box2 {
 +
    float: left;
 +
}
 +
#nav_box3 {
 +
    float: right;
 +
  /* background-image: url(https://static.igem.org/mediawiki/2015/b/b3/CU_Boulder_flower.gif);
 +
    background-size: auto 100%;*/
 +
}
 +
h5 {
 +
    font-size: 30px;
 +
    vertical-align: middle;
 +
    text-align: center;
 +
    margin-top: 20px;
 +
}
 +
#quick_nav_container h5 a{
 +
    color: black;
 +
}
 +
#quick_nav_container h5 a:link {
 +
    color: black;
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
</head>
 +
<body>
 +
 
 +
 
 +
<div>
 +
 
 +
<!----------- front image ------------->
 +
 
 +
<div id="stripe_1">
 +
<div class="margins">
 +
    <div id="CU_Naph">
 +
        <h2>UNIVERSITY OF COLORADO</h2>
 +
        <h2>NAPHTHALENE RECORDERS</h2>
 
     </div>
 
     </div>
 +
    <div class="image"></div>
 +
</div>
 +
</div>
 +
 +
<div id="stripe_2">
 +
<div class="margins">
 +
    <br><br>
 +
    <br>
 +
    <h3>A Big Fracking Deal</h3>
 +
    <!--<h4>A Big Fracking Deal</h4>-->
 +
</div>
 +
</div>
 +
 +
<div id="quick_nav">
 +
<div id="quick_nav_container">
 +
    <div class="quick_nav_box" id=nav_box1">
 +
        <h5><a href="https://2015.igem.org/Team:CU_Boulder/project/motivation">Problem</a></h5>
 +
    </div>
 +
    <div class="quick_nav_box" id=nav_box2">
 +
        <h5><a href="https://2015.igem.org/Team:CU_Boulder/Description">Solution</a></h5>
 +
    </div>
 +
    <div class="quick_nav_box" id=nav_box3">
 +
        <h5><a href="https://2015.igem.org/Team:CU_Boulder/project/results">Results</a></h5>
 +
    </div>
 +
 +
</div>
 +
</div>
 +
 +
 
<p></p>
 
<p></p>
−
<h1>Abstract</h1>
+
<!--<h1>Abstract</h1>-->
−
         <p class="box-float-right">I am a sample box. I hold content and look I have a shadow. I am also personified for some reason.</p>
+
         <!--<p class="box-float-right">I am a sample box. I hold content and look, I have a shadow. I am also personified for some reason. I am not as awesome as the Fact Sphere.</p>-->
−
    <p>Lorem ipsum dolor sit amet, color scheme <abbr rel="glossary" title="A word in the native gibberish toungue">consectetur</abbr> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, in culpa qui officia deserunt mollit anim id est laborum</p>
+
−
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, in culpa qui officia deserunt mollit anim id est laborum</p>       
+
 
  
 +
<div class="margins"> 
 +
<div id="abstract">
 +
<h1>Abstract</h1>
  
−
<h4> Editing your wiki </h4>
+
<p>Fracking is a common method for extracting natural gas and other fossil fuels from the ground, but it requires the use of many hazardous and carcinogenic compounds.  In Colorado, ground water contamination from fracking has endangered many communities’ safe drinking water.  To address this environmental health issue, we developed a biosensor to detect naphthalene, a common reagent in fracking.  Naphthalene detection and output signal amplification can be achieved using the Lux promoter and the Bxb1 integrase. Our biosensor uses a naphthalene induced promoter located upstream of the BxB1 integrase. Once expressed, Bxb1 acts on a logic gate to express RFP. A Lux cell-cell signaling system from V. fischeri will enable our system to be more sensitive at low concentrations. Our biosensor could be housed within a stake-shaped device, containing a pump to obtain ground water and a live culture box kept at homeostatic conditions.</p>
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:CU_Boulder&action=edit"> Click here to edit this page! </a></p>
+
−
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>  
+
  
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
+
</div>
−
</article>
+
</div>
  
−
<p><a href="#" title="That&apos;s what this widget is">Tooltips</a> can be attached to any element. When you hover
 
−
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>
 
−
<p>But as it's not a native tooltip, it can be styled. Any themes built with
 
−
<a href="http://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI&apos;s theme builder application">ThemeRoller</a>
 
−
will also style tooltips accordingly.</p>
 
  
  
 +
</div>
 +
</body>
  
 
</html>
 
</html>
 
{{CU_Boulder_footer}}
 
{{CU_Boulder_footer}}

Latest revision as of 04:48, 18 September 2015

File:Example.jpg


<!DOCTYPE html> Team:CU_Boulder - 2015.igem.org

UNIVERSITY OF COLORADO

NAPHTHALENE RECORDERS




A Big Fracking Deal

Abstract

Fracking is a common method for extracting natural gas and other fossil fuels from the ground, but it requires the use of many hazardous and carcinogenic compounds. In Colorado, ground water contamination from fracking has endangered many communities’ safe drinking water. To address this environmental health issue, we developed a biosensor to detect naphthalene, a common reagent in fracking. Naphthalene detection and output signal amplification can be achieved using the Lux promoter and the Bxb1 integrase. Our biosensor uses a naphthalene induced promoter located upstream of the BxB1 integrase. Once expressed, Bxb1 acts on a logic gate to express RFP. A Lux cell-cell signaling system from V. fischeri will enable our system to be more sensitive at low concentrations. Our biosensor could be housed within a stake-shaped device, containing a pump to obtain ground water and a live culture box kept at homeostatic conditions.

Team:CU-Boulder - 2015.igem.org