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

 
(23 intermediate revisions by 6 users not shown)
Line 1,098: Line 1,098:
 
background-position: center;
 
background-position: center;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
background-size: 100% 100% ;
+
background-size: cover  ;
                
+
               padding-bottom: 150px;
 
color: #ffffff;
 
color: #ffffff;
 
padding: 27.5em 0em 1em;
 
padding: 27.5em 0em 1em;
Line 1,324: Line 1,324:
 
     z-index: 101;
 
     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,541: Line 1,553:
 
<div class = "navbar ">
 
<div class = "navbar ">
 
 
                                                         <button class="dropbtn1"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
+
                                                         <button class="dropbtn2"><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">
 
     <button class="dropbtn">Project  
 
     <button class="dropbtn">Project  
Line 1,548: Line 1,560:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <a href="/Team:IIT_Delhi/Description">Description</a>
+
       <a href="/Team:IIT_Delhi/Description">Overview</a>
       <a href="/Team:IIT_Delhi/Results">Results</a>
+
       <a href="/Team:IIT_Delhi/Design">Squarewave Generator</a>
  
       <a href="/Team:IIT_Delhi/Interlab">Interlab</a>
+
       <a href="/Team:IIT_Delhi/InterLab">Interlab</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
 
                                                         <div class="dropdown">
 
                                                         <div class="dropdown">
 +
    <button class="dropbtn">Results
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a>
 +
      <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluorescence</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 class="dropdown">
 
     <button class="dropbtn">Parts  
 
     <button class="dropbtn">Parts  
 
     <i class="fa fa-caret-down"></i>
 
     <i class="fa fa-caret-down"></i>
Line 1,563: Line 1,589:
 
       <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 
       <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 
       <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 
       <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 +
                                                     
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Modeling
 
     <button class="dropbtn">Modeling
Line 1,571: Line 1,599:
 
     <div class="dropdown-content-big">
 
     <div class="dropdown-content-big">
 
       <a href="/Team:IIT_Delhi/Model">Overview</a>
 
       <a href="/Team:IIT_Delhi/Model">Overview</a>
       <a href="/Team:IIT_Delhi/Database">Simulation Database</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>
 
     </div>
Line 1,583: Line 1,615:
 
       <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a>
 
       <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a>
 
       <a href="/Team:IIT_Delhi/Collaborations">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,628: Line 1,675:
 
          
 
          
 
          
 
          
             <h2 class="h2font">RECIPES</h2>
+
             <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;
 
             <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;
Line 1,637: Line 1,684:
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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>
 
  </p>
<h2 id="pfont">Accurate Experimenting for Accurate Results !!</h2>
+
<h2 id="pfont">A pinch of salt makes all the difference !!</h2>
 
           </header>
 
           </header>
 
           <button class="accordion back1" style="font-weight: bold;">Preparation of TAE buffer</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%;">  
 
           <div align="left" style="font-size:84%;">  
          <h2 id="pfont"> 20x TAE buffer </h2>
+
            &nbsp;&nbsp;&nbsp;&nbsp; 20x TAE buffer
 
           <ul>
 
           <ul>
 
           <li>80mL of 1M Tris solution
 
           <li>80mL of 1M Tris solution
           <li>0.7264g of EDTANa2 salt
+
           <li>0.7264g of EDTANa2+ salt
 
           <li>2.284 mL glacial acetic acid
 
           <li>2.284 mL glacial acetic acid
 
           <li>distilled H2O 100mL
 
           <li>distilled H2O 100mL
 
           </ul>
 
           </ul>
 +
<br>
 
</div>
 
</div>
 
</div>
 
</div>
           <button class="accordion back2" style="font-weight: bold;">Section 2</button>
+
           <button class="accordion back2" style="font-weight: bold;">Preparation of Ethidium Bromide(EtBr)</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" style="font-weight: bold;">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" style="font-weight: bold;">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" style="font-weight: bold;">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" style="font-weight: bold;" >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" style="font-weight: bold;">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" style="font-weight: bold;">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" style="font-weight: bold;">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" style="font-weight: bold;">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" style="font-weight: bold;">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" style="font-weight: bold;">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");

Latest revision as of 22:22, 1 November 2017

iGEM IIT Delhi

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