Difference between revisions of "Team:Northwestern/Lab"

 
(109 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{ Northwestern Page Head}}
+
{{ Northwestern_Page_Head_temp}}
−
{{ Navbar }}
+
{{ Navbar_temp }}
  
 
<html>
 
<html>
Line 8: Line 8:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">  
 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">  
−
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
 
 
<link rel="stylesheet" href="https://cdhttps://2017.igem.org/njs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://cdhttps://2017.igem.org/njs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
−
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
 
−
<script src="//use.edgefonts.net/josefin-sans:n1,i1,n3,i3,n4,i4,n6,i6,n7,i7.js"></script>
 
−
<script src="//use.edgefonts.net/aladin.js"></script>
 
  
−
<style>
+
<head>
 +
<script>  
  
−
@import url('https://fonts.googleapis.com/css?family=Pacifico|Open+Sans:300,400,600');
+
$(document).ready(function () {
 +
    var parentDivs = $('#nestedAccordion div'),
 +
        childDivs = $('#nestedAccordion h3').siblings('div');
  
−
* {
+
    $('#nestedAccordion button').click(function () {
−
    box-sizing: border-box;
+
        parentDivs.slideUp();
−
    font-family: 'Open Sans',sans-serif;
+
        if ($(this).next().is(':hidden')) {
−
    font-weight: 300;
+
            $(this).next().slideDown();
−
}
+
        } else {
 +
            $(this).next().slideUp();
 +
        }
 +
    });
  
−
a {
 
−
    text-decoration: none;
 
−
    color: inherit;
 
−
}
 
  
−
p {
+
    $('#nestedAccordion h3').click(function () {
−
    font-size:1.1em;
+
        childDivs.slideUp();
−
     margin: 1em 0;
+
        if ($(this).next().is(':hidden')) {
−
}
+
            $(this).next().slideDown();
 +
        } else {
 +
            $(this).next().slideUp();
 +
        }
 +
     });
 +
});
  
−
.description {
+
</script>
−
  margin: 1em auto 2.25em;
+
−
}
+
  
−
body {
+
</head>
−
    width: 40%;
+
−
    min-width: 300px;
+
<body>
−
    max-width: 400px;
+
−
    margin: 1.5em auto;
+
−
    color: #333;
+
−
}
+
  
−
h1 {
+
<br>
−
    font-family: 'Pacifico', cursive;
+
−
    font-weight: 400;
+
−
    font-size: 2.5em;
+
−
}
+
  
−
ul {
+
<center><h1 style="padding-top:2%; padding-right: 15%; padding-left:15%"><br><br>Lab Notebook</h3></center>
−
    list-style: none;
+
−
    padding: 0;
+
−
 
+
−
    .inner {
+
−
        padding-left: 1em;
+
−
        overflow: hidden;
+
−
        display: none;
+
−
     
+
−
        &.show {
+
−
          /*display: block;*/
+
−
        }
+
−
    }
+
−
 
+
−
    li {
+
−
        margin: .5em 0;
+
−
     
+
−
        a.toggle {
+
−
            width: 100%;
+
−
            display: block;
+
−
            background: rgba(0,0,0,0.78);
+
−
            color: #fefefe;
+
−
            padding: .75em;
+
−
            border-radius: 0.15em;
+
−
            transition: background .3s ease;
+
−
         
+
−
            &:hover {
+
−
                background: rgba(0, 0, 0, 0.9);
+
−
            }
+
−
        }
+
−
    }
+
−
}
+
  
−
</style>
+
<br>
  
−
<body>
+
<div id="nestedAccordion" class="w3-center">
 +
  <button class="w3-button w3-block panel-collapse collapse" style="font-size:30px; padding-top: 2%; padding-bottom: 2%"> Weekly summaries</button>
 +
    <div style="display:none;">
 +
        <h3 class="w3-button w3-block"> Week 1 and 2</h3>
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/archive/3/3d/20170802184027%21T--Northwestern--Week2.pdf" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/archive/3/3d/20170802184027%21T--Northwestern--Week2.pdf"></a>
 +
