Difference between revisions of "Team:IIT Delhi/recipe"

(Created page with "ftab<html> <script> // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function() {scrollFunction()}; function scrollFunction...")
 
 
(29 intermediate revisions by 7 users not shown)
Line 1: Line 1:
−
ftab<html>
+
<html>
−
 
+
<link href='https://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet'>
 
<script>
 
<script>
 
// When the user scrolls down 20px from the top of the document, show the button
 
// When the user scrolls down 20px from the top of the document, show the button
Line 23: Line 23:
 
@import url(font-awesome.min.css);
 
@import url(font-awesome.min.css);
 
@import url("http://fonts.googleapis.com/css?family=Lato:300,400");
 
@import url("http://fonts.googleapis.com/css?family=Lato:300,400");
−
 
+
@import url ("'https://fonts.googleapis.com/css?family=Boogaloo");
  
 
#myBtn {
 
#myBtn {
Line 63: Line 63:
 
top:0px;
 
top:0px;
 
left:0px;
 
left:0px;
−
height:50px;
+
height:28px;
−
width:100%;;
+
width:100%;
 
margin:0;
 
margin:0;
−
padding:0;
+
padding:20px;
 
z-index:999;
 
z-index:999;
 
background-color: #333;
 
background-color: #333;
Line 107: Line 107:
 
     transition: 0.4s;
 
     transition: 0.4s;
 
     border: 2px solid black;
 
     border: 2px solid black;
−
     font-family: "Times New Roman", Times, serif;
+
     font-family: 'Boogaloo';
 +
}
 +
.h2font {
 +
   
 +
    color: #444;
 +
    font-size: 50px;
 +
 +
    font-family: 'Boogaloo';
 +
}
 +
#pfont {
 +
   
 +
    color: #444;
 +
    font-size: 30px;
 +
 +
    font-family: 'Boogaloo';
 
}
 
}
−
 
