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

(Created page with "{{iTesla-SoundBio}} <html> <h1>Building and Modulizing Biology<br> <script> $("#title").text("Protocol") </script> <br>Design it like Lego Pieces</h1> <style> .center...")
 
 
(39 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("Protocol")
+
     $("#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>
−
<div class="center">
 
−
<a href="https://2018.igem.org/Team:iTesla-SoundBio/ProjectStory">
 
−
<button>For More Academic Description, Visit Page: Project Story</button>
 
−
</a>
 
−
</div>
 
−
<body>
 
  
−
<div>
+
<div class="protocols">
−
<center><img class="homeimg" src="https://static.igem.org/mediawiki/2018/9/9b/T--iTesla-Soundbio--Project_Description1.png" alt="DID YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment", width=60%,height:60%></center>
+
  <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>
 
</div>
  
−
</body>
+
<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>
  
−
<div class="center">
+
 
−
<a href="https://2018.igem.org/Team:iTesla-SoundBio/ProjectStory">
+
</body>
−
<button>For More Academic Description, Visit Page: Project Story</button>
+
−
</a>
+
−
</div>
+
  
 
</html>
 
</html>

Latest revision as of 04:41, 15 October 2018

Safety Protocols
InterLab
Team Members Attributions
Human Practices Collaborations
Project Description Design Results Biobrick Parts Lab Notebook
iT-SB 2018 iT-SB 2017

Design and Modulize Biology

Build Bacteria like Lego Pieces

Gel Image

    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