Difference between revisions of "Team:iTesla-SoundBio/Protocols"

 
(38 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<html>
 
<html>
  
<h1>Building and Modulizing Biology<br>
+
<h1>Design and Modulize Biology <br>
 
<script>
 
<script>
 
     $("#title").text("Protocols")
 
     $("#title").text("Protocols")
 
 
</script>
 
</script>
<br>Design it like Lego Pieces</h1>
+
<br>Build Bacteria like Lego Pieces</h1>
  
 +
<body>
 
<style>
 
<style>
.center {
 
  width: 60%;
 
  margin: auto;
 
}
 
button {
 
  background-color: #008CBA;
 
    border: none;
 
    color: white;
 
    padding: 15px 32px;
 
    text-align: center;
 
    text-decoration: none;
 
    display: inline-block;
 
    font-size: 16px;
 
    margin: 4px 2px;
 
    cursor: pointer;
 
  display: flex; justify-content: center;
 
}
 
 
h1 {
 
h1 {
 
     font: 600 1.5em/1 'Raleway', sans-serif;
 
     font: 600 1.5em/1 'Raleway', sans-serif;
Line 39: Line 22:
  
 
}
 
}
span, span:after {
+
.protocols {
     font-weight: 900;
+
     margin: 5px;
     color: #efedce;
+
     border: 1px solid #ccc;
     white-space: nowrap;
+
     float: left;
     display: inline-block;
+
     width: 20%;
    letter-spacing: .1em;
+
    padding: .2em 0 .25em 0;
+
 
}
 
}
  
span {
+
.protocols:hover {
     font-size: 4em;
+
     border: 1px solid #777;
    z-index: 100;
+
    text-shadow: .04em .04em 0 #9cb8b3;
+
 
}
 
}
  
span:after {
+
.protocols img {
     content: attr(data-shadow-text);
+
     width: 100%;
     color: rgba(0,0,0,.35);
+
     height: auto;
    text-shadow: none;
+
    position: absolute;
+
    left: .0875em;
+
    top: .0875em;
+
    z-index: -1;
+
    -webkit-mask-image: url(https://f.cl.ly/items/1t1C0W3y040g1J172r3h/mask.png);
+
 
}
 
}
  
 +
.desc {
 +
    padding: 15px;
 +
    text-align: center;
 +
}
 
</style>
 
</style>
<body>
+
 
 +
<div class="protocols">
 +
  <a target="_blank" href="https://static.igem.org/mediawiki/2018/0/05/T--iTesla-Soundbio--Gel_Image.png">
 +
    <img src="https://static.igem.org/mediawiki/2018/0/05/T--iTesla-Soundbio--Gel_Image.png" alt="Gel Image">
 +
  </a>
 +
</div>
 +
 
 +
<h2>
 +
<ol>
 +
Click "Protocol Template" to view the actual template:
 +
<br><br>
 +
<li>
 +
Our Digest Purification Gel and Gel Extraction <a href="https://2018.igem.org/Team:iTesla-SoundBio/GelElectrophoresisandGelExtraction">Protocol Template </a>
 +
</li>
 +
<li>
 +
Miniprep<a href= "https://2018.igem.org/Team:iTesla-SoundBio/Miniprep"> Protocol Template </a>
 +
</li>
 +
<li>
 +
PCR and PCR Purification<a href= "https://2018.igem.org/Team:iTesla-SoundBio/PCRandPCRPurification"> Protocol Template </a>
 +
</li>
 +
<li>
 +
Colony PCR<a href= "https://2018.igem.org/Team:iTesla-SoundBio/ColonyPCR"> Protocol Template </a>
 +
</li>
 +
<li>
 +
Ligation and Transformation with NEB 5-alpha E. coli<a href= "https://2018.igem.org/Team:iTesla-SoundBio/LigationandTransformationwithNEB5-alphaE.coli"> Protocol Template</a>
 +
</li>
 +
<li>
 +
Transformation of B. Subtilis 168 <a href="https://2018.igem.org/Team:iTesla-SoundBio/TransformationofB.Subtilis168">Protocol Template</a>
 +
</li>
 +
<li>
 +
Restriction Digest <a href= "https://2018.igem.org/Team:iTesla-SoundBio/RestrictionDigest"> Protocol Template</a>
 +
</li>
 +
<li>
 +
Fastcloning <a href="
 +
https://static.igem.org/mediawiki/2018/9/9f/T--itesla-soundbio--fastcloning.pdf"> Protocol Template</a>
 +
</li>
 +
</ol>
 +
</h2>
 +
 
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 04:41, 15 October 2018

Design and Modulize Biology

Build Bacteria like Lego Pieces

    Click "Protocol Template" to view the actual template:

  1. Our Digest Purification Gel and Gel Extraction Protocol Template
  2. Miniprep Protocol Template
  3. PCR and PCR Purification Protocol Template
  4. Colony PCR Protocol Template
  5. Ligation and Transformation with NEB 5-alpha E. coli Protocol Template
  6. Transformation of B. Subtilis 168 Protocol Template
  7. Restriction Digest Protocol Template
  8. Fastcloning Protocol Template