−
 
 
button.accordion.active, button.accordion:hover {
 
button.accordion.active, button.accordion:hover {
 
     background-color: #fff;  
 
     background-color: #fff;  
Line 137: Line 149:
 
body, input, select, textarea {
 
body, input, select, textarea {
 
color: #444;
 
color: #444;
−
font-family: "Lato", Helvetica, sans-serif;
+
font-family: 'Boogaloo', Helvetica, sans-serif;
 
font-size: 15pt;
 
font-size: 15pt;
 
font-weight: 300;
 
font-weight: 300;
Line 308: Line 320:
  
 
header.major p {
 
header.major p {
−
border-top: medium double rgba(144, 144, 144, 0.25);
+
border-top: thick double rgba(144, 144, 144, 0.25);
 
display: inline-block;
 
display: inline-block;
 
padding: 2em 2em 0 2em;
 
padding: 2em 2em 0 2em;
Line 376: Line 388:
 
-moz-osx-font-smoothing: grayscale;
 
-moz-osx-font-smoothing: grayscale;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
−
font-family: FontAwesome;
+
font-family: 'Boogaloo';
 
font-style: normal;
 
font-style: normal;
 
font-weight: normal;
 
font-weight: normal;
Line 442: Line 454:
 
-moz-osx-font-smoothing: grayscale;
 
-moz-osx-font-smoothing: grayscale;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
−
font-family: FontAwesome;
+
font-family:'Boogaloo';
 
font-style: normal;
 
font-style: normal;
 
font-weight: normal;
 
font-weight: normal;
Line 543: Line 555:
 
-moz-osx-font-smoothing: grayscale;
 
-moz-osx-font-smoothing: grayscale;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
−
font-family: FontAwesome;
+
font-family: 'Boogaloo';
 
font-style: normal;
 
font-style: normal;
 
font-weight: normal;
 
font-weight: normal;
Line 770: Line 782:
  
 
table {
 
table {
−
margin: 0 0 2em 0;
+
margin: 0 0 0em 0;
−
width: 100%;
+
width: 98.5%;
 
}
 
}
  
 
table tbody tr {
 
table tbody tr {
−
border: solid 1px #000;
+
border: solid 0px #000;
 
border-left: 0;
 
border-left: 0;
 
border-right: 0;
 
border-right: 0;
Line 785: Line 797:
  
 
.tr2{
 
.tr2{
−
background-color: rgb(105,105,105);
+
background-color: rgba(82,82,82,0.99);
 
}
 
}
  
Line 805: Line 817:
  
 
table tfoot {
 
table tfoot {
−
border-top: solid 2px rgba(0,0,0, 0.25);
+
border-top: solid 0.5px rgba(0,0,0, 0.25);
 
}
 
}
  
Line 813: Line 825:
  
 
table.alt tbody tr td {
 
table.alt tbody tr td {
−
border: solid 1px rgba(144, 144, 144, 0.25);
+
border: solid 0.5px rgba(144, 144, 144, 0.25);
 
border-left-width: 0;
 
border-left-width: 0;
 
border-top-width: 0;
 
border-top-width: 0;
Line 1,082: Line 1,094:
  
 
#banner {
 
#banner {
−
background: url("https://static.igem.org/mediawiki/2017/8/8d/T--IIT_DELHI--banner_index.jpg") ;
+
background: url("https://static.igem.org/mediawiki/2017/8/80/T--IIT_Delhi--notebook.png") ;
  
 
background-position: center;
 
background-position: center;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
−
background-size: cover;
+
background-size: cover ;
 +
              padding-bottom: 150px;
 
color: #ffffff;
 
color: #ffffff;
−
padding: 41em 0em 1em;
+
padding: 27.5em 0em 1em;
 
text-align: center;
 
text-align: center;
  
Line 1,168: Line 1,181:
 
background: #202222;
 
background: #202222;
 
color: #ddd;
 
color: #ddd;
−
padding: 1em 0em 1em;
+
padding: 1em 0em;
 
}
 
}
  
Line 1,250: Line 1,263:
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
 
}
 
}
−
.navbar {
+
 
−
position:fixed;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
+
−
top:0px;
+
−
left:0px;
+
−
height:50px;
+
−
width:100%;
+
−
margin:0;
+
−
padding:0;
+
−
z-index:999;
+
−
background-color: #333;
+
−
overflow:visible;
+
−
}
+
  
  
Line 1,308: Line 1,310:
 
     outline: none;
 
     outline: none;
 
     color: white;
 
     color: white;
−
     padding: 18px 16px;
+
     padding: 15px 16px;
 
     background-color: inherit;
 
     background-color: inherit;
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
 +
 +
.dropbtn1 {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 15px 16px;
 +
    background-color: inherit;
 +
    z-index: 101;
 +
}
 +
 +
.dropbtn2 {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 15px 16px;
 +
    background-color: #000;
 +
    background-size: 100% 100%;
 +
    z-index: 101;
 +
}
 +
  
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
.navbar a:hover, .dropdown:hover .dropbtn {
Line 1,317: Line 1,341:
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
 +
  
 
.dropdown-content {
 
.dropdown-content {
Line 1,388: Line 1,413:
 
     margin-right: 60px;
 
     margin-right: 60px;
 
}
 
}
 +
 +
.right_menu1{
 +
    float: left;
 +
    text-align: left;
 +
    width: auto;
 +
    margin-right: 60px;
 +
}
 +
 
.backbody {
 
.backbody {
 
     background-image: url("1.png");
 
     background-image: url("1.png");
Line 1,519: Line 1,552:
 
 
 
<div class = "navbar ">
 
<div class = "navbar ">
−
<a href="index.html">iGEM IIT Delhi</a>
+
−
<div class = "right_menu">
+
                                                        <button class="dropbtn2"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
 +
        <div class = "right_menu">
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Project  
 
     <button class="dropbtn">Project  
Line 1,526: Line 1,560:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="#">Description</a>
+
       <a href="/Team:IIT_Delhi/Description">Overview</a>
−
       <a href="#">Results</a>
+
       <a href="/Team:IIT_Delhi/Design">Squarewave Generator</a>
−
      <a href="#">Proof of Concept</a>
+
 
−
       <a href="#">Basic Parts</a>
+
       <a href="/Team:IIT_Delhi/InterLab">Interlab</a>
−
      <a href="#">Composite Parts</a>
+
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
−
  <div class="dropdown">
+
                                                        <div class="dropdown">
−
     <button class="dropbtn">Modelling
+
     <button class="dropbtn">Results
 
     <i class="fa fa-caret-down"></i>
 
     <i class="fa fa-caret-down"></i>
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="#">Overview</a>
+
       <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a>
−
       <a href="#">Logic Assessment</a>
+
       <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluorescence</a>
−
       <a href="#">Signalling Tools</a>
+
       <a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a>
 +
      <a href="/Team:IIT_Delhi/Promoter">Promoter strength</a>
 +
                                                      <a href="/Team:IIT_Delhi/Oscillations">Oscillations</a>
 +
                                                     
 
     </div>
 
     </div>
−
   </div>  
+
   </div>
 +
 
 +
                                                          <div class="dropdown">
 +
    <button class="dropbtn">Parts
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
 +
      <a href="/Team:IIT_Delhi/Composite_Part">Composite Parts</a>
 +
      <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 +
      <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 +
                                                     
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Modeling
 +
                                                        <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content-big">
 +
      <a href="/Team:IIT_Delhi/Model">Overview</a>
 +
      <a href="/Team:IIT_Delhi/Write_Model">Writing a Model</a>
 +
                                                        <a href="/Team:IIT_Delhi/Deterministic_Model">Deterministic Model </a>
 +
                                                        <a href="/Team:IIT_Delhi/Stochastic_Model">Stochastic Model</a>
 +
                                                        <a href="/Team:IIT_Delhi/Bifurcation">Bifurcation and Squareness</a>
 +
                                                        <a href="/Team:IIT_Delhi/Resources">Resource sharing</a>
 +
    </div>
 +
    </div>
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Human Practices  
 
     <button class="dropbtn">Human Practices  
Line 1,548: Line 1,611:
 
     </button>
 
     </button>
 
     <div class="dropdown-content-big">
 
     <div class="dropdown-content-big">
−
       <a href="#">Human Practices</a>
+
       <a href="/Team:IIT_Delhi/HP/Silver">Human Practices</a>
−
       <a href="#">Integrated Practices</a>
+
       <a href="/Team:IIT_Delhi/HP/Gold_Integrated">Integrated Practices</a>
−
       <a href="#">Public Engagement</a>
+
       <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a>
−
       <a href="#">Collaborations</a>
+
       <a href="/Team:IIT_Delhi/Collaborations">Collaborations</a>
 +
                                                        <a href="/Team:IIT_Delhi/Safety">Safety</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
 +
 +
                                                        <div class="dropdown">
 +
    <button class="dropbtn">Collaborations
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
                                                        <a href="/Team:IIT_Delhi/Collaborations">Overview</a>
 +
      <a href="/Team:IIT_Delhi/GMM_legislation">GMM Legislation</a>
 +
      <a href="/Team:IIT_Delhi/berlin">iGEM Berlin</a>
 +
      <a href="/Team:IIT_Delhi/mohali">Mentoring IISER Mohali</a>
 +
      <a href="/Team:IIT_Delhi/glasgow">iGEM Glasgow</a>
 +
             
 +
    </div>
 +
  </div> 
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Notebook  
 
     <button class="dropbtn">Notebook  
Line 1,559: Line 1,637:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="#">Lab Records</a>
+
       <a href="/Team:IIT_Delhi/Notebook">Lab Records</a>
−
       <a href="#">Protocols</a>
+
       <a href="/Team:IIT_Delhi/protocol">Protocols</a>
−
       <a href="#">Recipes</a>
+
       <a href="/Team:IIT_Delhi/recipe">Recipes</a>
−
       <a href="#">Medal Criteria</a>
+
       <a href="/Team:IIT_Delhi/medal">Medal Criteria</a>
−
      <a href="#">Recipes</a>
+
     
 
     </div>
 
     </div>
 
   </div>   
 
   </div>   
Line 1,571: Line 1,649:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="team.html">The Team</a>
+
       <a href="/Team:IIT_Delhi/Team">The Team</a>
−
       <a href="#">Attributions</a>
+
 
 +
       <a href="/Team:IIT_Delhi/Attributions">Attributions</a>
 
     </div>
 
     </div>
 
   </div>   
 
   </div>   
Line 1,594: Line 1,673:
 
<center><div class=" panel_back bggg">
 
<center><div class=" panel_back bggg">
 
       <header class="major">
 
       <header class="major">
−
        <br>
 
−
        <br>
 
−
        <br>
 
 
          
 
          
−
             <h2>LAB PROTOCOLS</h2>
+
       
−
             <p>Accurate Experimenting for Accurate Results !!</p>
+
             <h2 class="h2font">Recipes</h2>
 +
 
 +
             <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
</p>
 +
<h2 id="pfont">A pinch of salt makes all the difference !!</h2>
 
           </header>
 
           </header>
−
           <button class="accordion back1">Transformation</button>
+
           <button class="accordion back1" style="font-weight: bold;">Preparation of TAE buffer</button>
−
           <div class="panel ">
+
           <div class="panel">
−
              
+
          <div align="left" style="font-size:84%;">  
−
<b><h4>Preparation of competent  cells:-</h4></b>
+
             &nbsp;&nbsp;&nbsp;&nbsp; 20x TAE buffer
−
<div align="left">
+
          <ul>
 +
          <li>80mL of 1M Tris solution
 +
          <li>0.7264g of EDTANa2+ salt
 +
          <li>2.284 mL glacial acetic acid
 +
          <li>distilled H2O 100mL
 +
          </ul>
 
<br>
 
<br>
−
<ol ><left>
 
−
<li>Dilute an overnight culture of E. coli 1:200 with LB broth.
 
−
<li>Incubate at 37°C with shaking (at 200 rpm) until the cells reach early log phase (OD600 = 0.25-0.4).
 
−
<li>We already have 1X TSS in 4 deg fridge(old). Use it without dilution or thawing. Keep it inside the icebox just after taking out from the fridge. <br>
 
−
<b> OR </b><br>
 
−
(if the above 1X TSS is not available)<br>
 
−
While cells are growing, thaw 2X TSS on ice and dilute an appropriate amount 1:1 with sterile distilled water (100µl of diluted TSS will be needed for each ml of cells). Chill on ice.
 
−
<li>  Place 2-ml aliquots of early log-phase cells into sterile 2-ml micro-centrifuge tubes and pellet the cells by centrifugation at 4°C  at 3000g for 10 min.(6-8 mins for taking part from Igem kit)
 
−
<li> Remove the supernatant and discard. Add 0.2 ml of the ice-cold 1X TSS and place the tubes on ice.
 
−
<li>Gently suspend the cells by pipetting.
 
−
<li> Proceed with the transformation protocol below (Step 2), or immediately freeze cells by immersion in liquid nitrogen or a dry ice/ethanol bath. Store the frozen cells at –70°C.
 
−
</left>
 
−
</ol>
 
 
</div>
 
</div>
−
 
−
<b><h2>Transformation:-</b></h2>
 
−
<br>
 
−
<div align="left">
 
−
<ol ><left>
 
−
<li>Thaw frozen TSS-competent cells slowly on ice(if stored at -70°C).
 
−
<li>Add 100 pg -200 ng (2.5 to 4 ul)(15ul for ligation product)of DNA to each tube of competent cells. <br><b>Note:</b> Addition of more than 10ng of DNA may significantly decrease transformation efficiencies.
 
−
<li>Flick the tubes to mix the cells and DNA and incubate the cells on ice for 30 minutes. <br>
 
−
 
−
<li>  Transfer the tubes to water bath/dry bath(42°C) for 90 seconds.
 
−
<li> Transfer the tubes to ice and incubate for an additional 10 minutes.
 
−
<li>Add 800 ul (total 1 mL)of LB broth and incubate the cells at 37°C for up to 1 hour with shaking (at 200 rpm).
 
−
 
−
<li> Centrifuge the cells at 3000g for  ~ 6min (10 mins after ligation)at 4deg(in temperature control centrifuge).
 
−
  <li> Aspirate the tubes to leave the pellets with 1/4 broth .(keep ~300ul)
 
−
    <li>Plate the cells on-to the appropriate selective or differential medium and incubate overnight at 37°C.Check the procedure for antibiotic.
 
−
      <ol> <li>For Ampicillin: 12ul Amp + 188 ul MQ. In MCT spread it on the culture plate before adding the DNA.
 
−
        <li>For Chloramphenicol: 1:1000 volume ratio of antibiotic : culture broth. Directly suspend into the culture broth and spread it on the plate.
 
−
          <li> For Kanamycin: 1:1000 volume ratio of antibiotic : culture broth. Directly suspend into the culture broth and spread it on the plate.
 
−
          </ol>
 
−
          <ul> DNA should be added as soon as the last trace of ice in the tube disappears.
 
−
<ul>Incubate on ice for 30 minutes. Expect a 2-fold loss in TE for every 10 minutes you shorten this step.
 
−
</left>
 
−
</ol>
 
 
</div>
 
</div>
−
 
+
           <button class="accordion back2" style="font-weight: bold;">Preparation of Ethidium Bromide(EtBr)</button>
−
            </p>
+
−
          </div>
+
−
 
+
−
           <button class="accordion back2">Section 2</button>
+
 
           <div class="panel">
 
           <div class="panel">
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
          <div align="left" style="font-size:84%;">  
 +
          <ul>
 +
<li>For the preparation of ethidium bromide adds 1 g of ethidium bromide to 100 ml of H2O.
 +
<li>Stir on a magnetic stirrer for several hours to ensure that the dye has dissolved.
 +
<li> Wrap the container in aluminum foil or transfer the 10 mg/ml solution to a dark bottle and
 +
store at room temperature. </ul>
 +
<br>
 
           </div>
 
           </div>
−
<button class="accordion back3">Section 3</button>
 
−
          <div class="panel">
 
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 
 
           </div>
 
           </div>
−
<button class="accordion back4">Section 4</button>
+
<button class="accordion back3" style="font-weight: bold;">Preparation of alkaline lysis solution I</button>
 
           <div class="panel">
 
           <div class="panel">
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
          <div align="left" style="font-size:84%;">  
 +
          <ul>
 +
          <li>50 mM glucose.
 +
          <li>25 mM Tris-Cl (pH 8.0).
 +
          <li>10 mM EDTA (pH 8.0).
 +
          </ul>
 +
          <ul>Prepare Solution I from standard stocks in batches of approx. 100 ml, sterilize by
 +
autoclaving and store at 4°C.</ul>
 +
<br>
 
           </div>
 
           </div>
−
<button class="accordion back1">Section 5</button>
 
−
          <div class="panel">
 
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 
 
           </div>
 
           </div>
−
<button class="accordion back2" >Section 6</button>
+
<button class="accordion back4" style="font-weight: bold;">Preparation of alkaline lysis solution II (freshly prepared at room temperature)</button>
 
           <div class="panel">
 
           <div class="panel">
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
          <div align="left" style="font-size:84%;">  
 +
          <ul>
 +
<li>0.2 N NaOH (freshly diluted from a 10 N stock).
 +
<li>(100ul SDS + 700ul mq + 200ul NaOH)
 +
1% (w/v) SDS.</ul>
 +
<br>
 
           </div>
 
           </div>
−
<button class="accordion back3">Section 7</button>
+
</div>
 +
<button class="accordion back1" style="font-weight: bold;">Preparation of alkaline lysis solution III</button>
 
           <div class="panel">
 
           <div class="panel">
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
          <div align="left" style="font-size:84%;">  
 +
        <ul>
 +
        <li>5 M potassium acetate, 60.0 ml
 +
        <li>Glacial acetic acid, 11.5 ml
 +
        <li>H2O, 28.5 ml
 +
        </ul>
 +
          <ul>The resulting solution is 3 M with respect to potassium and 5 M with respect to acetate.
 +
Store the solution at 4°C and transfer it to an ice bucket just before use.</ul>
 +
<br>
 
           </div>
 
           </div>
−
<button class="accordion back4">Section 8</button>
+
 
−
          <div class="panel">
+
</div>
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
 
−
          </div>
+
     <br>  
−
<button class="accordion back1">Section 9</button>
+
−
          <div class="panel">
+
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
−
          </div>
+
−
<button class="accordion back2">Section 10</button>
+
−
          <div class="panel">
+
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
−
          </div>
+
−
<button class="accordion back3">Section 11</button>
+
−
          <div class="panel">
+
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
−
          </div>
+
−
<button class="accordion back4">Section 12</button>
+
−
          <div class="panel">
+
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
−
          </div><br>
+
−
     <br>
+
−
    <br>
+
−
   
+
−
</div></center>
+
−
       
+
 
           <script>
 
           <script>
 
           var acc = document.getElementsByClassName("accordion");
 
           var acc = document.getElementsByClassName("accordion");
Line 1,716: Line 1,766:
 
           </script>
 
           </script>
  
−
 
+
</div>
 
 
 
<!-- Footer -->
 
<!-- Footer -->
 
<footer id="footer">
 
<footer id="footer">
−
<table border = "1" class="footertable">
+
<table style="font-family:'Lato'; border: 0px solid black; ">
−
         <tr align="center" class="footertr"  >
+
         <tr align="center"  >
−
         <td align="center" width="50%" colspan="2" class="footertd tr2"><b>Sponsored By</b></td></tr>
+
         <td align="center" width="50%" colspan="2" class="tr2"><b>Sponsored By</b></td></tr>
−
         <tr align="center" class="footertr">   
+
         <tr align="center" >   
−
         <td align="center" width="50%" colspan="2"class="footertd"><b><img src= "https://static.igem.org/mediawiki/2017/1/1e/T--IIT_DELHI--sponsotstrip.jpg" class="width-max"></b></td></tr>
+
         <td align="center" width="50%" colspan="2"><b><img src= "https://static.igem.org/mediawiki/2017/1/1e/T--IIT_DELHI--sponsotstrip.jpg" class="width-max"></b></td></tr>
  
 
         <tr align="right" >
 
         <tr align="right" >
−
             <td align="center" width="50%"class="footertd tr2"><b>Contact Us</b></td>
+
             <td align="center" width="50%"><b>Contact Us</b></td>
−
             <td align="center" class="footertd tr2"><b>Address</b></td>
+
             <td align="center" ><b>Address</b></td>
 
         </tr>
 
         </tr>
 
          
 
          
−
         <tr align="center" width= "100%" class="tr2">
+
         <tr align="center" >
−
             <td align="center" style="padding-top: 5px;" class="footertd">
+
             <td align="center" style="padding-top: 5px;" class="tr2">
 
<br>
 
<br>
−
<i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/f/f5/T--IIT_DELHI--foot_1.jpg"  height="50px" width="50px"></i>
+
<a href="https://www.facebook.com/igemiitdelhi/"><i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/f/f5/T--IIT_DELHI--foot_1.jpg"  height="50px" width="50px"></i></a>
−
     <i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/d/dd/T--IIT_DELHI--foot_4.jpg" height="50px" width="50px"></i>
+
     <!--<i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/d/dd/T--IIT_DELHI--foot_4.jpg" height="50px" width="50px"></i>-->
−
     <i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/a/ac/T--IIT_DELHI--foot_3.jpg" height="50px" width="50px"></i>
+
     <a href="https://www.linkedin.com/company/igemiitdelhi/"><i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/a/ac/T--IIT_DELHI--foot_3.jpg" height="50px" width="50px"></i></a>
−
     <i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/2/29/T--IIT_DELHI--foot_5.jpg" height="50px" width="50px"></i>
+
     <!--<i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/2/29/T--IIT_DELHI--foot_5.jpg" height="50px" width="50px"></i>-->
−
     <i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/2/23/T--IIT_DELHI--foot_2.jpg" height="50px" width="50px"></i></td>
+
     <a href="https://twitter.com/igem_iit_delhi?lang=en"><i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/2/23/T--IIT_DELHI--foot_2.jpg" height="50px" width="50px"></i></a>
 +
</td>
 
 
−
        <center>  <td align = "center" id="tableatd2"  style="padding-top: 0px;" class="footertr">
+
          <td align = "center"   style="padding-top: 0px;" class="tr2">
−
<p ><b>E-mail:</b> iitd.igem@gmail.com<br>Undergraduate Laboratory<br>Department of Biotechnology and Biochemical Engineering, IIT Delhi</p></center>
+
<center> <p style="text-align: center; color:white; font-size: 80%;"><b>E-mail:</b> iitd.igem@gmail.com<br>Undergraduate Laboratory<br>Department of Biotechnology and Biochemical Engineering, IIT Delhi</p></center>
 
 
 
         </tr>
 
         </tr>

Latest revision as of 22:22, 1 November 2017

iGEM IIT Delhi

Overview Squarewave Generator Interlab
Circuit design and construction Microfluidics and Fluorescence Photobleaching Promoter strength Oscillations
Basic Parts Composite Parts Improved Parts Part Collection
Overview Writing a Model Deterministic Model Stochastic Model Bifurcation and Squareness Resource sharing
Human Practices Integrated Practices Public Engagement Collaborations Safety
Overview GMM Legislation iGEM Berlin Mentoring IISER Mohali iGEM Glasgow
Lab Records Protocols Recipes Medal Criteria
The Team Attributions

Recipes

                                                                                                                                                                                                                 

A pinch of salt makes all the difference !!

     20x TAE buffer
  • 80mL of 1M Tris solution
  • 0.7264g of EDTANa2+ salt
  • 2.284 mL glacial acetic acid
  • distilled H2O 100mL

  • For the preparation of ethidium bromide adds 1 g of ethidium bromide to 100 ml of H2O.
  • Stir on a magnetic stirrer for several hours to ensure that the dye has dissolved.
  • Wrap the container in aluminum foil or transfer the 10 mg/ml solution to a dark bottle and store at room temperature.

  • 50 mM glucose.
  • 25 mM Tris-Cl (pH 8.0).
  • 10 mM EDTA (pH 8.0).
    Prepare Solution I from standard stocks in batches of approx. 100 ml, sterilize by autoclaving and store at 4°C.

  • 0.2 N NaOH (freshly diluted from a 10 N stock).
  • (100ul SDS + 700ul mq + 200ul NaOH) 1% (w/v) SDS.

  • 5 M potassium acetate, 60.0 ml
  • Glacial acetic acid, 11.5 ml
  • H2O, 28.5 ml
    The resulting solution is 3 M with respect to potassium and 5 M with respect to acetate. Store the solution at 4°C and transfer it to an ice bucket just before use.


Sponsored By
Contact Us Address

E-mail: iitd.igem@gmail.com
Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi