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...")
 
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,086: Line 1,098:
 
background-position: center;
 
background-position: center;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
−
background-size: cover;
+
background-size: 100% 100% ;
 +
             
 
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;
 +
    z-index: 101;
 +
}
 +
 
 +
.dropbtn1 {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 15px 16px;
 
     background-color: inherit;
 
     background-color: inherit;
 
     z-index: 101;
 
     z-index: 101;
Line 1,317: Line 1,329:
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
 +
  
 
.dropdown-content {
 
.dropdown-content {
Line 1,388: Line 1,401:
 
     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,540:
 
 
 
<div class = "navbar ">
 
<div class = "navbar ">
−
<a href="index.html">iGEM IIT Delhi</a>
+
 +
                                                        <button class="dropbtn1"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
 
<div class = "right_menu">
 
<div class = "right_menu">
 
   <div class="dropdown">
 
   <div class="dropdown">
Line 1,526: Line 1,548:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="#">Description</a>
+
       <a href="/Team:IIT_Delhi/Description">Description</a>
−
       <a href="#">Results</a>
+
       <a href="/Team:IIT_Delhi/Results">Results</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">Parts
 
     <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/Basic_Part">Basic Parts</a>
−
       <a href="#">Logic Assessment</a>
+
       <a href="/Team:IIT_Delhi/Composite_Part">Composite Parts</a>
−
       <a href="#">Signalling Tools</a>
+
       <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 +
      <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 
     </div>
 
     </div>
−
   </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/Database">Simulation Database</a>
 +
    </div>
 +
    </div>
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Human Practices  
 
     <button class="dropbtn">Human Practices  
Line 1,548: Line 1,579:
 
     </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>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
Line 1,559: Line 1,590:
 
     </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,602:
 
     </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,626:
 
<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">LAB PROTOCOLS</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">Accurate Experimenting for Accurate Results !!</h2>
 
           </header>
 
           </header>
−
           <button class="accordion back1">Transformation</button>
+
           <button class="accordion back1" style="font-weight: bold;">Transformation</button>
 
           <div class="panel ">
 
           <div class="panel ">
 
              
 
              
−
<b><h4>Preparation of competent  cells:-</h4></b>
+
<!--<u><b><h4 id="pfont"  style="font-size: 90%;">Preparation of competent  cells:-</h4></b></u>-->
−
<div align="left">
+
<b id="pfont">Preparation of competent  cells:-</b>
−
<br>
+
<div align="left" style="font-size: 84%;">
 
<ol ><left>
 
<ol ><left>
 
<li>Dilute an overnight culture of E. coli 1:200 with LB broth.  
 
<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>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>
 
<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>
+
OR <br>
 
(if the above 1X TSS is not available)<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.  
 
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.  
Line 1,622: Line 1,660:
 
</div>
 
</div>
  
−
<b><h2>Transformation:-</b></h2>
+
<b id="pfont">Transformation:-</b>
 
<br>
 
<br>
−
<div align="left">
+
<div align="left" style="font-size: 84%;">
 
<ol ><left>
 
<ol ><left>
 
<li>Thaw frozen TSS-competent cells slowly on ice(if stored at -70°C).  
 
<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>Add 100 pg -200 ng (2.5 to 4 ul)(15ul for ligation product)of DNA to each tube of competent cells. <br>Note: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>Flick the tubes to mix the cells and DNA and incubate the cells on ice for 30 minutes. <br>
  
Line 1,637: Line 1,675:
 
   <li> Aspirate the tubes to leave the pellets with 1/4 broth .(keep ~300ul)
 
   <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.
 
     <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.
+
       <ol> <li>For Ampicillin: 12ul
−
        <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>
+
−
 
+
−
            </p>
+
−
          </div>
+
−
 
+
−
          <button class="accordion back2">Section 2</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 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>
+
−
<button class="accordion back4">Section 4</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 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>
+
−
<button class="accordion back2" >Section 6</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 7</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 8</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 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>
+
−
          var acc = document.getElementsByClassName("accordion");
+
−
          var i;
+
−
 
+
−
          for (i = 0; i < acc.length; i++) {
+
−
              acc[i].onclick = function(){
+
−
                  this.classList.toggle("active");
+
−
                  var panel = this.nextElementSibling;
+
−
                  if (panel.style.display === "block") {
+
−
                      panel.style.display = "none";
+
−
                  } else {
+
−
                      panel.style.display = "block";
+
−
                  }
+
−
              }
+
−
          }
+
−
          </script>
+
−
 
+
−
 
+
−
+
−
<!-- Footer -->
+
−
<footer id="footer">
+
−
<table border = "1" class="footertable">
+
−
        <tr align="center" class="footertr"  >
+
−
        <td align="center" width="50%" colspan="2" class="footertd tr2"><b>Sponsored By</b></td></tr>
+
−
        <tr align="center" class="footertr"> 
+
−
        <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>
+
−
 
+
−
        <tr align="right" >
+
−
            <td align="center" width="50%"class="footertd tr2"><b>Contact Us</b></td>
+
−
            <td align="center" class="footertd tr2"><b>Address</b></td>
+
−
        </tr>
+
−
       
+
−
        <tr align="center" width= "100%" class="tr2">
+
−
            <td align="center" style="padding-top: 5px;" class="footertd">
+
−
<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>
+
−
    <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>
+
−
    <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>
+
−
+
−
        <center>  <td align = "center" id="tableatd2"  style="padding-top: 0px;" class="footertr">
+
−
<p ><b>E-mail:</b> iitd.igem@gmail.com<br>Undergraduate Laboratory<br>Department of Biotechnology and Biochemical Engineering, IIT Delhi</p></center>
+
−
+
−
        </tr>
+
−
      </table>
+
−
</footer>
+
−
</body>
+
−
</html>
+

Revision as of 20:20, 29 October 2017

iGEM IIT Delhi

Description Results Interlab
Basic Parts Composite Parts Improved Parts Part Collection
Overview Simulation Database
Human Practices Integrated Practices Public Engagement Collaborations
Lab Records Protocols Recipes Medal Criteria
The Team Attributions

LAB PROTOCOLS

                                                                                                                                                                                                                 

Accurate Experimenting for Accurate Results !!

Preparation of competent cells:-
  1. Dilute an overnight culture of E. coli 1:200 with LB broth.
  2. Incubate at 37°C with shaking (at 200 rpm) until the cells reach early log phase (OD600 = 0.25-0.4).
  3. 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.
    OR
    (if the above 1X TSS is not available)
    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.
  4. 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)
  5. Remove the supernatant and discard. Add 0.2 ml of the ice-cold 1X TSS and place the tubes on ice.
  6. Gently suspend the cells by pipetting.
  7. 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.
Transformation:-
  1. Thaw frozen TSS-competent cells slowly on ice(if stored at -70°C).
  2. Add 100 pg -200 ng (2.5 to 4 ul)(15ul for ligation product)of DNA to each tube of competent cells.
    Note:Addition of more than 10ng of DNA may significantly decrease transformation efficiencies.
  3. Flick the tubes to mix the cells and DNA and incubate the cells on ice for 30 minutes.
  4. Transfer the tubes to water bath/dry bath(42°C) for 90 seconds.
  5. Transfer the tubes to ice and incubate for an additional 10 minutes.
  6. 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).
  7. Centrifuge the cells at 3000g for ~ 6min (10 mins after ligation)at 4deg(in temperature control centrifuge).
  8. Aspirate the tubes to leave the pellets with 1/4 broth .(keep ~300ul)
  9. Plate the cells on-to the appropriate selective or differential medium and incubate overnight at 37°C.Check the procedure for antibiotic.
    1. For Ampicillin: 12ul