Difference between revisions of "Team:EPF Lausanne/Notebook/Protocols"
| Line 20: | Line 20: | ||
max-height:50%; | max-height:50%; | ||
} | } | ||
| − | + | body { | |
| − | + | position: relative; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | ul.nav-pills { | |
| − | + | top: 20px; | |
| − | + | position: relative; | |
| − | + | ||
| − | + | ||
} | } | ||
</style> | </style> | ||
| Line 56: | Line 52: | ||
<script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/mordernizr-2.6.2?action=raw&ctype=text/js"></script> | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/mordernizr-2.6.2?action=raw&ctype=text/js"></script> | ||
| + | |||
</head> | </head> | ||
| − | <body class="loading | + | <body class="loading"> |
<!--[if lt IE 7]> | <!--[if lt IE 7]> | ||
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> | <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> | ||
| Line 137: | Line 134: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | <body data-spy="scroll" data-target="#myScrollspy" data-offset="20"> | ||
<div class="first-section"> | <div class="first-section"> | ||
<div class="row"> | <div class="row"> | ||
| − | < | + | <nav class="col-sm-3" id="myScrollspy"> |
| − | + | <ul class="nav nav-pills nav-stacked"> | |
| − | + | <li class="active"><a href="#section1">Section 1</a></li> | |
| − | + | <li><a href="#section2">Section 2</a></li> | |
| − | + | <li><a href="#section3">Section 3</a></li> | |
| − | + | <li class="dropdown"> | |
| − | + | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a> | |
| − | + | <ul class="dropdown-menu"> | |
| − | + | <li><a href="#section41">Section 4-1</a></li> | |
| − | + | <li><a href="#section42">Section 4-2</a></li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | </ul> | |
| − | + | </nav> | |
| − | + | <div class="col-sm-9"> | |
| − | + | <div id="section1" class="well"> | |
| − | <div class="col- | + | <h1>Agarose Gel Preparation</h1> |
| − | + | <h2>1,2% agarose gel – for small DNA fragments</h2> | |
| − | + | <p> • Mix 50 mL 1X TAE and 0.6 g Agarose</p> | |
| − | + | <p> • Melt in microwave until agarose has melted (about 50 seconds)</p> | |
| − | + | <p> • Add 1.3 μL Gel Red</p> | |
| − | + | <p> • Pour solution into agarose gel mold with comb</p> | |
| − | + | <p> • Let set for 20 minutes or until solid</p> | |
| − | + | <p> • Place gel in 1X TAE and remove comb</p> | |
| − | + | <p> • Load samples of 200 ng (or 2 μL) DNA mixed with 2 μL 6X loading dye and water up to 12 μL</p> | |
| − | + | <p> • Run gel at 100-120 Volts for 40-50 minutes (depending on size of fragments)</p> | |
| − | + | <p> • Take a picture of the gel at the UV detector</p> | |
| − | + | <h2>3% agarose gel – for large DNA fragments</h2> | |
| − | + | <p> • Mix 50 mL 1X TAE and 1.5 g Agarose</p> | |
| − | + | <p> • Melt in microwave until agarose has melted (about 50 seconds)</p> | |
| − | + | <p> • Add 1.5 μL Gel Red</p> | |
| − | + | <p> • Pour solution into agarose gel mold with comb</p> | |
| − | + | <p> • Let set for 20 minutes or until solid</p> | |
| − | + | <p> • Place gel in 1X TAE and remove comb</p> | |
| − | + | <p> • Load samples of 200 ng (or 2 μL) DNA mixed with 2 μL 6X loading dye and water up to 12 μL</p> | |
| − | + | <p> • Run gel at 80 Volts for 2 hours</p> | |
| − | + | <p> • Take a picture of the gel at the UV detector</p> | |
| − | + | </div> | |
| − | + | <div id="section2" class="well"> | |
| − | + | <h1>Section 2</h1> | |
| − | + | <p>Try to scroll this section and look at the navigation list while scrolling!</p> | |
| − | + | </div> | |
| − | + | <div id="section3" class="well"> | |
| − | + | <h1>Section 3</h1> | |
| − | + | <p>Try to scroll this section and look at the navigation list while scrolling!</p> | |
| − | + | </div> | |
| − | + | <div id="section41" class="well"> | |
| − | + | <h1>Section 4-1</h1> | |
| − | + | <p>Try to scroll this section and look at the navigation list while scrolling!</p> | |
| − | + | </div> | |
| − | + | <div id="section42" class="well"> | |
| − | + | <h1>Section 4-2</h1> | |
| − | + | <p>Try to scroll this section and look at the navigation list while scrolling!</p> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | ||
<div class="fourth-section"> | <div class="fourth-section"> | ||
Revision as of 12:24, 21 July 2015
Protocols
Agarose Gel Preparation
1,2% agarose gel – for small DNA fragments
• Mix 50 mL 1X TAE and 0.6 g Agarose
• Melt in microwave until agarose has melted (about 50 seconds)
• Add 1.3 μL Gel Red
• Pour solution into agarose gel mold with comb
• Let set for 20 minutes or until solid
• Place gel in 1X TAE and remove comb
• Load samples of 200 ng (or 2 μL) DNA mixed with 2 μL 6X loading dye and water up to 12 μL
• Run gel at 100-120 Volts for 40-50 minutes (depending on size of fragments)
• Take a picture of the gel at the UV detector
3% agarose gel – for large DNA fragments
• Mix 50 mL 1X TAE and 1.5 g Agarose
• Melt in microwave until agarose has melted (about 50 seconds)
• Add 1.5 μL Gel Red
• Pour solution into agarose gel mold with comb
• Let set for 20 minutes or until solid
• Place gel in 1X TAE and remove comb
• Load samples of 200 ng (or 2 μL) DNA mixed with 2 μL 6X loading dye and water up to 12 μL
• Run gel at 80 Volts for 2 hours
• Take a picture of the gel at the UV detector
Section 2
Try to scroll this section and look at the navigation list while scrolling!
Section 3
Try to scroll this section and look at the navigation list while scrolling!
Section 4-1
Try to scroll this section and look at the navigation list while scrolling!
Section 4-2
Try to scroll this section and look at the navigation list while scrolling!