Difference between revisions of "Template:Team:Utrecht/MainBody"

 
(3 intermediate revisions by the same user not shown)
Line 762: Line 762:
  
 
<script id="page-home" type="text/template"><!--
 
<script id="page-home" type="text/template"><!--
 +
<div style="position: absolute;top: 0;right: -250px;width: 200px;text-align: center;border: 1px solid gold;padding: 10px;border-radius: 10px;box-sizing: border-box;background: #ffedb8;">
 +
<div style="
 +
    font-weight: bold;
 +
    font-size: 20px;
 +
    color: #c48b00;
 +
    border-bottom: 1px solid #ffd700;
 +
padding-bottom: 15px;
 +
    margin-bottom: 15px;
 +
">Awards</div>
 +
<img width="100" src="https://static.igem.org/mediawiki/2017/thumb/a/a2/UU_gold_medal.png/240px-UU_gold_medal.png"><br><div style="font-size: 15px;color: #c48b00; border-bottom: 1px solid #ffd700; padding-bottom: 15px; margin-top: 5px;">Gold medal</div>
 +
<div style="margin-top: 15px; margin-bottom: 10px; font-size: 15px;color: #c48b00;"><b>Nominated</b><br />Best integrated human practices</div>
 +
</div>
 +
 
<div class="page-heading">The OUTCASST two-component system</div>
 
<div class="page-heading">The OUTCASST two-component system</div>
 
This year is the debut year for the Utrecht University iGEM team. Our team has developed an easy to use and cheap DNA detection kit for disease diagnosis in areas of the world where advanced diagnostic technologies are not available. We call our system ‘OUTCASST’, which stands for ‘Out-of-cell Crispr-Activated Sequence-specific Signal Transducer’.
 
This year is the debut year for the Utrecht University iGEM team. Our team has developed an easy to use and cheap DNA detection kit for disease diagnosis in areas of the world where advanced diagnostic technologies are not available. We call our system ‘OUTCASST’, which stands for ‘Out-of-cell Crispr-Activated Sequence-specific Signal Transducer’.
Line 838: Line 851:
 
A final product would include the use of so-called anhydrobiotic insect <i>Polypedilum vanderplanki</i> cells, which can be air-dried, allowing them to be stored for prolonged periods of time at room temperature. The OUTCASST system is cheap to produce, store and ship, and requires nothing more then a simple microscope as a readout.
 
A final product would include the use of so-called anhydrobiotic insect <i>Polypedilum vanderplanki</i> cells, which can be air-dried, allowing them to be stored for prolonged periods of time at room temperature. The OUTCASST system is cheap to produce, store and ship, and requires nothing more then a simple microscope as a readout.
 
 
 +
 +
 
 +
 
 +
 
 +
 +
 
 +
 +
 
 +
 +
 +
 
 +
 
<script type="text/javascript" language="JavaScript">
 
<script type="text/javascript" language="JavaScript">
 
function tut_goto(step)
 
function tut_goto(step)
Line 1,686: Line 1,711:
 
</div>
 
</div>
 
   <div class="js-grid my-shuffle shuffle" style="height: 520.262px; transition: height 250ms cubic-bezier(0.4, 0, 0.2, 1);">
 
   <div class="js-grid my-shuffle shuffle" style="height: 520.262px; transition: height 250ms cubic-bezier(0.4, 0, 0.2, 1);">
   <figure class="js-item column col-span shuffle-item shuffle-item--visible" style="position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity; transform: translate(0px, 0px) scale(1);">
+
   <figure class="js-item column col-span shuffle-item shuffle-item--visible" onclick="jQuery('html, body').animate({scrollTop: jQuery('#item-doctors').offset().top - 150}, 500);" style="cursor: pointer; position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity; transform: translate(0px, 0px) scale(1);">
 
       <div class="aspect aspect--32x9">
 
       <div class="aspect aspect--32x9">
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/f/fe/Marit_de_Wit.jpg"></div>
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/f/fe/Marit_de_Wit.jpg"></div>
 
       </div>
 
       </div>
 
     </figure>
 
     </figure>
     <figure class="js-item column shuffle-item shuffle-item--visible" style="position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(450px, 0px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
+
     <figure class="js-item column shuffle-item shuffle-item--visible" onclick="jQuery('html, body').animate({scrollTop: jQuery('#item-westerdijk').offset().top - 150}, 500);" style="cursor: pointer; position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(450px, 0px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
 
       <div class="aspect aspect--9x80">
 
       <div class="aspect aspect--9x80">
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/f/fc/Bert_Gerrits_van_den_Ende.jpg"></div>
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/f/fc/Bert_Gerrits_van_den_Ende.jpg"></div>
 
       </div>
 
       </div>
 
     </figure>
 
     </figure>
