|
|
Line 1: |
Line 1: |
− |
| |
| <!DOCTYPE html> | | <!DOCTYPE html> |
| <html> | | <html> |
Line 486: |
Line 485: |
| <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" 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;"> |
| <div class="aspect aspect--9x80"> | | <div class="aspect aspect--9x80"> |
− | <div class="aspect__inner"><img src="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" 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;"> |
| <div class="aspect aspect--9x80"> | | <div class="aspect aspect--9x80"> |
− | <div class="aspect__inner"><img src="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" 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;"> |
| <div class="aspect aspect--16x9"> | | <div class="aspect aspect--16x9"> |
− | <div class="aspect__inner"><img src="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" 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;"> |
| <div class="aspect aspect--32x9"> | | <div class="aspect aspect--32x9"> |
− | <div class="aspect__inner"><img src="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" 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;"> |
| <div class="aspect aspect--32x9"> | | <div class="aspect aspect--32x9"> |
− | <div class="aspect__inner"><img src="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" 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;"> |
| <div class="aspect aspect--9x80"> | | <div class="aspect aspect--9x80"> |
− | <div class="aspect__inner"><img src="Hugo Snippert (2).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" 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;"> |
| <div class="aspect aspect--9x80"> | | <div class="aspect aspect--9x80"> |
− | <div class="aspect__inner"><img src="Titia Sijen.jpg"></div> | + | <div class="aspect__inner"><img src="https://static.igem.org/mediawiki/2017/d/d0/Titia_Sijen.JPG"></div> |
| </div> | | </div> |
| </figure> | | </figure> |
Line 1,212: |
Line 1,211: |
| }</style> | | }</style> |
| | | |
| + | <?PHP /* ?> |
| + | <div class="container" style="margin-top: 200px; width: 900px;"> |
| + | <div class="js-grid my-shuffle"> |
| + | <figure class="js-item column col-span"> |
| + | <div class="aspect aspect--32x9"> |
| + | <div class="aspect__inner"><img src="Marit de Wit.jpg"/></div> |
| + | </div> |
| + | </figure> |
| + | <figure class="js-item column col-span"> |
| + | <div class="aspect aspect--32x9"> |
| + | <div class="aspect__inner"><img src="Patrick en Pieter-Jaap.jpg"/></div> |
| + | </div> |
| + | </figure> |
| + | <figure class="js-item column"> |
| + | <div class="aspect aspect--9x80"> |
| + | <div class="aspect__inner"><img src="Bert Gerrits van den Ende.jpg"/></div> |
| + | </div> |
| + | </figure> |
| + | <figure class="js-item column"> |
| + | <div class="aspect aspect--9x80"> |
| + | <div class="aspect__inner"><img src="Hans Bos.jpg"/></div> |
| + | </div> |
| + | </figure> |
| + | <figure class="js-item column"> |
| + | <div class="aspect aspect--16x9"> |
| + | <div class="aspect__inner"><img src="Jaap van Hellemond.jpg"/></div> |
| + | </div> |
| + | </figure> |
| + | <figure class="js-item column col-span"> |
| + | <div class="aspect aspect--32x9"> |
| + | <div class="aspect__inner"><img src="Jet and Ruud.jpg"/></div> |
| + | </div> |
| + | </figure> |
| + | <figure class="js-item column"> |
| + | <div class="aspect aspect--9x80"> |
| + | <div class="aspect__inner"><img src="Hugo Snippert (2).jpg"/></div> |
| + | </div> |
| + | </figure> |
| + | <figure class="js-item column"> |
| + | <div class="aspect aspect--9x80"> |
| + | <div class="aspect__inner"><img src="Titia Sijen.jpg"/></div> |
| + | </div> |
| + | </figure> |
| + | <div class="column my-sizer-element"></div> |
| + | </div> |
| + | </div> |
| + | <?PHP */ ?> |
| | | |
| <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Shuffle/5.0.2/shuffle.min.js"></script> | | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Shuffle/5.0.2/shuffle.min.js"></script> |
The OUTCASST two-component system
This year, Utrecht University participates in the iGEM for the first time. We aim to create a cheap DNA detection kit for disease diagnosis that is easy to use and does not rely on complicated sequencing technologies.
The problem
Disease diagnosis is of great importance for healthcare. In developing countries, diagnoses often have to be made based on limited information, even though accurate disease determination based on pathogen specific DNA sequences is possible through sequencing technologies. These technologies, however, require specialised equipment and expertise that simply is not available everywhere. The OUTCASST two-component system and detection kit hopes to alleviate this problem.
The system
The OUTCASST two-component system consists of two proteins, expressed to the membrane of a dryable cell. One of the proteins is a Cas9-fusion and the other contains Cpf1. Both proteins can be given a guide RNA that makes it bind to a specific, user-chosen, complementary sequence. When both proteins bind a DNA fragment from a sample, they co-localize, so that a transcription factor is released intracellularly which then induces an intracellular reporter mechanism such as a dye or fluorescent signal.
Binding of components with search-specific gRNA sequences.
Next
DNA sample fragment binds to one of the components.
Next
Fragment binding with both components induces co-localization.
Next
Protease cleaves, transcription factor is released from complex.