Difference between revisions of "Team:CSMU Taiwan/Protocol"

 
(38 intermediate revisions by 3 users not shown)
Line 8: Line 8:
 
   padding: 10px 20px;
 
   padding: 10px 20px;
 
   border-radius: 5px;
 
   border-radius: 5px;
−
   background-color: #556b7e;
+
   background-color: #5BA5B4;
 
   color: white;
 
   color: white;
 
   display: block;
 
   display: block;
Line 38: Line 38:
 
     <!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
 
     <!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
 
     <div class="main-container">
 
     <div class="main-container">
−
         <section style="background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
+
         <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%;">
 
             <div class="main-container" style="height: 100%;">
 
                 <center style="height: 100%;">
 
                 <center style="height: 100%;">
 
                     <div class="col-md-12" style="height: 100%;margin-top:2em; padding:0px">
 
                     <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;">
+
                         <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;">
 
                             <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>
 
                             </a>
 
                         </div>
 
                         </div>
Line 63: Line 62:
 
                         </div>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-1">Test OD</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-1">Transform</i></span>
 
                             <div class="img-container" id="notebook-1">
 
                             <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>
+
                                 <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>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-2">Small Scale Production</i></span>
 
                             <div class="img-container" id="notebook-2">
 
                             <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>
+
                                 <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>
 
                         </div>
 
                         </div>
 +
<a class="anchorOffset" id="overexpression" tabindex="-1" style="outline: none;" ></a>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-3">Overexpression</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-3">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <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>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-4">Purification</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-4">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <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>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-5">Dialysis</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-5">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <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>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-6">SDS Page</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-6">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <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>
 +
                        <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>
 
                         <div>
 
                         <h2>SELEX</h2>
 
                         <h2>SELEX</h2>
 
                         </div>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-12">Protein-Gel Conjugation</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-12">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <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>
 
                         </div>
 +
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                            <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                              <span class="pdfbtn" id="notebook-btn-13">SELEX</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-13">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <embed src="https://static.igem.org/mediawiki/2019/7/7e/T--CSMU_Taiwan--SELEX.pdf" style="width:100%; height:850px" frameborder="0"></embed>
 
                             </div>
 
                             </div>
 +
                        <a class="anchorOffset" id="SELEX" tabindex="2" style="outline: none;"></a>
 
                         </div>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-14">DNA Precipitation</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-14">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <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>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-15">PCR</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-15">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <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>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-16">Electrophoresis</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-16">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <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>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-17">Plasmid Miniprep Purification</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-17">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <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>
 
                         </div>
 
                         <div class="pdf-area">
 
                         <div class="pdf-area">
−
                             <span class="pdfbtn" id="notebook-btn-2">Plasmid Extraction</i></span>
+
                             <span class="pdfbtn" id="notebook-btn-18">ELISA</i></span>
−
                             <div class="img-container" id="notebook-2">
+
                             <div class="img-container" id="notebook-18">
−
                                 <embed src="https://static.igem.org/mediawiki/2019/7/76/T--CSMU_Taiwan--test.pdf" style="width:100%; height:850px" frameborder="0"></embed>
+
                                 <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>
Line 154: Line 202:
 
         <i class="stack-interface stack-up-open-big"></i>
 
         <i class="stack-interface stack-up-open-big"></i>
 
     </a>
 
     </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/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/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/bootstrapMinJS&action=raw&ctype=text/javascript"></script>
+
 
</body>
 
</body>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(document).ready(function() {
 
$(document).ready(function() {
  
−
     for (var i = 1; i < 9; i++) {
+
     for (var i = 1; i < 25; i++) {
 
         $('#notebook-btn-' + i).click(toggleContainer(i));
 
         $('#notebook-btn-' + i).click(toggleContainer(i));
 
     }
 
     }

Latest revision as of 11:16, 21 October 2019

Stack Multipurpose HTML Template

Protein

Transform
Small Scale Production
Overexpression
Purification
Dialysis
SDS Page
Western Blot
Colony PCR
DNA Purification
Ligation
Restriction Enzyme Digestion

SELEX

Protein-Gel Conjugation
SELEX
DNA Precipitation
PCR
Electrophoresis
Plasmid Miniprep Purification
ELISA
T&A Cloning
Conjugation of Aptamers to Nanogold