<figure class="js-item column shuffle-item shuffle-item--visible" style="position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(675px, 0px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
+
<figure class="js-item column shuffle-item shuffle-item--visible" onclick="jQuery('html, body').animate({scrollTop: jQuery('#item-cancer').offset().top - 150}, 500);" style="cursor: pointer; position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(675px, 0px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
 
       <div class="aspect aspect--9x80">
 
       <div class="aspect aspect--9x80">
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/6/63/Hans_Bos.jpg"></div>
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/6/63/Hans_Bos.jpg"></div>
 
       </div>
 
       </div>
 
     </figure>
 
     </figure>
<figure class="js-item column shuffle-item shuffle-item--visible" style="position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(225px, 129px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
+
<figure class="js-item column shuffle-item shuffle-item--visible" onclick="jQuery('html, body').animate({scrollTop: jQuery('#item-parasitology').offset().top - 150}, 500);" style="cursor: pointer; position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(225px, 129px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
 
       <div class="aspect aspect--16x9">
 
       <div class="aspect aspect--16x9">
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/8/8e/Jaap_van_Hellemond.jpg"></div>
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/8/8e/Jaap_van_Hellemond.jpg"></div>
 
       </div>
 
       </div>
 
     </figure>
 
     </figure>
<figure class="js-item column col-span shuffle-item shuffle-item--visible" style="position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(225px, 260px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
+
<figure class="js-item column col-span shuffle-item shuffle-item--visible" onclick="jQuery('html, body').animate({scrollTop: jQuery('#item-amca').offset().top - 150}, 500);" style="cursor: pointer; position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(225px, 260px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
 
       <div class="aspect aspect--32x9">
 
       <div class="aspect aspect--32x9">
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/4/4b/Jet_and_Ruud.jpg"></div>
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/4/4b/Jet_and_Ruud.jpg"></div>
 
       </div>
 
       </div>
 
     </figure>
 
     </figure>
<figure class="js-item column col-span shuffle-item shuffle-item--visible" style="position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(0px, 389px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
+
<figure class="js-item column col-span shuffle-item shuffle-item--visible" onclick="jQuery('html, body').animate({scrollTop: jQuery('#item-genomediagnostics').offset().top - 150}, 500);" style="cursor: pointer; position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(0px, 389px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
 
       <div class="aspect aspect--32x9">
 
       <div class="aspect aspect--32x9">
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/c/cd/Patrick_en_Pieter-Jaap.jpg"></div>
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/c/cd/Patrick_en_Pieter-Jaap.jpg"></div>
 
       </div>
 
       </div>
 
     </figure>
 
     </figure>
<figure class="js-item column shuffle-item shuffle-item--visible" style="position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(0px, 129px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
+
<figure class="js-item column shuffle-item shuffle-item--visible" onclick="jQuery('html, body').animate({scrollTop: jQuery('#item-cancer').offset().top - 150}, 500);" style="cursor: pointer; position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(0px, 129px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
 
       <div class="aspect aspect--9x80">
 
       <div class="aspect aspect--9x80">
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/5/59/Hugo_Snippert_%282%29.jpg"></div>
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/5/59/Hugo_Snippert_%282%29.jpg"></div>
 
       </div>
 
       </div>
 
     </figure>
 
     </figure>
<figure class="js-item column shuffle-item shuffle-item--visible" style="position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(675px, 260px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
+
<figure class="js-item column shuffle-item shuffle-item--visible" onclick="jQuery('html, body').animate({scrollTop: jQuery('#item-nfi').offset().top - 150}, 500);" style="cursor: pointer; position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(675px, 260px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
 
       <div class="aspect aspect--9x80">
 
       <div class="aspect aspect--9x80">
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/d/d0/Titia_Sijen.JPG"></div>
 
         <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/d/d0/Titia_Sijen.JPG"></div>
 +
      </div>
 +
    </figure>
 +
<figure class="js-item column shuffle-item shuffle-item--visible" style="position: absolute; top: 0px; left: 0px; visibility: visible; will-change: transform; opacity: 1; transform: translate(450px, 389px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
 +
      <div class="aspect aspect--9x80" style="padding-bottom: 70%;">
 +
        <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/1/10/Uu-hp-team-photo.png"></div>
 
       </div>
 
       </div>
 
     </figure>
 
     </figure>
Line 1,732: Line 1,762:
 
<section class="timeline" style="width: 1000px; margin-left: -100px;">
 
<section class="timeline" style="width: 1000px; margin-left: -100px;">
 
   <div class="timeline-container" style="width: 100%;">
 
   <div class="timeline-container" style="width: 100%;">
     <div class="timeline-item">
