Difference between revisions of "Team:Harvard BioDesign/Notebook"

 
(32 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<!doctype html>
+
<!--
−
<html lang="en" class="no-js">
+
  Prologue by HTML5 UP
 +
  html5up.net | @n33co
 +
  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
-->
 +
<html>
 
<head>
 
<head>
−
<meta charset="UTF-8">
+
  <title>Prologue by HTML5 UP</title>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
  <meta charset="utf-8" />
 +
  <meta name="viewport" content="width=device-width, initial-scale=1" />
 +
  <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
 +
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Harvard_BioDesign/CSS_Scroll0?action=raw&ctype=text/css" />
 +
  <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
 +
  <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
  
−
<link href='http://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:400,700' rel='stylesheet' type='text/css'>
 
  
−
<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
 
−
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
 
−
 
 
−
<title>Responsive Vertical Timeline</title>
 
 
</head>
 
</head>
 +
 
<body>
 
<body>
−
<header>
 
−
<h1>Responsive Vertical Timeline</h1>
 
−
</header>
 
  
−
<section id="cd-timeline" class="cd-container">
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture">
 
−
                                <img src="https://static.igem.org/mediawiki/2015/5/54/Paint-bucket.pdf" alt="Paint-bucket">
 
−
<img class="memberpic" src="https://static.igem.org/mediawiki/2015/8/83/Aalto-Helsinki_teammember_Anna.JPG"></img>
 
−
</div> <!-- cd-timeline-img -->
 
  
−
<div class="cd-timeline-content">
+
  <!-- header -->
−
<h2>Title of section 1</h2>
+
    <div id="header">
−
<p>I like pie.</p>
+
      <div class="inner">
−
<a href="#0" class="cd-read-more">Read more</a>
+
      <div class="top">
−
<span class="cd-date">Jan 14</span>
+
        <!-- Logo -->
−
</div> <!-- cd-timeline-content -->
+
          <div id="logo">
−
</div> <!-- cd-timeline-block -->
+
            <span class="harvardLogo"><a href="https://2015.igem.org/Team:Harvard_BioDesign"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:275px;height:200px;margin-left:-50px"/></a> </span>
 +
          <!-- <h1 id="title">Harvard BioDesign 2015</h1>-->
 +
          </div><!-- #Logo -->
 +
 
 +
        <!-- Nav -->
 +
          <nav id="nav">
 +
            <!--
 +
 
 +
              Prologue's nav expects links in one of two formats:
 +
 
 +
              1. Hash link (scrolls to a different section within the page)
 +
 
 +
                <li><a href="#foobar" id="foobar-link" class="icon fa-whatever-icon-you-want skel-layers-ignoreHref"><span class="label">Foobar</span></a></li>
 +
 
 +
              2. Standard link (sends the user to another page/site)
 +
 
 +
                <li><a href="http://foobar.tld" id="foobar-link" class="icon fa-whatever-icon-you-want"><span class="label">Foobar</span></a></li>
 +
 
 +
            -->
 +
        <!-- Subsections -->
 +
</nav>
 +
</div><!--#top-->
 +
 
 +
      <div class="bottom">
 +
<nav id="nav"> <!-- Main Menu --> <h4><div class="innertwo">Main Pages</div></h4>
 +
  <ul>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Project">Project</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Results">Results</a></li>
 +
  <li><a class="curPage" href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices">Practices</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations">Collaborations</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Team">Team</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li>
 +
  </ul>
 +
</nav>
 +
 
 +
 
 +
 
 +
        <!-- Social Icons -->
 +
          <ul class="icons">
 +
 
 +
            <li><a href="https://www.facebook.com/harvardigem2015" target="_blank">
 +
                  <img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:51px;height:51px;"></a></li>
 +
            <li><a href="https://twitter.com/HarvardiGEM2015" target="_blank">
 +
                  <img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:51px;height:51px;"></a></li>
 +
            <li><a href="mailto:harvardigem2015@gmail.com">
 +
                  <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li>
 +
          </ul>
 +
      </div><!--#bottom-->
 +
      </div><!--#inner-->
 +
    </div><!--#header-->
 +
 
 +
    <!-- Main -->
 +
      <div id="main">
 +
 
 +
        <!-- Intro -->
 +
          <section id="top" class="one dark cover">
 +
            <div class="container">
 +
 
 +
              <header>
 +
    <img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png"/>
 +
                <h2 class="alt">Our <strong>2015 Lab Notebook</strong>!<br /></h2>
 +
              </header>
 +
 
 +
<div class="inner-container" >
 +
 
 +
<div class="noterow">
 +
<div class = "column">
 +
 
 +
 
 +
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/f/f8/Harvard_Notebook_1.jpg" /></div>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 6/1</h2>
 +
<p class="entrytext">First week in lab!
 +
  <br>Microbiology boot camp.
 +
  <br>How to pour plates,
 +
  <br>PCR, miniprep, gel electrophoresis.
 +
  <br>
 +
Researched project ideas.</p></div>
 +
 
 +
<br><br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 6/8</h2>
 +
<p class="entrytext">Settle on bacterial adhesion.
 +
<br>
 +
Further background research.
 +
<br>
 +
Plasmid design, primer design.
 +
<br>
 +
Chose fusion peptides.
 +
<br>
 +
Ordered gBlocks from IDT of Rhamnose, Lac, and Arabinose promoters.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 6/15</h2>
 +
<p class="entrytext">PCR backbones and fim proteins.
 +
  <br>
 +
Poured Chloramphenicol and Ampicillin plates.
 +
<br>
 +
Gibson assembly of operon plasmid and fimH plasmid.
 +
<br>
 +
Pili purification assay development.
 +
<br>
 +
NEGEM Meetup #1.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 6/22</h2>
 +
<p class="entrytext">Redo failed PCRs.
 +
  <br>
 +
Redo failed Gibsons.
 +
<br>
 +
Transform and plate operon Gibson.
 +
<br>
 +
Pili purification and agglutination assay development.
 +
<br>
 +
Microscopy on control strains.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 6/29</h2>
 +
<p class="entrytext">Miniprep operon plasmid.
 +
  <br>
 +
Sent for sequencing.
 +
<br>
 +
Unsuccessful- redo operon PCRs.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 7/6</h2>
 +
<p class="entrytext">Induction.
 +
  <br>
 +
Operon Gibson.
 +
<br>
 +
Agglutination assay development.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 7/13</h2>
 +
<p class="entrytext">Induction.
 +
  <br>
 +
Edit out illegal PstI cut site from fimH.
 +
<br>
 +
Mutagenesis to add binding peptides.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 7/20</h2>
 +
<p class="entrytext">Induction.
 +
  <br>
 +
Transform measurement study parts.
 +
<br>
 +
Mutagenesis to add binding peptides.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 7/27</h2>
 +
<p class="entrytext">Induction.
 +
  <br>
 +
Nickel binding assay.
 +
<br>
 +
Made biobricks for pRha-fimH and fimH. PCR-ing out from parts we were using with low-copy backbone, Gibson with pSB1C3.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 8/2</h2>
 +
<p class="entrytext">Induction. Induction. More Induction.
 +
  <br>
 +
Nickel binding assay.
 +
<br>
 +
Stainless steel binding assay.
 +
<br>
 +
Cancer binding assay.
 +
<br>
 +
Made biobricks, sent for sequencing.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
 
 +
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/e/e7/Harvard_Notebook_2.jpg" /></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week 8/9</h2>
 +
<p class="entrytext">Induction. Induction. More Induction.
 +
Nickel binding assay.
 +
Stainless steel binding assay.
 +
Cancer binding assay.
 +
Retried failed biobricks.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 8/16</h2>
 +
<p class="entrytext">Break from lab.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 8/23</h2>
 +
<p class="entrytext">Break from lab.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 8/30</h2>
 +
<p class="entrytext">Wiki and presentation planning.
 +
</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 9/6</h2>
 +
<p class="entrytext">Retried failed biobricks.
 +
 
 +
Obtained results for Rhamnose-GFP inductions.
 +
 
 +
Made presentation.
 +
 
 +
NEGEM Meetup #2!</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">Week of 9/13</h2>
 +
<p class="entrytext">Worked on parts pages.
 +
Worked on wiki.</p></div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="entry"><img src="https://static.igem.org/mediawiki/2015/4/43/Harvard2015Cog.png"/><h2 class="day">9/24 - 9/28</h2>
 +
<p class="entrytext">iGEM Giant Jamboree!!!</p></div>
  
−
<div class="cd-timeline-block">
+
<br>
−
<div class="cd-timeline-img cd-movie">
+
<br>
−
<img src="https://static.igem.org/mediawiki/2015/9/9d/Edit-49.pdf" alt="Edit-49">
+
−
</div> <!-- cd-timeline-img -->
+
  
−
<div class="cd-timeline-content">
+
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/7/79/Harvard_Notebook_3.jpg" /></div>
−
<h2>Title of section 2</h2>
+
</div>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?</p>
+
</div>
−
<a href="#0" class="cd-read-more">Read more</a>
+
</div> <!--Intro-->
−
<span class="cd-date">Jan 18</span>
+
</section>
−
</div> <!-- cd-timeline-content -->
+
−
</div> <!-- cd-timeline-block -->
+
  
−
<div class="cd-timeline-block">
+
<section id="notes" class="two">
−
<div class="cd-timeline-img cd-picture">
+
<div class="container">
−
<img src="https://static.igem.org/mediawiki/2015/8/89/Eye.pdf" alt="Eye">
+
−
</div> <!-- cd-timeline-img -->
+
  
−
<div class="cd-timeline-content">
+
</div></section>
−
<h2>Title of section 3</h2>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, obcaecati, quisquam id molestias eaque asperiores voluptatibus cupiditate error assumenda delectus odit similique earum voluptatem doloremque dolorem ipsam quae rerum quis. Odit, itaque, deserunt corporis vero ipsum nisi eius odio natus ullam provident pariatur temporibus quia eos repellat consequuntur perferendis enim amet quae quasi repudiandae sed quod veniam dolore possimus rem voluptatum eveniet eligendi quis fugiat aliquam sunt similique aut adipisci.</p>
+
−
<a href="#0" class="cd-read-more">Read more</a>
+
−
<span class="cd-date">Jan 24</span>
+
−
</div> <!-- cd-timeline-content -->
+
−
</div> <!-- cd-timeline-block -->
+
  
−
<div class="cd-timeline-block">
+
<!-- Footer -->
−
<div class="cd-timeline-img cd-location">
+
  <div id="footer">
−
<img src="https://static.igem.org/mediawiki/2015/5/54/Paint-bucket.pdf" alt="Paint-bucket">
+
−
</div> <!-- cd-timeline-img -->
+
  
−
<div class="cd-timeline-content">
+
  <ul class="copyright">
−
<h2>Title of section 4</h2>
+
      <li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
+
      </ul>
−
<a href="#0" class="cd-read-more">Read more</a>
+
−
<span class="cd-date">Feb 14</span>
+
−
</div> <!-- cd-timeline-content -->
+
−
</div> <!-- cd-timeline-block -->
+
  
−
<div class="cd-timeline-block">
+
  </div> <!--Footer-->
−
<div class="cd-timeline-img cd-location">
+
</div> <!--Main-->
−
<img src="https://static.igem.org/mediawiki/2015/8/8c/Scissors.pdf" alt="Scissors">
+
−
</div> <!-- cd-timeline-img -->
+
  
−
<div class="cd-timeline-content">
+
<!-- Scripts -->
−
<h2>Title of section 5</h2>
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll1?action=raw&ctype=text/javascript"></script>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum.</p>
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll2?action=raw&ctype=text/javascript"></script>
−
<a href="#0" class="cd-read-more">Read more</a>
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll3?action=raw&ctype=text/javascript"></script>
−
<span class="cd-date">Feb 18</span>
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll4?action=raw&ctype=text/javascript"></script>
−
</div> <!-- cd-timeline-content -->
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll5?action=raw&ctype=text/javascript"></script>
−
</div> <!-- cd-timeline-block -->
+
  <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll0?action=raw&ctype=text/javascript"></script>
  
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-movie">
 
−
<img src="https://static.igem.org/mediawiki/2015/5/54/Paint-bucket.pdf" alt="Paint-bucket">
 
−
</div> <!-- cd-timeline-img -->
 
  
−
<div class="cd-timeline-content">
 
−
<h2>Final Section</h2>
 
−
<p>This is the content of the last section</p>
 
−
<span class="cd-date">Feb 26</span>
 
−
</div> <!-- cd-timeline-content -->
 
−
</div> <!-- cd-timeline-block -->
 
−
</section> <!-- cd-timeline -->
 
−
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 
−
<script src="js/main.js"></script> <!-- Resource jQuery -->
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:54, 19 September 2015

Prologue by HTML5 UP

Our 2015 Lab Notebook!

Week of 6/1

First week in lab!
Microbiology boot camp.
How to pour plates,
PCR, miniprep, gel electrophoresis.
Researched project ideas.



Week of 6/8

Settle on bacterial adhesion.
Further background research.
Plasmid design, primer design.
Chose fusion peptides.
Ordered gBlocks from IDT of Rhamnose, Lac, and Arabinose promoters.



Week of 6/15

PCR backbones and fim proteins.
Poured Chloramphenicol and Ampicillin plates.
Gibson assembly of operon plasmid and fimH plasmid.
Pili purification assay development.
NEGEM Meetup #1.



Week of 6/22

Redo failed PCRs.
Redo failed Gibsons.
Transform and plate operon Gibson.
Pili purification and agglutination assay development.
Microscopy on control strains.



Week of 6/29

Miniprep operon plasmid.
Sent for sequencing.
Unsuccessful- redo operon PCRs.



Week of 7/6

Induction.
Operon Gibson.
Agglutination assay development.



Week of 7/13

Induction.
Edit out illegal PstI cut site from fimH.
Mutagenesis to add binding peptides.



Week of 7/20

Induction.
Transform measurement study parts.
Mutagenesis to add binding peptides.



Week of 7/27

Induction.
Nickel binding assay.
Made biobricks for pRha-fimH and fimH. PCR-ing out from parts we were using with low-copy backbone, Gibson with pSB1C3.



Week of 8/2

Induction. Induction. More Induction.
Nickel binding assay.
Stainless steel binding assay.
Cancer binding assay.
Made biobricks, sent for sequencing.





Week 8/9

Induction. Induction. More Induction. Nickel binding assay. Stainless steel binding assay. Cancer binding assay. Retried failed biobricks.



Week of 8/16

Break from lab.



Week of 8/23

Break from lab.



Week of 8/30

Wiki and presentation planning.



Week of 9/6

Retried failed biobricks. Obtained results for Rhamnose-GFP inductions. Made presentation. NEGEM Meetup #2!



Week of 9/13

Worked on parts pages. Worked on wiki.



9/24 - 9/28

iGEM Giant Jamboree!!!