</object> </center> </div>
 +
        <h3 class="w3-button w3-block"> Week 3</h3 >
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/d/d9/T--Northwestern--Week3.pdf" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/d/d9/T--Northwestern--Week3.pdf"></a>
 +
</object> </center> </div>
 +
        <h3 class="w3-button w3-block"> Week 4</h3 >
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/6/66/T--Northwestern--Week4.pdf" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/6/66/T--Northwestern--Week4.pdf"></a>
 +
</object> </center> </div>
 +
          <h3 class="w3-button w3-block"> Week 5</h3 >
 +
        <div>  <center><object data="https://static.igem.org/mediawiki/2017/1/16/Lab_Notebook_-_Week_5_%287-10-17-7-16-17%29_2017-07-10_-_2017-07-14_%28etr_XTi9rICh%29.pdf" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/1/16/Lab_Notebook_-_Week_5_%287-10-17-7-16-17%29_2017-07-10_-_2017-07-14_%28etr_XTi9rICh%29.pdf"></a>
 +
</object> </center> </div>
 +
          <h3 class="w3-button w3-block"> Week 6</h3 >
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/e/ee/T--Northwestern--Week6.pdf" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/e/ee/T--Northwestern--Week6.pdf"></a>
 +
</object> </center> </div>
 +
          <h3 class="w3-button w3-block"> Week 7</h3 >
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/b/b9/T--Northwestern--Week7.pdf" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/b/b9/T--Northwestern--Week7.pdf"></a>
 +
</object> </center> </div>
 +
        <h3 class="w3-button w3-block"> Week 8-9</h3 >
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/7/72/T-Northwestern--Week8.pdf" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/7/72/T-Northwestern--Week8.pdf"></a>
 +
</object> </center> </div>
  
−
<h1>A Cool Accordion</h1>
+
        <h3 class="w3-button w3-block"> Week 10</h3 >
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/d/d7/T-Northwestern--Week10.pdf" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/d/d7/T-Northwestern--Week10.pdf"></a>
 +
</object> </center> </div>
  
−
<p class="description">
+
    </div>
−
  You could simply toggle the .show class (if display: block is uncommented in the CSS) in JavaScript, but you'll lose the animation.
+
−
</p>
+
  
−
<ul class="accordion">
+
<button class="w3-button w3-block" style="font-size : 30px; padding-top: 2%; padding-bottom: 2%"> Protocols  </button>
−
  <li>
+
     <div style="display:none;">  
−
    <a class="toggle" href="javascript:void(0);">Item 1</a>
+
     <h3 id = "input" class="w3-button w3-block"> Making TAE buffer</h3 >  
−
    <ul class="inner">
+
<div> <center><object data="https://static.igem.org/mediawiki/2017/c/ca/T--Northwestern--10xTAE.pdf
−
      <li>Option 1</li>
+
" type="application/pdf" width="75%" height="600px">
−
      <li>Option 2</li>
+
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/c/ca/T--Northwestern--10xTAE.pdf
−
      <li>Option 3</li>
+
"></a>
−
    </ul>
+
</object> </center> </div>  
−
  </li>
+
−
 
+
−
  <li>
+
−
    <a class="toggle" href="javascript:void(0);">Item 2</a>
+
−
    <ul class="inner">
+
−
      <li>Option 1</li>
+
−
      <li>Option 2</li>
+
−
      <li>Option 3</li>
+
−
     </ul>
+
−
  </li>
+
−
 
+
−
  <li>
+
−
    <a class="toggle" href="javascript:void(0);">Item 3</a>
+
−
     <ul class="inner">
+
−
      <li>
+
−
        <a href="#" class="toggle">Open Inner</a>
+
−
        <div class="inner">
+
−
          <p>
+
−
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempus placerat fringilla. Duis a elit et dolor laoreet volutpat. Aliquam ultrices mauris id mattis imperdiet. Aenean cursus ultrices justo et varius. Suspendisse aliquam orci id dui dapibus
+
−
            blandit. In hac habitasse platea dictumst. Sed risus velit, pellentesque eu enim ac, ultricies pretium felis.
+
−
          </p>
+
−
        </div>
+
−
      </li>
+
−
     
+
−
      <li>
+
−
        <a href="#" class="toggle">Open Inner #2</a>