+
     <div id="item-westerdijk" class="timeline-item">
  
 
       <div class="timeline-img"></div>
 
       <div class="timeline-img"></div>
Line 1,745: Line 1,775:
  
 
     </div>
 
     </div>
     <div class="timeline-item">
+
     <div id="item-genomediagnostics" class="timeline-item">
  
 
       <div class="timeline-img"></div>
 
       <div class="timeline-img"></div>
Line 1,764: Line 1,794:
 
     </div>
 
     </div>
 
 
<div class="timeline-item">
+
<div id="item-amca" class="timeline-item">
  
 
       <div class="timeline-img"></div>
 
       <div class="timeline-img"></div>
Line 1,779: Line 1,809:
 
     </div>
 
     </div>
 
 
<div class="timeline-item">
+
<div id="item-cancer" class="timeline-item">
  
 
       <div class="timeline-img"></div>
 
       <div class="timeline-img"></div>
Line 1,796: Line 1,826:
 
     </div>   
 
     </div>   
 
 
<div class="timeline-item">
+
<div id="item-nfi" class="timeline-item">
  
 
       <div class="timeline-img"></div>
 
       <div class="timeline-img"></div>
Line 1,813: Line 1,843:
 
     </div>   
 
     </div>   
 
 
<div class="timeline-item">
+
<div id="item-doctors" class="timeline-item">
  
 
       <div class="timeline-img"></div>
 
       <div class="timeline-img"></div>
Line 1,829: Line 1,859:
 
     </div>   
 
     </div>   
 
 
<div class="timeline-item">
+
<div id="item-parasitology" class="timeline-item">
  
 
       <div class="timeline-img"></div>
 
       <div class="timeline-img"></div>
Line 1,845: Line 1,875:
 
     </div>
 
     </div>
 
 
<div class="timeline-item">
+
<div id="item-clinical" class="timeline-item">
  
 
       <div class="timeline-img"></div>
 
       <div class="timeline-img"></div>
Line 3,400: Line 3,430:
  
 
<script id="page-achievements" type="text/template">
 
<script id="page-achievements" type="text/template">
 +
<div style="position: absolute;top: 0;right: -250px;width: 200px;text-align: center;border: 1px solid gold;padding: 10px;border-radius: 10px;box-sizing: border-box;background: #ffedb8;">
 +
<div style="
 +
    font-weight: bold;
 +
    font-size: 20px;
 +
    color: #c48b00;
 +
    border-bottom: 1px solid #ffd700;
 +
padding-bottom: 15px;
 +
    margin-bottom: 15px;
 +
">Awards</div>
 +
<img width="100" src="https://static.igem.org/mediawiki/2017/thumb/a/a2/UU_gold_medal.png/240px-UU_gold_medal.png"><br><div style="font-size: 15px;color: #c48b00; border-bottom: 1px solid #ffd700; padding-bottom: 15px; margin-top: 5px;">Gold medal</div>
 +
<div style="margin-top: 15px; margin-bottom: 10px; font-size: 15px;color: #c48b00;"><b>Nominated</b><br />Best integrated human practices</div>
 +
</div>
 
<div class="page-heading">Achievements</div>
 
<div class="page-heading">Achievements</div>
  

Latest revision as of 00:24, 15 December 2017

<!DOCTYPE html>

Cas9 & Cpf1 secretion
and activity
Comparison of endonuclease activity for Cas9 and Cpf1 that has been produced in, and excreted by, HEK293 cells.
MESA two-component system replication
Details on the MESA two-component system, explanation of its relation to our design and the results of its reproduction.
OUTCASST system production
Detailed explanation of the OUTCASST mechanism, experimental progress and technical prospects.
Modeling and
mathematics
Ordinary differential equations, cellular automaton and an object based model for optimal linker-length estimation.
InterLab study participation
Results and details of our measurements for the iGEM 2017 InterLab Study.
Stakeholders & opinions
Interviews and dialogues with stakeholders, potential users, third parties and experts relating to pathogen detection or DNA-based diagnostics.
Risks & safety-issues
Implications and design considerations relating to safety in the usage and implementation of OUTCASST as a diagnostics tool.
Design & integration
OUTCASST toolkit and product design with factors such as bio-safety and user-friendliness taken into account.
Outreach
Videos we made for the dutch public, together with 'de Kennis van Nu'.
Meet our team
About us, our interests and roles in the team and our supervisors.
Sponsors
A listing of our sponsors, how they assisted us and our gratitude for their assistance.
Collaborations
Read about our exchanges with other iGEM teams and government agencies.
Achievements
A short description of all that we have achieved during our participation in the iGEM.
Attributions
A thank-you for everyone that assited us, both in and outside the lab.