Difference between revisions of "Team:CU Boulder/notebook/notebook"

 
(140 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
<head>
 
<head>
 
<style>
 
<style>
 +
article h2 {
 +
    font-family: "Times New Roman",Times,serif;
 +
    font-weight: normal;
 +
    margin: 0 0 10px;
 +
    padding: 0px;
 +
    padding-bottom: 10px;
 +
    border-bottom: 1px solid #333333;
 +
    font-size: 36px;
 +
    font-style: normal;
 +
    margin-top: 20px;
 +
    margin-bottom: 10px;
 +
    line-height: 135%;
 +
}
 +
p {
 +
    border: 1px solid transparent;
 +
}
 +
article div ul li {
 +
    margin-left: 0px;
 +
    margin-top: 0px;
 +
    margin-bottom: 5px;
 +
    padding-top: 0px;
 +
    padding-bottom: 0px;
 +
    line-height: 155%;
 +
    font-size: 28px;
 +
    list-style-position: inside;
 +
}
 +
article div ul {
 +
    /*margin-bottom: -10px;*/
 +
}
 +
.anchor {
 +
    height: 110px;
 +
    width: 100%;
 +
    margin-bottom: 30px;
 +
    margin-top: -50px;
 +
}
 +
 +
 +
 
.frame {
 
.frame {
 
     margin-left: auto;
 
     margin-left: auto;
Line 14: Line 52:
 
table {
 
table {
 
     border-collapse: collapse;
 
     border-collapse: collapse;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    border: 3px solid black;
 +
 +
  -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5);
 +
  -moz-box-shadow:    -1px 1px 7px 5px rgba(50, 50, 50, 0.5);
 +
  box-shadow:        -1px 1px 7px 5px rgba(50, 50, 50, 0.5);
 +
  
 
}
 
}
 
table, th, td {
 
table, th, td {
−
     border: 1px solid black;
+
     /*border: 1px solid black;*/
 
}
 
}
−
#pBad {
+
table td:hover {
−
    height: 100px;
+
          /*background-color: #ffff99;*/
−
    width: 385px;
+
  -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5);
−
    background-image: url(https://static.igem.org/mediawiki/2015/5/5d/CU_Boulder_pBad_diagram.gif);
+
  -moz-box-shadow:   -1px 1px 7px 5px rgba(50, 50, 50, 0.5);
−
    background-repeat: no-repeat;
+
  box-shadow:         -1px 1px 7px 5px rgba(50, 50, 50, 0.5);  
−
    background-size: auto 100px;
+
 
}
 
}
 +
td a{width:100%;height:100px;display:block;}
 +
a:link {
 +
    text-decorations: none;
 +
    font-size: 5;
 +
    color: transparent;
 +
}
 +
a:hover {
 +
    text-decorations: none;
 +
    font-size: 5;
 +
    color: transparent;
 +
}
 +
a:active {
 +
    text-decorations: none;
 +
    font-size: 5;
 +
    color: transparent;
 +
}
 +
a:visited {
 +
    text-decorations: none;
 +
    font-size: 5;
 +
    color: transparent;
 +
}
 +
#text a:link {
 +
    color: black;
 +
}
 +
#text a:hover {
 +
    background-color: transparent;
 +
}
 +
#text a:active {
 +
    background-color: transparent;
 +
}
 +
 
#gate {
 
#gate {
−
     height: 100px;
+
     height: 97px;
−
     width: 750px;
+
     width: 745px;
 
     background-image: url(https://static.igem.org/mediawiki/2015/d/d5/CU_Boulder_gate_diagram.jpg);
 
     background-image: url(https://static.igem.org/mediawiki/2015/d/d5/CU_Boulder_gate_diagram.jpg);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
Line 34: Line 110:
 
}
 
}
 
#lux {
 
#lux {
−
     height: 100px;
+
     height: 97px;
−
     width: 800px;
