|
|
| Line 1,371: |
Line 1,371: |
| | </script> | | </script> |
| | | | |
| − | <script id="page-team" type="text/template"> | + | <script id="page-team" type="text/template"><!-- |
| | <div style="width: 900px; margin-left: -50px;"> | | <div style="width: 900px; margin-left: -50px;"> |
| | <div class="teampicture" style="width: 100%;"> | | <div class="teampicture" style="width: 100%;"> |
| Line 1,382: |
Line 1,382: |
| | <h2 class="subhead" id="subhead-1" style="margin-bottom: 0; float: left;">iGEM team members</h2> | | <h2 class="subhead" id="subhead-1" style="margin-bottom: 0; float: left;">iGEM team members</h2> |
| | <div style="float: right; font-size: 13px;"> | | <div style="float: right; font-size: 13px;"> |
| − | Filter: <span style="background: #005b9b; padding: 3px 6px; border-radius: 5px; color: white;">None</span> | Awesome people | + | Filter: <span id="filter-none" class="filter filter-selected">None</span> | <span id="filter-awesome" class="filter">Awesome people</span> |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 1,389: |
Line 1,389: |
| | | | |
| | <div class="team_members"> | | <div class="team_members"> |
| − | <div class="timeline-item" data-awesome="1"> | + | <div class="timeline-item"> |
| | | | |
| | <div class="timeline-content timeline-card js--fadeInLeft"> | | <div class="timeline-content timeline-card js--fadeInLeft"> |
| Line 1,429: |
Line 1,429: |
| | </div> | | </div> |
| | | | |
| − | <div class="timeline-content timeline-card js--fadeInLeft"> | + | <div class="timeline-content timeline-card js--fadeInLeft" data-awesome="1"> |
| | <div class="timeline-img-header"> | | <div class="timeline-img-header"> |
| | <img width="100%" style="margin-top: -80px;" src="https://static.igem.org/mediawiki/2017/6/66/Uusam.jpg"> | | <img width="100%" style="margin-top: -80px;" src="https://static.igem.org/mediawiki/2017/6/66/Uusam.jpg"> |
| Line 1,634: |
Line 1,634: |
| | | | |
| | </div> | | </div> |
| | + | |
| | + | <script type="text/javascript"> |
| | + | $("filter-none").observe("mouseover", function() |
| | + | { |
| | + | if(!this.hasClassName("filter-selected")) |
| | + | this.addClassName("filter-hover"); |
| | + | }); |
| | + | |
| | + | $("filter-none").observe("mouseout", function() |
| | + | { |
| | + | this.removeClassName("filter-hover"); |
| | + | }); |
| | + | |
| | + | $("filter-awesome").observe("mouseover", function() |
| | + | { |
| | + | if(!this.hasClassName("filter-selected")) |
| | + | this.addClassName("filter-hover"); |
| | + | }); |
| | + | |
| | + | $("filter-awesome").observe("mouseout", function() |
| | + | { |
| | + | this.removeClassName("filter-hover"); |
| | + | }); |
| | + | |
| | + | $("filter-none").observe("click", function() |
| | + | { |
| | + | if(!this.hasClassName("filter-selected")) |
| | + | { |
| | + | $("filter-awesome").removeClassName("filter-selected"); |
| | + | |
| | + | this.addClassName("filter-selected"); |
| | + | this.removeClassName("filter-hover"); |
| | + | |
| | + | $$(".timeline-content").each(function(v, k) |
| | + | { |
| | + | v.show(); |
| | + | }); |
| | + | |
| | + | $("subhead-2").show(); |
| | + | } |
| | + | }); |
| | + | |
| | + | $("filter-awesome").observe("click", function() |
| | + | { |
| | + | if(!this.hasClassName("filter-selected")) |
| | + | { |
| | + | $("filter-none").removeClassName("filter-selected"); |
| | + | |
| | + | this.addClassName("filter-selected"); |
| | + | this.removeClassName("filter-hover"); |
| | + | |
| | + | $$(".timeline-content").each(function(v, k) |
| | + | { |
| | + | if(v.getAttribute("data-awesome")) |
| | + | v.show(); |
| | + | else |
| | + | v.hide(); |
| | + | }); |
| | + | |
| | + | $("subhead-2").hide(); |
| | + | } |
| | + | }); |
| | + | </script> |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| Line 1,644: |
Line 1,707: |
| | | | |
| | .team_members .timeline-content h2 { margin-bottom: 0 !important; } | | .team_members .timeline-content h2 { margin-bottom: 0 !important; } |
| − | </style> | + | |
| | + | .filter { padding: 3px 6px; border-radius: 5px; cursor: pointer; } |
| | + | .filter-hover { background: rgba(0, 91, 155, 0.2); color: black; } |
| | + | .filter-selected { background: #005b9b; color: white; } |
| | + | </style>--> |
| | </script> | | </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.
