Oliver0423 (Talk | contribs) |
|||
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; | ||
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: 44.2em;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/2018/thumb/1/11/T--Valencia_UPV--AttributionsFondoUPV2018.jpeg/1200px-T--Valencia_UPV--AttributionsFondoUPV2018.jpeg);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 class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;"> | |
− | + | <i class="stack-interface stack-down-open-big"></i> | |
− | + | </a> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</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 class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-1">Test OD</i></span> | ||
+ | <div class="img-container" id="notebook-1"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:800px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pdf-area"> | ||
+ | <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span> | ||
+ | <div class="img-container" id="notebook-2"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed> | ||
+ | </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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/scriptsJS&action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/scriptsJS&action=raw&ctype=text/javascript"></script> | ||
− | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/jquery311minJS&action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/jquery311minJS&action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/parallaxJS&action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/parallaxJS&action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/smoothscrollminJS&action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/smoothscrollminJS&action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/jquerystepsminJS&action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/jquerystepsminJS&action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" | + | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/bootstrapMinJS&action=raw&ctype=text/javascript"></script> |
</body> | </body> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
− | + | $(document).ready(function() { | |
− | + | for (var i = 1; i < 9; 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}} |
Revision as of 03:11, 13 October 2019
Test OD
Plasmid Extraction
Plasmid Extraction
Plasmid Extraction
Plasmid Extraction
Plasmid Extraction
Plasmid Extraction
Plasmid Extraction
Plasmid Extraction
Plasmid Extraction
Plasmid Extraction
Plasmid Extraction
Plasmid Extraction