(Created page with "{{CSMU Taiwan/navBar}} {{CSMU Taiwan/BootstrapMin}} <html> <style> .pdfbtn { width: 100%; margin: 20px 0 10px 0; padding: 10px 20px; border-radius: 5px; backgrou...") |
Tiger87216 (Talk | contribs) |
||
(44 intermediate revisions by 4 users not shown) | |||
Line 2: | Line 2: | ||
{{CSMU Taiwan/BootstrapMin}} | {{CSMU Taiwan/BootstrapMin}} | ||
<html> | <html> | ||
− | |||
<style> | <style> | ||
− | + | .pdfbtn { | |
− | .pdfbtn { | + | |
width: 100%; | width: 100%; | ||
margin: 20px 0 10px 0; | margin: 20px 0 10px 0; | ||
padding: 10px 20px; | padding: 10px 20px; | ||
border-radius: 5px; | border-radius: 5px; | ||
− | background-color: # | + | background-color: #5BA5B4; |
color: white; | color: white; | ||
display: block; | display: block; | ||
Line 34: | Line 32: | ||
</style> | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <body class="" style="background-color:#353535;"> | ||
+ | <a class="anchorOffset" id="start"></a> | ||
+ | <!--------- NAVBAR--------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <!------------CONTENEDOR PRINCIPAL ----------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <div class="main-container"> | ||
+ | <section style="background-size: 100%;height: 95%;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax"> | ||
+ | <div class="main-container" style="height: 100%;"> | ||
+ | <center style="height: 100%;"> | ||
+ | <div class="col-md-12" style="height: 100%;margin-top:2em; padding:0px"> | ||
+ | <div id="logoPrinteria" class="item" style="background-image: url(https://static.igem.org/mediawiki/2019/6/6a/T--CSMU_Taiwan--cover_lab.png);height: 100%; width: 100%;background-attachment: fixed;background-size: cover;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/8/81/T--CSMU_Taiwan--protocol_.png" style=" margin-top: 0px;"> | ||
+ | |||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </center> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | <a class="anchorOffset" id="story"></a> | ||
+ | <section class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 col9Attr" style=" padding-left: 2em;padding-right: 2em;"> | ||
+ | <div> | ||
+ | <div> | ||
+ | <h2>Protein</h2> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-1">Transform</i></span> | ||
+ | <div class="img-container" id="notebook-1"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/8/81/T--CSMU_Taiwan--transformation.pdf" style="width:100%; height:800px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Small Scale Production</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/b/bc/T--CSMU_Taiwan--small.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a class="anchorOffset" id="overexpression" tabindex="-1" style="outline: none;" ></a> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-3">Overexpression</i></span> | ||
+ | <div class="img-container" id="notebook-3"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/d/d1/T--CSMU_Taiwan--overexpression.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-4">Purification</i></span> | ||
+ | <div class="img-container" id="notebook-4"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/9/93/T--CSMU_Taiwan--proteinpurification.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-5">Dialysis</i></span> | ||
+ | <div class="img-container" id="notebook-5"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/4/47/T--CSMU_Taiwan--proteindialysis.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-6">SDS Page</i></span> | ||
+ | <div class="img-container" id="notebook-6"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/4/41/T--CSMU_Taiwan--SDS.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-7">Western Blot</i></span> | ||
+ | <div class="img-container" id="notebook-7"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/6/63/T--CSMU_Taiwan--western.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-8">Colony PCR</i></span> | ||
+ | <div class="img-container" id="notebook-8"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/0/02/T--CSMU_Taiwan--colonyPCR.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-9">DNA Purification</i></span> | ||
+ | <div class="img-container" id="notebook-9"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/0/0e/T--CSMU_Taiwan--DNAprification.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-10">Ligation</i></span> | ||
+ | <div class="img-container" id="notebook-10"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/d/dc/T--CSMU_Taiwan--ligation.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-11">Restriction Enzyme Digestion</i></span> | ||
+ | <div class="img-container" id="notebook-11"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/f/f0/T--CSMU_Taiwan--restrictionenzymedigestion.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
− | |||
+ | <div> | ||
+ | <h2>SELEX</h2> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-12">Protein-Gel Conjugation</i></span> | ||
+ | <div class="img-container" id="notebook-12"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--proteingel.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="pdf-area"> | |
− | + | <span class="pdfbtn" id="notebook-btn-13">SELEX</i></span> | |
− | + | <div class="img-container" id="notebook-13"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2019/7/7e/T--CSMU_Taiwan--SELEX.pdf" style="width:100%; height:850px" frameborder="0"></embed> | |
− | + | </div> | |
− | + | <a class="anchorOffset" id="SELEX" tabindex="2" style="outline: none;"></a> | |
− | + | </div> | |
− | <img src="https://static.igem.org/mediawiki/ | + | <div class="pdf-area"> |
− | < | + | <span class="pdfbtn" id="notebook-btn-14">DNA Precipitation</i></span> |
− | <i class=" | + | <div class="img-container" id="notebook-14"> |
− | </ | + | <embed src="https://static.igem.org/mediawiki/2019/5/5a/T--CSMU_Taiwan--precipitation.pdf" style="width:100%; height:850px" frameborder="0"></embed> |
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-15">PCR</i></span> | ||
+ | <div class="img-container" id="notebook-15"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/4/46/T--CSMU_Taiwan--PCR.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-16">Electrophoresis</i></span> | ||
+ | <div class="img-container" id="notebook-16"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/73/T--CSMU_Taiwan--electrophoresis.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-17">Plasmid Miniprep Purification</i></span> | ||
+ | <div class="img-container" id="notebook-17"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/d/d5/T--CSMU_Taiwan--plasmid.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-18">ELISA</i></span> | ||
+ | <div class="img-container" id="notebook-18"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/a/a9/T--CSMU_Taiwan--ELISA.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-19">T&A Cloning</i></span> | ||
+ | <div class="img-container" id="notebook-19"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/0/05/T--CSMU_Taiwan--TAcloning.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-20">Conjugation of Aptamers to Nanogold</i></span> | ||
+ | <div class="img-container" id="notebook-20"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/8/84/T--CSMU_Taiwan--nanogold.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
− | </ | + | </div> |
</div> | </div> | ||
− | + | </section> | |
− | + | <!--<div class="loader"></div>--> | |
− | + | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;"> | |
− | + | <i class="stack-interface stack-up-open-big"></i> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</body> | </body> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
− | + | $(document).ready(function() { | |
− | + | for (var i = 1; i < 25; i++) { | |
− | $('#notebook-btn-' + i).click( toggleContainer(i) ); | + | $('#notebook-btn-' + i).click(toggleContainer(i)); |
− | + | } | |
− | + | $('.top').on('click', function() { | |
− | + | $('html, body').animate({ scrollTop: '0px' }, 500); | |
}); | }); | ||
}); | }); | ||
− | function toggleContainer(i){ | + | function toggleContainer(i) { |
− | + | return function() { | |
− | + | if ($('#notebook-' + i).is(":visible")) { | |
− | + | $('#notebook-' + i).slideToggle(500); | |
− | + | } else { | |
− | + | $('.img-container:visible').slideToggle(500); | |
− | + | $('#notebook-' + i).slideToggle(500); | |
− | + | } | |
− | + | $('.bg-container').css('max-height', '280vh') | |
− | + | $('.main-content').css('min-height', '200vh') | |
− | + | } | |
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
</script> | </script> | ||
</html> | </html> | ||
{{CSMU Taiwan/footer}} | {{CSMU Taiwan/footer}} |
Latest revision as of 11:16, 21 October 2019