+
     width: 775px;
 
     background-image: url(https://static.igem.org/mediawiki/2015/d/d1/CU_Boulder_lux_diagram.jpg);
 
     background-image: url(https://static.igem.org/mediawiki/2015/d/d1/CU_Boulder_lux_diagram.jpg);
 +
    background-repeat: no-repeat;
 +
    background-size: auto 100px;
 +
}
 +
#pBad {
 +
    height: 97px;
 +
    width: 385px;
 +
    background-image: url(https://static.igem.org/mediawiki/2015/5/5d/CU_Boulder_pBad_diagram.gif);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-size: auto 100px;
 
     background-size: auto 100px;
Line 43: Line 126:
  
 
</style>
 
</style>
 +
 
</head>
 
</head>
 +
 +
 
<body>
 
<body>
 
<!-- Content goes between the article tags -->
 
<!-- Content goes between the article tags -->
 
  <article>
 
  <article>
 +
<p></p>
 
<h1>Our Notebook</h1>
 
<h1>Our Notebook</h1>
−
 
+
<br><br>
−
<table class=".click_table" id="pBad">
+
                            <!----------------------------Diagrams--------------------------->
 +
<!------------------------Gate ------------------------->
 +
<table id="gate">
 
     <tr>
 
     <tr>
−
         <td style="width:100px">Jill</td>
+
         <td style="width:260px"><a href="#switch">click</div></a></td>
−
         <td>Smith</td>
+
         <td style="width:170px"><a href="#luxI">click</div></a></td>
−
         <td>50</td>
+
         <td><a href="#luxI">click</div></a></td>
 
     </tr>
 
     </tr>
 +
 
</table>
 
</table>
 
<br><br>
 
<br><br>
  
−
<table class=".click_table" id="gate">
+
<!------------------------Lux ------------------------->
 +
<table id="lux">
 
     <tr>
 
     <tr>
−
         <td style="width:100px">Jill</td>
+
         <td style="width:350px"><a href="#luxpR">click</div></a></td>
−
         <td>Smith</td>
+
         <td style="width:175px"><a href="#luxI">click</div></a></td>
−
         <td>50</td>
+
         <td><a href="#luxI">click</div></a></td>
 
     </tr>
 
     </tr>
 
</table>
 
</table>
 
<br><br>
 
<br><br>
  
−
<table class=".click_table" id="lux">
+
<!------------------------pBad ------------------------->
 +
<table id="pBad">
 
     <tr>
 
     <tr>
−
         <td style="width:100px">Jill</td>
+
         <td style="width:192px"><a href="#inducible">click</div></a></td>
−
        <td>Smith</td>
+
         <td><a href="#invertase">click</div></a></td>
−
         <td>50</td>
+
 
     </tr>
 
     </tr>
 
</table>
 
</table>
 
<br><br>
 
<br><br>
  
 +
                      <!-----------------------------info----------------------------->
 +
<div id="text">
 +
<div class="anchor" id="switch"></div>
 +
<h2>Genetic Switch</h2>
 +
    <ul>
 +
        <li>BioBricking switch #1  (<a href="https://static.igem.org/mediawiki/2015/f/f2/CU_Boulder_BioBrick_switch1.pdf">view</a>)</li>
 +
        <!--<embed src="https://static.igem.org/mediawiki/2015/f/f2/CU_Boulder_BioBrick_switch1.pdf" width="963" height="750">-->
 +
       
 +
        <li>Cloning RFP behind switch #1  (<a href="https://static.igem.org/mediawiki/2015/6/6a/CU_Boulder_switch_rfp.pdf">view</a>)</li>
 +
        <!--<embed src="https://static.igem.org/mediawiki/2015/6/6a/CU_Boulder_switch_rfp.pdf" width="963" height="750">-->
 +
 +
        <!--<li>Cloning with switch #2  (<a href="">view</a>)</li>-->
 +
 +
    </ul>
 +
 +
<div class="anchor" id="luxI"></div>
 +
<h2>LuxI</h2>
 +
    <ul>
 +
            <li>Cloning RFP behind LuxI  (<a href="https://static.igem.org/mediawiki/2015/5/52/CU_Boulder_LuxI_RFP.pdf">view</a>)</li>
 +
        <!--<embed src="https://static.igem.org/mediawiki/2015/5/52/CU_Boulder_LuxI_RFP.pdf" width="963" height="750"></embed>-->
 +
 +
            <li>Cloning GFP behind LuxI  (<a href="https://static.igem.org/mediawiki/2015/0/05/Luxigfp.pdf">view</a>)</li>
 +
        <!--<embed src="https://static.igem.org/mediawiki/2015/0/05/Luxigfp.pdf" width="963" height="750"></embed>-->
 +
 +
            <li>Cloning LuxI-GFP behind switch #1  (<a href="https://static.igem.org/mediawiki/2015/a/a6/Gateluxigfp.pdf">view</a>)</li>
 +
        <!--<embed src="https://static.igem.org/mediawiki/2015/a/a6/Gateluxigfp.pdf" width="963" height="750"></embed>-->
 +
 +
            <li>Characterization of Switch1-LuxI-GFP on pSB4C5  (<a href="https://static.igem.org/mediawiki/2015/e/e7/Characterize4c5.pdf">view</a>)</li> 
 +
        <!--<embed src="https://static.igem.org/mediawiki/2015/e/e7/Characterize4c5.pdf" width="963" height="750"></embed>-->
 +
    </ul>
 +
 +
<div class="anchor" id="luxpR"></div>
 +
<h2>LuxR</h2>
 +
    <ul>
 +
            <li>Cloning RFP behind LuxR  (<a href="https://static.igem.org/mediawiki/2015/1/1e/LuxR_RFP_CU_Boulder.pdf">view</a>)</li>
 +
        <!--<embed src="https://static.igem.org/mediawiki/2015/1/1e/LuxR_RFP_CU_Boulder.pdf" width="963" height="750"></embed>-->
 +
 +
            <li>Testing of LuxPr  (<a href="https://static.igem.org/mediawiki/2015/1/1b/Characterization_LuxPr_CU_Boulder.pdf">view</a>)</li>
 +
        <!--<embed src="https://static.igem.org/mediawiki/2015/1/1b/Characterization_LuxPr_CU_Boulder.pdf" width="963" height="750"></embed>-->
 +
    </ul>
 +
 +
<!----<h1></h1>
 +
<h2 id="reporters">Reporters?</h2>
 +
    <ul>
 +
        <li></li>
 +
    </ul>---->
 +
 +
<div class="anchor" id="inducible"></div>
 +
<h2>Inducible Promoter</h2>
 +
    <ul>
 +
            <li>Cloning RFP behind pBad  (<a href="https://static.igem.org/mediawiki/2015/c/c0/CU_Boulder_pBAD_RFP.pdf">view</a>)</li>
 +
        <!--<embed src="https://static.igem.org/mediawiki/2015/c/c0/CU_Boulder_pBAD_RFP.pdf" width="963" height="750"></embed>-->
 +
            <li>Characterizing the pBad promoter with Arabinose (<a href="https://static.igem.org/mediawiki/2015/f/fd/CU_Boulder_Char_pBAD.pdf">view</a>)</li>
 +
    </ul>
 +
 +
<!-----<div class="anchor" id="invertase"></div>
 +
<h2>Integrase?</h2>
 +
    <ul>
 +
       
 +
    </ul>----->
  
 +
</div>
 
</article>
 
</article>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{CU_Boulder_footer}}
 
{{CU_Boulder_footer}}

Latest revision as of 18:43, 18 September 2015


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

Our Notebook



click click click


click click click


click click


Genetic Switch

  • BioBricking switch #1 (view)
  • Cloning RFP behind switch #1 (view)

LuxI

  • Cloning RFP behind LuxI (view)
  • Cloning GFP behind LuxI (view)
  • Cloning LuxI-GFP behind switch #1 (view)
  • Characterization of Switch1-LuxI-GFP on pSB4C5 (view)

LuxR

  • Cloning RFP behind LuxR (view)
  • Testing of LuxPr (view)

Inducible Promoter

  • Cloning RFP behind pBad (view)
  • Characterizing the pBad promoter with Arabinose (view)
Team:CU-Boulder - 2015.igem.org