Difference between revisions of "Team:UNOTT/Results"

 
(20 intermediate revisions by one other user not shown)
Line 19: Line 19:
 
}
 
}
  
 +
p {
 +
margin-top:10px;
 +
}
  
 
h2 span.spacer {
 
h2 span.spacer {
Line 61: Line 64:
  
 
.wrapper {
 
.wrapper {
   width: 50%;
+
   width: 100%;
 
   margin: 0 auto;
 
   margin: 0 auto;
 
   padding: 3em 0 0;
 
   padding: 3em 0 0;
 
}
 
}
  
.dropdown {
+
.dropdown1 {
 
   float: left;
 
   float: left;
 
   width: 100%;
 
   width: 100%;
Line 73: Line 76:
 
}
 
}
  
.dropdown input[type=checkbox] {
+
.dropdown1 input[type=checkbox] {
 
   position: absolute;
 
   position: absolute;
   top: 0;
+
   top: 30px;
 
   left: 0;
 
   left: 0;
 
   width: 100%;
 
   width: 100%;
Line 83: Line 86:
 
}
 
}
  
.dropdown label {
+
.dropdown1 label {
 
   cursor: pointer;
 
   cursor: pointer;
 
   display: inline-block;
 
   display: inline-block;
 
   padding-left: 1.75rem;
 
   padding-left: 1.75rem;
   font-size: 1.4rem;
+
   font-size: 5.0rem;
 
   line-height: 2rem;
 
   line-height: 2rem;
 
   font-weight: 600;
 
   font-weight: 600;
 
   color: #333;
 
   color: #333;
   font-family: Arial, sans-serif;
+
   font-family: Karla, sans-serif;
 
}
 
}
  
.dropdown label:before {
+
.dropdown1 label:before {
 
   content: "";
 
   content: "";
 
   position: absolute;
 
   position: absolute;
Line 105: Line 108:
 
}
 
}
  
.dropdown input[type=checkbox]:checked ~ label:before {
+
.dropdown1 input[type=checkbox]:checked ~ label:before {
 
   border-left: 8px solid transparent;
 
   border-left: 8px solid transparent;
 
   border-top: 8px solid #F5634A;
 
   border-top: 8px solid #F5634A;
 
   border-right: 8px solid transparent;
 
   border-right: 8px solid transparent;
   margin: 6px 0 0;
+
   margin: 8px 0 0;
 
}
 
}
  
.dropdown .text {
+
.dropdown1 .text {
 
   max-height: 0;
 
   max-height: 0;
 
   -webkit-transition: max-height 1s;  
 
   -webkit-transition: max-height 1s;  
Line 120: Line 123:
 
   transition: max-height 1s;   
 
   transition: max-height 1s;   
 
   overflow: hidden;
 
   overflow: hidden;
   font-family: Georgia, serif;
+
   font-family: Karla, serif;
 
   font-size: 1.2rem;
 
   font-size: 1.2rem;
 
   line-height: 1.6rem;
 
   line-height: 1.6rem;
Line 128: Line 131:
 
}
 
}
  
.dropdown input[type=checkbox]:checked ~ .text {
+
.dropdown1 input[type=checkbox]:checked ~ .text {
   max-height: 100px;
+
   max-height: 1000px;
 
}
 
}
 
</style>
 
</style>
Line 163: Line 166:
  
  
  <h4>STEP 1: Create guideRNA Plasmid</h4>
+
  
 
        
 
        
Line 172: Line 175:
  
 
    
 
    
   <h4>STEP 2: Create Reporter Plasmid </h4>
+
    
   <h4>STEP 3: Create Promoter Library</h4>
+
    
   <h4>STEP 4: Random Ligations      </h4>
+
    
 
        
 
        
 
    
 
    
  <h4>STEP 5: Freeze drying & Revivial</h4>
+
 
 
        
 
        
   <h4>STEP 6: CRISPRi & guideRNA efficiency</h4>
+
    
 
        
 
        
<p>This picture shows our gRNAs working visually, but the graphs show the results of RFP detection using a microplate reader on cultures containing each of the dCas9 plasmids with one promoter-RFP-terminator brick, with its corresponding gRNA plasmid,
 
or with a non-targeting gRNA plasmid.</p>
 
<img src="https://static.igem.org/mediawiki/2017/6/6a/T--UNOTT--gRNAresultspic.jpeg">
 
  
  
  
</div>
+
 
  
 
<div class="wrapper">
 
<div class="wrapper">
   <div class="dropdown">
+
   <div class="dropdown1">
 
   <input type="checkbox" id="question-1">
 
   <input type="checkbox" id="question-1">
   <label for="question-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?</label>
+
   <label for="question-1"> STEP 1: Create guideRNA Plasmid </label>
 
     <div class="text">
 
     <div class="text">
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.</p>
+
       <p>Text</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  <div class="dropdown">
+
 
 +
<br> 
 +
<div class="dropdown1">
 
   <input type="checkbox" id="question-2">
 
   <input type="checkbox" id="question-2">
   <label for="question-2">Lorem ipsum dolor sit amet, consectetur adipisicing?</label>
+
   <label for="question-2"> STEP 2: Create Reporter Plasmid </label>
 
     <div class="text">
 
     <div class="text">
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.</p>
+
       <p>Text</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  <div class="dropdown">
+
 
 +
<br> 
 +
<div class="dropdown1">
 
   <input type="checkbox" id="question-3">
 
   <input type="checkbox" id="question-3">
   <label for="question-3">Magna aliqua ut enim ad minim?</label>
+
   <label for="question-3"> STEP 3: Create Promoter Library </label>
 
     <div class="text">
 
     <div class="text">
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.</p>
+
       <p>Text</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  <div class="dropdown">
+
 
 +
<br>
 +
<div class="dropdown1">
 
   <input type="checkbox" id="question-4">
 
   <input type="checkbox" id="question-4">
   <label for="question-4">Lorem ipsum dolor sit amet, consectetur adipisicing?</label>
+
   <label for="question-4">STEP 4: Random Ligations      </label>
 
     <div class="text">
 
     <div class="text">
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.</p>
+
       <p>Text</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
 +
<br>
 +
<div class="dropdown1">
 +
  <input type="checkbox" id="question-5">
 +
  <label for="question-5">STEP 5: Freeze drying & Revival    </label>
 +
    <div class="text">
 +
      <p>Here are the results of our freeze-dried cells revival experiments. With these experiments, we want to show that different storage do not have an effect on the revival of the cells within our key.</p>
 +
    </div>
 +
  </div>
 +
 +
<br>
 +
 +
<div class="dropdown1">
 +
  <input type="checkbox" id="question-6">
 +
  <label for="question-6"> STEP 6: CRISPRi & guideRNA efficiency    </label>
 +
    <div class="text">
 +
      <p>This picture shows our gRNAs working visually, but the graphs show the results of RFP detection using a microplate reader on cultures containing each of the dCas9 plasmids with one promoter-RFP-terminator brick, with its corresponding gRNA plasmid,
 +
or with a non-targeting gRNA plasmid.</p>
 +
<img src="https://static.igem.org/mediawiki/2017/6/6a/T--UNOTT--gRNAresultspic.jpeg">
 +
<img src="https://static.igem.org/mediawiki/2017/e/e1/T--UNOTT--photosofgRNAresults.jpeg">
 +
 +
    </div>
 +
  </div>
 +
 +
 
</div>         
 
</div>         
  
 +
</div>
  
 
</body>
 
</body>

Latest revision as of 16:11, 31 October 2017





RESULTS: