Difference between revisions of "Team:Bristol/Notebook"

(Prototype team page)
 
 
Line 1: Line 1:
−
{{Bristol}}
+
{{Bristol/head}} {{Bristol/navbar}}
 
<html>
 
<html>
  
 +
<body>
  
−
<div class="column full_size">
+
  <div class="container">
  
−
<h1>Notebook</h1>
+
    <div class="banner-sm fadeIn">
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
      <div class="banner-text-sm">
 +
        <h1 class="Up">Lab Notes</h1>
 +
        <p class="Up">Behind the scenes exclusive!</p>
 +
      </div>
 +
    </div>
 +
    <div class="fadeIn">
 +
      <p class="lead Up">After our DNA and primers were designed, ordered and delivered, we finally began the lab work for our project at the beginning of August. Below we have shared our lab notebook, so you can see everything we got up to in the lab.</p>
 +
    </div>
  
−
</div>
+
    <hr class="featurette-divider">
−
<div class="clear"></div>
+
  
 +
    <div class="row parts align-items-center fadeIn">
 +
      <div class="col-md-4">
 +
        <img class="featurette-image" src="https://static.igem.org/mediawiki/2017/e/e7/T--Bristol--LabNotebook1.jpg">
 +
      </div>
 +
      <div class="col-md-4">
 +
        <img class="featurette-image" src="https://static.igem.org/mediawiki/2017/c/cf/T--Bristol--LabNotebook2.jpg">
 +
      </div>
 +
      <div class="col-md-4">
 +
        <img class="featurette-image" src="https://static.igem.org/mediawiki/2017/4/43/T--Bristol--LabNotebook3.jpg">
 +
      </div>
 +
    </div>
  
−
<div class="column half_size">
+
    <hr class="featurette-divider">
−
<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>
+
  
−
</div>
+
      <object width="100%" height="750" data="https://static.igem.org/mediawiki/2017/5/5d/T--Bristol--LabDiary.pdf">
 +
        </object>
 +
      <p><br></p>
  
−
<div class="column half_size">
 
−
<h5>Inspiration</h5>
 
