Difference between revisions of "Team:UNOTT/Results"

 
(62 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{:Team:UNOTT/Template/NavBar}}
+
{{:Team:UNOTT/Template/NavBarTest}}
−
<html>
+
 
 +
<html >
 
<head>
 
<head>
 +
  <meta charset="UTF-8">
 +
 
 +
  <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script>
 +
 +
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js">
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.csss">
 +
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
 +
 
<style>
 
<style>
−
.city {
+
body {
−
   float: left;
+
    font-family: 'Karla', sans-serif;
−
   margin: 10px;
+
}
−
   padding: 10px;
+
 
−
   max-width: 300px;
+
p {
−
   height: 300px;
+
margin-top:10px;
−
  border: 1px solid black;
+
}
−
}   
+
 
 +
h2 span.spacer {
 +
   padding:0 5px;
 +
}
 +
 
 +
.crop {
 +
    width: 100%;
 +
    height: 700px;
 +
    overflow: hidden;
 +
}
 +
 
 +
h2 span {
 +
   color: white;
 +
  font: 100px/100px Helvetica, Sans-Serif;
 +
  letter-spacing: 10px; 
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background: rgba(0, 0, 0, 0.7);
 +
   padding: 10px;
 +
}
 +
h2 {
 +
  position: absolute;
 +
  top: 350px;
 +
  left: 0;  
 +
   width: 100%;
 +
   font-family: 'Karla', sans-serif;
 +
}
 +
 
 +
h4 {
 +
  font-family: 'Karla', sans-serif;
 +
  color:#4b524a;
 +
  font-weight: bold;
 +
}
 +
 
 +
.contentmargin{
 +
  margin: auto;
 +
    width: 60%;
 +
    padding: 10px;
 +
    font-family: 'Karla', sans-serif;
 +
    background-color: #ffffff;
 +
}
 +
 
 +
.wrapper {
 +
  width: 100%;
 +
  margin: 0 auto;
 +
  padding: 3em 0 0;
 +
}
 +
 
 +
.dropdown1 {
 +
  float: left;
 +
  width: 100%;
 +
  position: relative;
 +
  padding-bottom: 2em;
 +
}
 +
 
 +
.dropdown1 input[type=checkbox] {
 +
  position: absolute;
 +
  top: 30px;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  opacity: 0;
 +
  cursor: pointer;
 +
}
 +
 
 +
.dropdown1 label {
 +
  cursor: pointer;
 +
  display: inline-block;
 +
  padding-left: 1.75rem;
 +
  font-size: 5.0rem;
 +
  line-height: 2rem;
 +
  font-weight: 600;
 +
  color: #333;
 +
  font-family: Karla, sans-serif;
 +
}
 +
 
 +
.dropdown1 label:before {
 +
  content: "";
 +
  position: absolute;
 +
  top: 6px;
 +
  left: 0;
 +
  border-left: 8px solid #F5634A;
 +
  border-top: 8px solid transparent;
 +
  border-bottom: 8px solid transparent;
 +
  margin-left: 4px;
 +
}
 +
 
 +
.dropdown1 input[type=checkbox]:checked ~ label:before {
 +
   border-left: 8px solid transparent;
 +
  border-top: 8px solid #F5634A;
 +
  border-right: 8px solid transparent;
 +
  margin: 8px 0 0;
 +
}
 +
 
 +
.dropdown1 .text {
 +
  max-height: 0;
 +
  -webkit-transition: max-height 1s;
 +
  -moz-transition: max-height 1s;
 +
  -ms-transition: max-height 1s;
 +
  -o-transition: max-height 1s;
 +
  transition: max-height 1s; 
 +
  overflow: hidden;
 +
  font-family: Karla, serif;
 +
  font-size: 1.2rem;
 +
  line-height: 1.6rem;
 +
  letter-spacing: 0.05em;
 +
  color: #333;
 +
  padding-left: 1.75rem;
 +
}
 +
 
 +
.dropdown1 input[type=checkbox]:checked ~ .text {
 +
  max-height: 1000px;
 +
}
 
</style>
 
</style>
 +
 +
 +
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<p> space space space space space space space </p>
 
−
<div class="column full_size">
 
−
<h1 style=>Results</h1>
 
  
−
<h5>What should this page contain?</h5>
+
               
−
<ul>
+
−
<li> Clearly and objectively describe the results of your work.</li>
+
−
<li> Future plans for the project. </li>
+
−
<li> Considerations for replicating the experiments. </li>
+
−
</ul>
+
  
−
<h5>You should also describe what your results mean: </h5>
+
<p><br>
 +
<br>
 +
<br>
 +
<br>
 +
</p>
 +
<div class="image">
 +
<div class="crop">
 +
    <img src="https://static.igem.org/mediawiki/2017/0/03/T--UNOTT--Results.jpeg"; style:""width:100%;height:auto;">
 +
</div>
 +
   
 +
     
 +
     
  
−
<ul>
 
−
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
 
−
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
 
−
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
 
−
</ul>
 
  
−
</div>
+
<h2><span>RESULTS:<span class='spacer'></span></h2>
 +
 
  
−
<div class="clear"></div>
 
  
−
<div class="column half_size" >
 
  
 +
<div class="contentmargin">
  
−
<h5> Project Achievements </h5>
 
  
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
  
−
<ul>
+
     
−
<li>A list of linked bullet points of the successful results during your project</li>
+
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
−
</ul>
+
  
−
</div>
 
  
  
−
<div class="column half_size" >
 
  
−
<h5>Inspiration</h5>
 
−
<p>See how other teams presented their results.</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
 
−
</ul>
 
  
−
<img src="https://static.igem.org/mediawiki/2017/7/7f/Nottstoplog.png" style= position: fixed; align=center;>
+
 
 +
 
 +
 
 +
 
 +
     
 +
 
  
 +
     
 +
 
 +
     
  
−
</div>
 
  
−
<div id="footer">
 
−
<div class="container">
 
−
<p class="text-muted">STICK TEXT HERE </p>
 
−
<p class="text-muted">STICK TEXT HERE </p>
 
−
</div>
 
−
</div>
 
−
</body>
 
  
 +
 +
 +
<div class="wrapper">
 +
  <div class="dropdown1">
 +
  <input type="checkbox" id="question-1">
 +
  <label for="question-1"> STEP 1: Create guideRNA Plasmid </label>
 +
    <div class="text">
 +
      <p>Text</p>
 +
    </div>
 +
  </div>
 +
 +
<br> 
 +
<div class="dropdown1">
 +
  <input type="checkbox" id="question-2">
 +
  <label for="question-2"> STEP 2: Create Reporter Plasmid </label>
 +
    <div class="text">
 +
      <p>Text</p>
 +
    </div>
 +
  </div>
 +
 +
<br> 
 +
<div class="dropdown1">
 +
  <input type="checkbox" id="question-3">
 +
  <label for="question-3">  STEP 3: Create Promoter Library </label>
 +
    <div class="text">
 +
      <p>Text</p>
 +
    </div>
 +
  </div>
 +
 +
<br>
 +
<div class="dropdown1">
 +
  <input type="checkbox" id="question-4">
 +
  <label for="question-4">STEP 4: Random Ligations      </label>
 +
    <div class="text">
 +
      <p>Text</p>
 +
    </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>
 +
 +
</body>
 
</html>
 
</html>
 +
 +
 
{{:Team:UNOTT/Template/Footer}}
 
{{:Team:UNOTT/Template/Footer}}
−
</html>
 

Latest revision as of 16:11, 31 October 2017





RESULTS:

Text


Text


Text


Text


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.


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.