+
−
        <div class="inner">
+
−
          <p>
+
−
            Children will automatically close upon closing its parent.
+
−
          </p>
+
−
        </div>
+
−
      </li>
+
−
     
+
−
      <li>Option 3</li>
+
−
    </ul>
+
−
  </li>
+
−
 
+
−
  <li>
+
−
    <a class="toggle" href="javascript:void(0);">Item 4</a>
+
−
    <ul class="inner">
+
−
      <li>
+
−
        <a href="#" class="toggle">Technically any number of nested elements</a>
+
−
        <ul class="inner">
+
−
          <li>
+
−
            <a href="#" class="toggle">Another nested element</a>
+
−
            <div class="inner">
+
−
              <p>
+
−
                As long as the inner element has inner as one of its classes then it will be toggled.
+
−
              </p>
+
−
              <p>
+
−
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempus placerat fringilla. Duis a elit et dolor laoreet volutpat. Aliquam ultrices mauris id mattis imperdiet. Aenean cursus ultrices justo et varius. Suspendisse aliquam orci id dui dapibus
+
−
                blandit. In hac habitasse platea dictumst. Sed risus velit, pellentesque eu enim ac, ultricies pretium felis.
+
−
              </p>
+
−
            </div>
+
−
          </li>
+
−
        </ul>
+
−
      </li>
+
−
     
+
−
      <li>Option 2</li>
+
−
     
+
−
      <li>Option 3</li>
+
−
    </ul>
+
−
  </li>
+
−
</ul>
+
  
−
</body>  
+
    <h3 class="w3-button w3-block"> Culture Innoculation</h3 >
 +
      <div>  <center><object data="https://static.igem.org/mediawiki/2017/7/72/T--Northwestern--CultureInoculation.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/7/72/T--Northwestern--CultureInoculation.pdf
 +
"></a>
 +
</object> </center> </div>  
  
−
<script>  
+
    <h3 class="w3-button w3-block"> Gemstone dye protocol</h3 >  
−
$('.toggle').click(function(e) {
+
      <div> <center><object data="https://static.igem.org/mediawiki/2017/f/f7/T--Northwestern--GemstoneDye.pdf
−
  e.preventDefault();
+
" type="application/pdf" width="75%" height="600px">
−
 
+
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/f/f7/T--Northwestern--GemstoneDye.pdf
−
    var $this = $(this);
+
"></a>
−
 
+
</object> </center> </div>
−
    if ($this.next().hasClass('show')) {
+
−
        $this.next().removeClass('show');
+
−
        $this.next().slideUp(350);
+
−
    } else {
+
−
        $this.parent().parent().find('li .inner').removeClass('show');
+
−
        $this.parent().parent().find('li .inner').slideUp(350);
+
−
        $this.next().toggleClass('show');
+
−
        $this.next().slideToggle(350);
+
−
    }
+
−
});
+
  
−
</script>
 
  
 +
      <h3 class="w3-button w3-block"> Fractionation</h3 >
 +
      <div> <center><object data="https://static.igem.org/mediawiki/2017/1/18/T--Northwestern--Fractionation.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/1/18/T--Northwestern--Fractionation.pdf
 +
"></a>
 +
</object> </center>  </div>
 +
   
 +
      <h3 class="w3-button w3-block"> LB + Plate</h3 >
 +
      <div> <center><object data="https://static.igem.org/mediawiki/2017/d/da/T--Northwestern--LBPlate.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/d/da/T--Northwestern--LBPlate.pdf
 +
"></a>
 +
</object> </center> </div>
 +
 +
      <h3 class="w3-button w3-block"> Supplemented Media</h3 >
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/7/73/T--Northwestern--M9SupplementedMedia.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/7/73/T--Northwestern--M9SupplementedMedia.pdf
 +
"></a>
 +
</object> </center> </div>
 +
       
 +
        <h3 class="w3-button w3-block"> Transformations</h3 >
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/f/f8/T--Northwestern--TransformationProtocol.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/f/f8/T--Northwestern--TransformationProtocol.pdf
 +
"></a>
 +