−
<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>
+
 
 +
    <!-- <div id="carouselExampleControls" class="carousel slide" data-ride="carousel", data-interval="false">
 +
      <div class="carousel-inner" role="listbox">
 +
        <div class="carousel-item active">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/7/78/T--Bristol--LabDiaryPage1.png" alt="First slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/4/43/T--Bristol--mediaguide-2.png" alt="Second slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/e/e9/T--Bristol--mediaguide-3.png" alt="Third slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/T--Bristol--mediaguide-4.png" alt="Fourth slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/2/29/T--Bristol--mediaguide-5.png" alt="Fifth slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/f/fa/T--Bristol--mediaguide-6.png" alt="Sixth slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/6/65/T--Bristol--mediaguide-7.png" alt="Seventh slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/4/43/T--Bristol--mediaguide-8.png" alt="eigth slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/9/90/T--Bristol--mediaguide-9.png" alt="Ninth slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/0/02/T--Bristol--mediaguide-10.png" alt="Tenth slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/b/b4/T--Bristol--mediaguide-11.png" alt="Eleventh slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/f/f4/T--Bristol--mediaguide-12.png" alt="Twelth slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/a/a1/T--Bristol--mediaguide-13.png" alt="Thirteenth slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/d/d5/T--Bristol--mediaguide-14.png" alt="Fourteenth slide">
 +
        </div>
 +
        <div class="carousel-item">
 +
          <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/d/d6/T--Bristol--mediaguide-15.png" alt="Fifteenth slide">
 +
        </div>
 +
      </div>
 +
      <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
 +
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 +
        <span class="sr-only">Previous</span>
 +
      </a>
 +
      <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
 +
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
        <span class="sr-only">Next</span>
 +
      </a>
 +
    </div> -->
 +
 
 +
    </div>
 +
 
 +
    <!-- <div class="notebook fadeIn">
 +
      <h2 class="Up">Week 1</h2>
 +
      <hr class="jumbotron-hr">
 +
      <div class="row align-items-center Pop">
 +
        <div class="col-md-3 notebookicon">
 +
          <img src="https://image.flaticon.com/icons/svg/501/501438.svg">
 +
        </div>
 +
        <div class="col-md-9">
 +
          <h3>Wet Lab</h3>
 +
          <p class="lead">
 +
            <ul class="list-group">
 +
              <li class="list-group-item">Lab safety induction</li>
 +
              <li class="list-group-item">Plasmid backbone selection </li>
 +
            </ul>
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="row align-items-center Pop">
 +
        <div class="col-md-3 notebookicon">
 +
          <img src="https://image.flaticon.com/icons/svg/501/501394.svg">
 +
        </div>
 +
        <div class="col-md-9">
 +
          <h3>Dry Lab</h3>
 +
          <p class="lead">
 +
            <ul class="list-group">
 +
              <li class="list-group-item">Found operon gene sequences and BLAST searched</li>
 +
              <li class="list-group-item">Plasmid design and snap gene assembly</li>
 +
              <li class="list-group-item">Designed BioBrick for Nrf operon</li>
 +
              <li class="list-group-item">Meetings with Ross, Paul, Fabio and Virginie</li>
 +
              <li class="list-group-item">Researched ammonia as an electron donor for MFCs</li>
 +
              <li class="list-group-item">Made possible design for MFC (based on Ioannis’ research) and looked at anode/cathode materials</li>
 +
              <li class="list-group-item">Risk assessment</li>
 +
            </ul>
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="row align-items-center Pop">
 +
        <div class="col-md-3 notebookicon">
 +
          <img src="https://image.flaticon.com/icons/svg/501/501433.svg">
 +
        </div>
 +
        <div class="col-md-9">
 +
          <h3>Human Practices</h3>
 +
          <p class="lead">
 +
            <li class="list-group-item">Meetings with Ben, Mireia and Vivienne from UOB Public Engagement.</li>
 +
            <li class="list-group-item">Secured space at Big Bang Bristol Science Fair (6th/7th July).</li>
 +
            <li class="list-group-item">Attended Cabot Institute mini-symposium, speaking to Matt Rigby, Jo House and Hayley Shaw.</li>
 +
            <li class="list-group-item">Met with Tilly Scott (UWE- Graphic Design) about logo and web design ideas.</li>
 +
            <li class="list-group-item">Went live on our Facebook page and Instagram</li>
 +
            <li class="list-group-item">Started wiki design</li>
 +
            <li class="list-group-item">Met with Myriam from Aix-Marseille about potential collaborations</li>
 +
          </p>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="notebook">
 +
      <h2>Week 2</h2>
 +
      <hr class="jumbotron-hr">
 +
      <div class="row align-items-center">
 +
        <div class="col-md-3 notebookicon">
 +
          <img src="https://image.flaticon.com/icons/svg/501/501438.svg">
 +
        </div>
 +
        <div class="col-md-9">
 +
          <h3>Wet Lab</h3>
 +
          <p class="lead">
 +
            <li class="list-group-item">It uses utility classes for typography and spacing to space content out within the larger container.</li>
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="row align-items-center">
 +
        <div class="col-md-3 notebookicon">
 +
          <img src="https://image.flaticon.com/icons/svg/501/501394.svg">
 +
        </div>
 +
        <div class="col-md-9">
 +
          <h3>Dry Lab</h3>
 +
          <li class="list-group-item">It uses utility classes for typography and spacing to space content out within the larger container.</li>
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="row align-items-center">
 +
        <div class="col-md-3 notebookicon">
 +
          <img src="https://image.flaticon.com/icons/svg/501/501433.svg">
 +
        </div>
 +
        <div class="col-md-9">
 +
          <h3>Human Practices</h3>
 +
          <p class="lead">
 +
            <li class="list-group-item">Created Pollution Bot, a twitter bot aimed at engaging people with real time pollution data in their area.</li>
 +
            <li class="list-group-item">Science fair and education planning.</li>
 +
            <li class="list-group-item">Attended Cabot Institute mini-symposium, speaking to Matt Rigby, Jo House and Hayley Shaw.</li>
 +
          </p>
 +
        </div>
 +
      </div>
 +
    </div> -->
 +
  </div>
 +
 
 +
</body>
 +
 
 
</html>
 
</html>
 +
{{Bristol/footer}}

Latest revision as of 19:09, 29 October 2017

After our DNA and primers were designed, ordered and delivered, we finally began the lab work for our project at the beginning of August. Below we have shared our lab notebook, so you can see everything we got up to in the lab.