(29 intermediate revisions by 2 users not shown) | |||
Line 43: | Line 43: | ||
.centre { | .centre { | ||
− | + | margin-top: 50px; | |
− | + | margin-bottom: 50px; | |
− | + | ||
− | + | margin: auto; | |
− | + | border: 5px solid grey; | |
− | + | border-radius: 25px; | |
− | + | width: 75%; | |
color: white; | color: white; | ||
padding-left:20px; | padding-left:20px; | ||
− | + | padding-right:20px; | |
− | + | padding-bottom: 30px; | |
} | } | ||
Line 77: | Line 77: | ||
.active, .accordion:hover { | .active, .accordion:hover { | ||
background-color: #ccc; | background-color: #ccc; | ||
+ | |||
} | } | ||
Line 92: | Line 93: | ||
.panel { | .panel { | ||
− | + | ||
padding-right: 10px; | padding-right: 10px; | ||
Line 111: | Line 112: | ||
.pdf{ | .pdf{ | ||
− | + | padding: 40px; | |
− | + | margin: 0 auto; | |
− | + | display: block; | |
− | + | height: 800px; | |
} | } | ||
Line 146: | Line 147: | ||
} | } | ||
+ | |||
+ | |||
input:focus + .month-picker-label, .month-picker-nav:focus { | input:focus + .month-picker-label, .month-picker-nav:focus { | ||
Line 162: | Line 165: | ||
} | } | ||
+ | |||
+ | |||
.month-picker-label, .month-picker-label:before { | .month-picker-label, .month-picker-label:before { | ||
Line 186: | Line 191: | ||
input:checked + .month-picker-label { | input:checked + .month-picker-label { | ||
color : red; | color : red; | ||
− | + | ||
border-radius: 5px; | border-radius: 5px; | ||
font-weight : bolder; | font-weight : bolder; | ||
Line 206: | Line 211: | ||
} | } | ||
+ | @media only screen and (max-width: 767px) | ||
+ | { | ||
+ | |||
+ | .month-picker-label { | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .centre { | ||
+ | width: 90%; | ||
+ | border: 0.1em solid grey; | ||
+ | |||
+ | } | ||
+ | |||
+ | .pdf{ | ||
+ | |||
+ | height: 15vh; | ||
+ | padding : 20px; | ||
+ | |||
+ | } | ||
+ | .accordion { | ||
+ | font-size: 0.8em; | ||
+ | padding :10px; | ||
+ | } | ||
+ | |||
+ | .tabcontent{ | ||
+ | |||
+ | padding-top : 0px; | ||
+ | } | ||
+ | |||
+ | .month-picker-fieldset{ | ||
+ | padding-top : 0px; | ||
+ | } | ||
Line 226: | Line 264: | ||
<body> | <body> | ||
− | <div>< | + | <div><h1 style="text-align : center;color:#d80505; margin-top: 80px;">Welcome to Protocols</h1></div> |
+ | <hr style="width: 75%; margin : 0 auto;"> | ||
Line 242: | Line 281: | ||
<label for="jul" class="month-picker-label" onclick="openPage('w4', this, 'grey')">Degradation </label> | <label for="jul" class="month-picker-label" onclick="openPage('w4', this, 'grey')">Degradation </label> | ||
<input type="radio" name="month" value="aug" id="aug"> | <input type="radio" name="month" value="aug" id="aug"> | ||
− | <label for="aug" class="month-picker-label" onclick="openPage('w5', this, 'grey')"> | + | <label for="aug" class="month-picker-label" onclick="openPage('w5', this, 'grey')">Cloning</label> |
<input type="radio" name="month" value="sep" id="sep" checked> | <input type="radio" name="month" value="sep" id="sep" checked> | ||
− | <label for="sep" class="month-picker-label" onclick="openPage('w6 | + | <label for="sep" class="month-picker-label" onclick="openPage('w6', this, 'grey')">Parts<br>characterization</label> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
Line 259: | Line 293: | ||
<div class="centre"> | <div class="centre"> | ||
− | + | <br> | |
− | + | <button class="accordion">Catechu extraction</button> | |
− | + | <div class="panel" > | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/9/9b/T--Ruia-Mumbai--Catechu-_extraction.pdf#page=1" type="application/pdf" width="100%" height="100%"> | |
− | + | <param name="view" value="fitH" /> | |
− | <p><b> | + | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/9/9b/T--Ruia-Mumbai--Catechu-_extraction.pdf">View PDF</a>.</p> |
</object> | </object> | ||
− | + | </div> | |
− | + | <br> | |
− | + | <button class="accordion">Paan color standardization</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/a/ab/T--Ruia-Mumbai--Paan_color_standardization-.pdf#page=1" type="application/pdf" width="100%" height="100%"> | |
− | <p><b> | + | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/a/ab/T--Ruia-Mumbai--Paan_color_standardization-.pdf">View PDF</a>.</p> |
</object> | </object> | ||
− | + | </div> | |
− | + | <br> | |
− | + | <button class="accordion">Catechu extract amount standardization in media preparation | |
</button> | </button> | ||
− | + | <div class="panel"> | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/2/25/T--Ruia-Mumbai--Catechu_extract_amount_standardization_in_media_preparation.pdf#page=1" type="application/pdf" width="100%" height="100%"> | |
− | <p><b> | + | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/2/25/T--Ruia-Mumbai--Catechu_extract_amount_standardization_in_media_preparation.pdf">View PDF</a>.</p> |
</object> | </object> | ||
− | + | </div> | |
− | + | <br> | |
</div> | </div> | ||
Line 292: | Line 326: | ||
<div id="w2" class="tabcontent"> | <div id="w2" class="tabcontent"> | ||
<div class="centre"> | <div class="centre"> | ||
− | + | <br> | |
− | + | <button class="accordion">Media composition</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/9/98/T--Ruia-Mumbai--Media_composition.pdf | |
− | <p><b> | + | #page=1" type="application/pdf" width="100%" height="100%"> |
+ | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/9/98/T--Ruia-Mumbai--Media_composition.pdf">View PDF</a>.</p> | ||
</object> | </object> | ||
− | + | </div> | |
− | + | <br> | |
− | + | \--<button class="accordion">Effect of autoclaving on CS media</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/1/18/T--Ruia-Mumbai--Effect_of_autoclaving_on_catechu-ilovepdf-compressed.pdf" width="100%" height="100%"> | |
− | <p><b> | + | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/1/18/T--Ruia-Mumbai--Effect_of_autoclaving_on_catechu-ilovepdf-compressed.pdf">View PDF</a>.</p> |
</object> | </object> | ||
− | + | </div>--/ | |
− | + | <br> | |
− | + | <button class="accordion">Catechu Tolerance Test</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/a/a0/T--Ruia-Mumbai--Catechu_tolarance_test-.pdf#page=1" type="application/pdf" width="100%" height="100%"> | |
− | <p><b> | + | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/a/a0/T--Ruia-Mumbai--Catechu_tolarance_test-.pdf">View PDF</a>.</p> |
</object> | </object> | ||
− | + | </div> | |
</div> | </div> | ||
</div> | </div> | ||
Line 321: | Line 356: | ||
<div class="centre"> | <div class="centre"> | ||
− | + | <br> | |
− | + | <button class="accordion"> Sampling</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/7/7e/T--Ruia-Mumbai--sampling-.pdf | |
− | <p><b> | + | #page=1" type="application/pdf" width="100%" height="100%"> |
+ | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/7/7e/T--Ruia-Mumbai--sampling-.pdf | ||
+ | ">View PDF</a>.</p> | ||
</object> | </object> | ||
− | + | </div> | |
− | + | <br> | |
− | + | <button class="accordion">Enrichment and Isolation | |
</button> | </button> | ||
− | + | <div class="panel"> | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/2/28/T--Ruia-Mumbai--Enrichment_and_isolation-.pdf | |
− | <p><b> | + | #page=1" type="application/pdf" width="100%" height="100%"> |
+ | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/2/28/T--Ruia-Mumbai--Enrichment_and_isolation-.pdf | ||
+ | ">View PDF</a>.</p> | ||
</object> | </object> | ||
− | + | </div> | |
− | + | <br> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 360: | Line 387: | ||
<div class="centre"> | <div class="centre"> | ||
− | + | <br> | |
− | + | <button class="accordion">Spectrophotometer</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/7/70/T--Ruia-Mumbai--By_Spectrophotometry.pdf | |
− | <p><b> | + | #page=1" type="application/pdf" width="100%" height="100%"> |
+ | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/7/70/T--Ruia-Mumbai--By_Spectrophotometry.pdf | ||
+ | ">View PDF</a>.</p> | ||
</object> | </object> | ||
− | + | </div> | |
− | + | <br> | |
− | + | <button class="accordion"> Elisa plate reader</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/d/d4/T--Ruia-Mumbai--By_Elisa_Plate_Reader-.pdf | |
− | <p><b> | + | |
+ | #page=1" type="application/pdf" width="100%" height="100%"> | ||
+ | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/d/d4/T--Ruia-Mumbai--By_Elisa_Plate_Reader-.pdf">View PDF</a>.</p> | ||
</object> | </object> | ||
− | + | </div> | |
Line 383: | Line 414: | ||
<div class="centre"> | <div class="centre"> | ||
− | + | ||
− | + | <br> | |
− | + | <button class="accordion"> pBAD-ompT-CAM-GS-xylE-xylF </button> | |
− | + | <div class="panel"> | |
− | <p><b> | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/1/12/T--Ruia-Mumbai--pBAD-ompT-CAM-GS-xylE-xylF.pdf#page=1" type="application/pdf" width="100%" height="100%"> |
+ | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/1/12/T--Ruia-Mumbai--pBAD-ompT-CAM-GS-xylE-xylF.pdf.pdf">View PDF</a>.</p> | ||
</object> | </object> | ||
− | + | </div> | |
− | + | <br> | |
− | + | <button class="accordion"> pBAD_RBS_ompT_CAM_GS_Tannase_RBS_ompT_galA</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data=" https://static.igem.org/mediawiki/2018/4/4d/T--Ruia-Mumbai--pBAD_RBS_ompT_CAM_GS_Tannase_RBS_ompT_galA.pdf#page=1" type="application/pdf" width="100%" height="100%"> | |
− | + | <p><b>Tap to view it:</b><br>: <a href=" https://static.igem.org/mediawiki/2018/4/4d/T--Ruia-Mumbai--pBAD_RBS_ompT_CAM_GS_Tannase_RBS_ompT_galA.pdf.pdf">View PDF</a>.</p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <p><b> | + | |
</object> | </object> | ||
− | + | </div><br> | |
− | + | <button class="accordion"> AraC/pBAD_LambdaCI_TT_pCI_DpnC_TT</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data=".https://static.igem.org/mediawiki/2018/7/71/T--Ruia-Mumbai--AraC_pC_pBAD_RBS_λCI_TT_pCl-DpnC_TT.pdf#page=1" type="application/pdf" width="100%" height="100%"> | |
− | + | <p><b>Tap to view it:</b><br>: <a href=".https://static.igem.org/mediawiki/2018/7/71/T--Ruia-Mumbai--AraC_pC_pBAD_RBS_λCI_TT_pCl-DpnC_TT.pdf.pdf">View PDF</a>.</p> | |
− | <p><b> | + | |
</object> | </object> | ||
− | + | </div><br> | |
− | + | <button class="accordion"> AraC/pBAD_LambdaCI_TT_pCI_GFP</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data=" https://static.igem.org/mediawiki/2018/8/87/T--Ruia-Mumbai--AraC_pBAD_LambdaCI_TT_pCI_GFP.pdf#page=1" type="application/pdf" width="100%" height="100%"> | |
− | + | <p><b>Tap to view it:</b><br>: <a href=" https://static.igem.org/mediawiki/2018/8/87/T--Ruia-Mumbai--AraC_pBAD_LambdaCI_TT_pCI_GFP.pdf">View PDF</a>.</p> | |
− | <p><b> | + | |
</object> | </object> | ||
− | + | </div><br> | |
− | + | <button class="accordion"> pBAD_RBS_ompT_XylE</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data=" https://static.igem.org/mediawiki/2018/4/47/T--Ruia-Mumbai--pBAD_RBS_ompT_XylE.pdf#page=1" type="application/pdf" width="100%" height="100%"> | |
− | + | <p><b>Tap to view it:</b><br>: <a href=" https://static.igem.org/mediawiki/2018/4/47/T--Ruia-Mumbai--pBAD_RBS_ompT_XylE.pdf">View PDF</a>.</p> | |
− | <p><b> | + | |
</object> | </object> | ||
− | + | </div><br> | |
− | + | ||
− | + | ||
+ | <button class="accordion">pBAD_RBS_ompT_XylF </button> | ||
+ | <div class="panel"> | ||
+ | <object class="pdf" data="https://static.igem.org/mediawiki/2018/1/12/T--Ruia-Mumbai--pBAD-ompT-CAM-GS-xylE-xylF.pdf | ||
+ | 9.#page=1" type="application/pdf" width="100%" height="100%"> | ||
+ | <p><b>Tap to view it:</b><br>: <a href=" https://static.igem.org/mediawiki/2018/1/12/T--Ruia-Mumbai--pBAD-ompT-CAM-GS-xylE-xylF.pdf">View PDF</a></p> | ||
+ | </object> | ||
+ | </div><br> | ||
+ | <button class="accordion">pBAD_ompT_CAM_GS_Tannase_Biobrick_suffix </button> | ||
+ | <div class="panel"> | ||
+ | <object class="pdf" data=" https://static.igem.org/mediawiki/2018/8/8a/T--Ruia-Mumbai--pBAD_ompT_CAM_GS_Tannase_Biobrick_suffix.pdf#page=1" type="application/pdf" width="100%" height="100%"> | ||
+ | <p><b>Tap to view it:</b><br>: <a href="4. https://static.igem.org/mediawiki/2018/8/8a/T--Ruia-Mumbai--pBAD_ompT_CAM_GS_Tannase_Biobrick_suffix.pdf">View PDF</a>.</p> | ||
+ | </object> | ||
+ | </div> | ||
− | + | <br> | |
− | + | <button class="accordion">pBAD_ompT_galA</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data=" https://static.igem.org/mediawiki/2018/4/4d/T--Ruia-Mumbai--pBAD_ompT_galA.pdf#page=1" type="application/pdf" width="100%" height="100%"> | |
− | + | <p><b>Tap to view it:</b><br>: <a href=" https://static.igem.org/mediawiki/2018/4/4d/T--Ruia-Mumbai--pBAD_ompT_galA.pdf">View PDF</a></p> | |
− | + | ||
− | + | ||
− | + | ||
− | <p><b> | + | |
</object> | </object> | ||
− | + | </div><br> | |
− | + | ||
− | + | <button class="accordion">Plasmid prep by Qiagen</button> | |
− | + | <div class="panel"> | |
− | + | <object class="pdf" data="https://static.igem.org/mediawiki/2018/6/60/T--Ruia-Mumbai--Plasmid_prep_by_Quigen.pdf#page=1" type="application/pdf" width="100%" height="100%"> | |
− | <p><b> | + | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/6/60/T--Ruia-Mumbai--Plasmid_prep_by_Quigen.pdf">View PDF</a>.</p> |
</object> | </object> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 479: | Line 482: | ||
</div> | </div> | ||
− | <div id=" | + | <div id="w6" class="tabcontent"> |
<div class="centre"> | <div class="centre"> | ||
− | + | ||
− | + | ||
− | + | <br> | |
− | + | <button class="accordion">2-HMS assay</button> | |
− | <p><b> | + | <div class="panel"> |
+ | <object class="pdf" data="https://static.igem.org/mediawiki/2018/f/fd/T--Ruia-Mumbai--protocols_HMS_compressed.pdf#page=1" type="application/pdf" width="100%" height="100%"> | ||
+ | <p><b>Tap to view it:</b><br>: <a href="https://static.igem.org/mediawiki/2018/f/fd/T--Ruia-Mumbai--protocols_HMS_compressed.pdf">View PDF</a>.</p> | ||
</object> | </object> | ||
− | + | </div> | |
− | + | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
Line 496: | Line 502: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | + | ||
Line 562: | Line 543: | ||
}); | }); | ||
} | } | ||
− | |||
− | </body> | + | |
+ | $(document).ready(function() { | ||
+ | $("#apr").click(function() { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $("#w1").offset().top-90 | ||
+ | }, 600); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $("#may").click(function() { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $("#w2").offset().top-90 | ||
+ | }, 600); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $("#jun").click(function() { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $("#w3").offset().top-90 | ||
+ | }, 600); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $("#jul").click(function() { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $("#w4").offset().top-90 | ||
+ | }, 600); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $("#aug").click(function() { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $("#w5").offset().top-90 | ||
+ | }, 600); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $("#sep").click(function() { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $("#w6").offset().top-90 | ||
+ | }, 600); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $("#oct").click(function() { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $("#w7").offset().top-90 | ||
+ | }, 600); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $("#nov").click(function() { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $("#w8").offset().top-90 | ||
+ | }, 600); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $("#dec").click(function() { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $("#w9").offset().top-90 | ||
+ | }, 600); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | </body> | ||
</html> | </html> | ||
{{Ruia-Mumbai/Footer}} | {{Ruia-Mumbai/Footer}} |
Latest revision as of 09:15, 16 November 2018
Welcome to Protocols
\--