</object> </center> </div>
 +
       
 +
          <h3 class="w3-button w3-block"> Miniprep (Promega)</h3 >
 +
          <div> <center><object data="https://static.igem.org/mediawiki/2017/9/9b/T--Northwestern--MiniprepPromega.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/9/9b/T--Northwestern--MiniprepPromega.pdf
 +
"></a>
 +
</object> </center> </div>
 +
       
 +
          <h3 class="w3-button w3-block"> OMV Purification</h3 >
 +
          <div> <center><object data="https://static.igem.org/mediawiki/2017/e/e0/T--Northwestern--OMVPurification.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/e/e0/T--Northwestern--OMVPurification.pdf
 +
"></a>
 +
</object> </center> </div>
 +
<h3 class="w3-button w3-block">PCR for Removal of His6 Tag from DsbA</h3 >
 +
            <div> <center><object data="https://static.igem.org/mediawiki/2017/9/91/T--Northwestern--PCRHisRemoval.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/9/91/T--Northwestern--PCRHisRemoval.pdf
 +
"></a>
 +
</object> </center> </div>
 +
 +
            <h3 class="w3-button w3-block">Sequencing</h3 >
 +
            <div> <center><object data="https://static.igem.org/mediawiki/2017/7/71/T--Northwestern--Sequencing.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/7/71/T--Northwestern--Sequencing.pdf
 +
"></a>
 +
</object> </center> </div>
 +
 +
            <h3 class="w3-button w3-block">2xYT</h3 >
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/5/54/T--Northwestern--RecipeFor2xYT.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/5/54/T--Northwestern--RecipeFor2xYT.pdf
 +
"></a>
 +
</object> </center> </div>
 +
         
 +
            <h3 class="w3-button w3-block">Self-circularization of linear DNA</h3 >
 +
        <div> <center><object data="https://static.igem.org/mediawiki/2017/b/b3/T--Northwestern--SelfCircularization.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/b/b3/T--Northwestern--SelfCircularization.pdf
 +
"></a>
 +
</object> </center> </div>
 +
 +
            <h3 class="w3-button w3-block">Spectinmyocin</h3 >
 +
        <div>  <center><object data="https://static.igem.org/mediawiki/2017/0/09/T--Northwestern--Spectinomycin.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/0/09/T--Northwestern--Spectinomycin.pdf
 +
"></a>
 +
</object> </center> </div>
 +
            <h3 class="w3-button w3-block">Tyler's Transformation and Fluorescence</h3 >
 +
        <div>  <center><object data="https://static.igem.org/mediawiki/2017/9/9c/T--Northwestern--TylerFluorescence.pdf
 +
" type="application/pdf" width="75%" height="600px">
 +
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/9/9c/T--Northwestern--TylerFluorescence.pdf
 +
"></a>
 +
</object> </center> </div>
 +
 +
 +
</div>
 +
       
 +
 +
</div>
 +
</div>
 +
 +
<br>
 +
 +
 +
</body>
  
 
</html>
 
</html>
−
{{Northwestern_Page_Foot}}
 

Latest revision as of 03:55, 2 November 2017

Northwestern Template Northwestern Template

Overview Silver Gold Collaborations Engagement
Overview
Experiments Modeling Results Notebook Safety Interlab
Description Design Medal Criteria
About Us Attributions

Northwestern Template



Lab Notebook


Week 1 and 2

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Week 3

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Week 4

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Week 5

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Week 6

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Week 7

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Week 8-9

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Week 10

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Making TAE buffer

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Culture Innoculation

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Gemstone dye protocol

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Fractionation

Your device does not support embed PDFs. Please click the following link to open up the PDF.

LB + Plate

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Supplemented Media

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Transformations

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Miniprep (Promega)

Your device does not support embed PDFs. Please click the following link to open up the PDF.

OMV Purification

Your device does not support embed PDFs. Please click the following link to open up the PDF.

PCR for Removal of His6 Tag from DsbA

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Sequencing

Your device does not support embed PDFs. Please click the following link to open up the PDF.

2xYT

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Self-circularization of linear DNA

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Spectinmyocin

Your device does not support embed PDFs. Please click the following link to open up the PDF.

Tyler's Transformation and Fluorescence

Your device does not support embed PDFs. Please click the following link to open up the PDF.