Difference between revisions of "Team:Bielefeld-CeBiTec/Notebook"

 
(29 intermediate revisions by 6 users not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
 +
<head>
 +
<script>
 +
$("#notebook").addClass("navbar-active");
 +
</script>
 +
</head>
  
 
<body>
 
<body>
Line 7: Line 13:
 
<div class="container">
 
<div class="container">
  
<div class="jumbotron">
+
<div class="jumbotron" style="background-image: url(https://static.igem.org/mediawiki/2015/3/3c/Bielefeld-CeBiTec_notebook_jumbotron.JPG)">
   <h1>Notebook</h1>       
+
<div class="jumbotron-text">
   <p></p>
+
   <h1 style="margin-bottom: 0px">Lab Notebook</h1>       
 +
   <p>Here you can find chronological notes of our lab work, sorted by subtopics.</p>
 +
</div>
 
</div>
 
</div>
  
<div class="container marketing">
+
       <div class="row text-center notebook-overview">
 
+
         <div class="col-md-5ths">
       <div class="row">
+
            <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/HeavyMetals"><img class="img-rounded" src="https://static.igem.org/mediawiki/2015/e/e0/Bielefeld-Cebitec-Notebook-Minipic-HeavyMetals_200x200.JPG" alt="Heavy Metals" width="140" height="140">
         <div class="col-lg-3">
+
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
 
           <h2>Heavy metals</h2>
 
           <h2>Heavy metals</h2>
           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
+
           <p>Here you find some detailed information about the lab work concerning the construction of our heavy metal biosensors in <i>E. coli</i>. You can see the difficulties we ran into and follow our progress in creating our sensor systems.</p>
          <p><a class="btn btn-default" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/HeavyMetals" role="button">View details &raquo;</a></p>
+
            </a>
 
         </div>
 
         </div>
  
         <div class="col-lg-3">
+
         <div class="col-md-5ths">
           <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
           <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/DRdrugs"><img class="img-rounded" src="https://static.igem.org/mediawiki/2015/1/10/Bielefeld-Cebitec-Notebook-Minipic-KO-tropfen_200x200.JPG" alt="Generic placeholder image" width="140" height="140">
 
           <h2>Date rape drugs</h2>
 
           <h2>Date rape drugs</h2>
           <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
+
           <p>The detailed process of the construction and characterization of the sensors detecting GBL, GHB and GABA in <i>E. coli</i>, is shown. You find our various methods to obtain the necessary elements from gene synthesis, <i>A. tumifaciens</i> and <i>B. subtilis</i>.</p>
          <p><a class="btn btn-default" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/DRdrugs" role="button">View details &raquo;</a></p>
+
            </a>
 
         </div>
 
         </div>
  
         <div class="col-lg-3">
+
         <div class="col-md-5ths">
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
          <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/CFPS"><img class="img-rounded" src="https://static.igem.org/mediawiki/2015/9/9c/Bielefeld-Cebitec-Notebook-Minipic-CFPS_200x200.JPG" alt="CFPS" width="140" height="140">
 
           <h2>CFPS</h2>
 
           <h2>CFPS</h2>
           <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+
           <p>In cell free protein synthesis (CFPS), the extracts of lysed cells, containing all the necessary components for transcription and translation, are used to produce proteins <i>in vitro</i>. Find out how we developed and optimized our own cell extract.</p>
          <p><a class="btn btn-default" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/CFPS" role="button">View details &raquo;</a></p>
+
            </a>
 
         </div>
 
         </div>
  
  <div class="col-lg-3">
+
  <div class="col-md-5ths">
           <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
           <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/PlasmidDisplay"><img class="img-rounded" src="https://static.igem.org/mediawiki/2015/0/07/Bielefeld-Cebitec-Notebook-Minipic-PRIA_200x200.JPG" alt="Generic placeholder image" width="140" height="140">
           <h2>Plasmid Repressor Interaction Assay</h2>
+
           <h2>PRIA</h2>
           <p>This alternative to standard biosensors is based on <i>in vitro</i> interaction of immobilized repressor proteins with plasmids containing the operator site corresponding to the repressor.</p>
+
           <p>See how we developed this alternative to standard biosensors, which is based on <i>in vitro</i> interaction of immobilized repressor proteins with plasmids containing the operator site corresponding to the repressor.</p>
          <p><a class="btn btn-default" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/PlasmidDisplay" role="button">View details &raquo;</a></p>
+
    </a>
 
         </div>
 
         </div>
 +
   
 +
<div class="col-md-5ths">
 +
          <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/Miscellaneous"><img class="img-rounded" src="https://static.igem.org/mediawiki/2015/0/0b/Bielefeld-Cebitec-Notebook-Minipic-Verschiedened_200x200.JPG" alt="Generic placeholder image" width="140" height="140">
 +
          <h2>Miscellaneous</h2>
 +
          <p>Here you can find chronological notes of our lab work besides the main topics, e.g. including the Measurement Interlab Study 2015.</p>
 +
    </a>
 +
        </div>
 +
 +
<div class="row footer">
 +
<div class="col-md-2 col-md-offset-10 text-center">
 +
<a type="button" class="btn btn-default btn-next" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Protocols"><img src="https://static.igem.org/mediawiki/2015/b/bc/Bielefeld-CeBiTec_notebook_logo.png"><p>Protocols</p></a>
 +
</div>
 +
</div>
 +
 +
 
       </div>
 
       </div>
  
Line 49: Line 70:
  
 
{{Bielefeld-CeBiTec/Footer}}
 
{{Bielefeld-CeBiTec/Footer}}
 
<html>
 
 
<h2>Notebook</h2>
 
 
<p> Document the dates you worked on your project.</p>
 
 
<h5>What should this page have?</h5>
 
<ul>
 
<li>Chronological notes of what your team is doing.</li>
 
<li> Brief descriptions of daily important events.</li>
 
<li>Pictures of your progress. </li>
 
<li>Mention who participated in what task.</li>
 
</ul>
 
 
 
<h4>Inspiration</h4>
 
<p>You can see what others teams have done to organize their notes:</p>
 
 
<ul>
 
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
 
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
 
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
 
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
 
</ul>
 
 
</div>
 
</html>
 

Latest revision as of 21:44, 17 September 2015

iGEM Bielefeld 2015