Difference between revisions of "Team:Freiburg/Project/Overview"
Line 24: | Line 24: | ||
} | } | ||
− | + | h1 { | |
text-align: center; | text-align: center; | ||
color: #888; | color: #888; | ||
Line 36: | Line 36: | ||
6px 5px 1px #ccc, 5px 6px 1px #eee, | 6px 5px 1px #ccc, 5px 6px 1px #eee, | ||
7px 6px 1px #ccc; | 7px 6px 1px #ccc; | ||
− | } | + | } |
.header_box { | .header_box { | ||
Line 109: | Line 109: | ||
#second, | #second, | ||
#third, | #third, | ||
− | #fourth{ | + | #fourth, |
+ | #fifth, | ||
+ | #sixth, | ||
+ | #seventh, | ||
+ | #eightth { | ||
left: -1000px; | left: -1000px; | ||
-ms-transition: tranform 1s ease; | -ms-transition: tranform 1s ease; | ||
Line 119: | Line 123: | ||
#first{left: 0;} | #first{left: 0;} | ||
#third{z-index : -100;} | #third{z-index : -100;} | ||
− | #fourth{z-index: -100; left: 1000px | + | #sixth{z-index: -100;} |
+ | #fifth{z-index: -100;} | ||
+ | #fourth{z-index: -100} | ||
+ | #seventh{z-index: -100;} | ||
+ | #eightth{z-index: -100; left: 1000px} | ||
.container{ | .container{ | ||
Line 228: | Line 236: | ||
if (distance == 1) { | if (distance == 1) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
− | $('#first').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | + | $('#first').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 2 first */ |
− | $('#second').css({"z-index": "100"}); | + | $('#second').css({"z-index": "100"}); /* begin second */ |
− | $('#third').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | + | $('#third').css({}); |
− | $('# | + | $('#fourth').css({}); |
+ | $('#fifth').css({}); | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 seventh */ | ||
+ | $('#eightth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 3 eightth */ | ||
distance = 2; | distance = 2; | ||
} | } | ||
Line 237: | Line 249: | ||
else if (distance ==2) { | else if (distance ==2) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
− | $('#first').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#first').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 3 first */ |
− | $('#second').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#second').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 second */ |
− | $('#third').css({"z-index": "100"}); | + | $('#third').css({"z-index": "100"}); /* begin third */ |
− | $('#fourth').css({"z-index": "-100", " | + | $('#fourth').css({}); |
+ | $('#fifth').css({}); | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({"z-index": "-100", "transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"}); /* 4 eightth */ | ||
distance = 3; | distance = 3; | ||
} | } | ||
Line 246: | Line 262: | ||
else if (distance ==3) { | else if (distance ==3) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
− | $('#first').css({"z-index": "-100", "transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | + | $('#first').css({"z-index": "-100", "transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); /* 4 first */ |
− | $('#second').css({" | + | $('#second').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 second */ |
− | $('#third').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#third').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 third */ |
− | $('#fourth').css({"z-index": "100"}); | + | $('#fourth').css({"z-index": "100"}); /* begin fourth */ |
+ | $('#fifth').css({}); | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({}); | ||
distance = 4; | distance = 4; | ||
} | } | ||
Line 255: | Line 275: | ||
else if (distance ==4) { | else if (distance ==4) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
− | $('#first').css({"z-index": "100"}); | + | $('#first').css({}); |
− | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 second */ |
− | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 third */ |
− | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | + | $('#fourth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 fourth */ |
+ | $('#fifth').css({"z-index": "100"}); /* begin fifth */ | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({}); | ||
+ | distance = 5; | ||
+ | } | ||
+ | |||
+ | else if (distance ==5) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({}); | ||
+ | $('#third').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 third */ | ||
+ | $('#fourth').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 fourth */ | ||
+ | $('#fifth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 fifth */ | ||
+ | $('#sixth').css({"z-index": "100"}); /* begin sixth */ | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({}); | ||
+ | distance = 6; | ||
+ | } | ||
+ | |||
+ | else if (distance == 6) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({}); | ||
+ | $('#third').css({}); | ||
+ | $('#fourth').css({"z-index" : "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 fourth */ | ||
+ | $('#fifth').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 fifth */ | ||
+ | $('#sixth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 sixth */ | ||
+ | $('#seventh').css({"z-index": "100"}); /* begin seventh */ | ||
+ | $('#eightth').css({}); | ||
+ | distance = 7; | ||
+ | } | ||
+ | |||
+ | else if (distance == 7) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({}); | ||
+ | $('#third').css({}); | ||
+ | $('#fourth').css({}); | ||
+ | $('#fifth').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 fifth */ | ||
+ | $('#sixth').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 sixth */ | ||
+ | $('#seventh').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 seventh */ | ||
+ | $('#eightth').css({"z-index": "100"}); /* begin eightth */ | ||
+ | distance = 8; | ||
+ | } | ||
+ | |||
+ | else if (distance == 8) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({"z-index": "100"}); /* begin first */ | ||
+ | $('#second').css({}); | ||
+ | $('#third').css({}); | ||
+ | $('#fourth').css({}); | ||
+ | $('#fifth').css({}); | ||
+ | $('#sixth').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 sixth */ | ||
+ | $('#seventh').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 seventh */ | ||
+ | $('#eightth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); /* 2 eightth */ | ||
distance = 1; | distance = 1; | ||
} | } | ||
Line 277: | Line 353: | ||
if (distance == 1) { | if (distance == 1) { | ||
− | $('#first').css({"z-index": "-100"}); | + | $('#first').css({"z-index": "-100"}); /* 1 second */ |
− | $('#second').css({ | + | $('#second').css({}); |
− | $('# | + | $('#third').css({}); |
− | $('# | + | $('#fourth').css({}); |
− | distance = | + | $('#fifth').css({}); |
+ | $('#sixth').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 6 third */ | ||
+ | $('#seventh').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 7 third */ | ||
+ | $('#eightth').css({"transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"}); /* 8 first */ | ||
+ | distance = 8; | ||
} | } | ||
else if (distance ==2) { | else if (distance ==2) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
− | $('#first').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | + | $('#first').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); /* 1 first */ |
− | $('#second').css({"z-index": "-100"}); | + | $('#second').css({"z-index": "-100"}); /* 2 second */ |
− | $('#third').css({ | + | $('#third').css({}); |
− | $('# | + | $('#fourth').css({}); |
+ | $('#fifth').css({}); | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 7 third */ | ||
+ | $('#eightth').css({"z-index": "100","transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); /* 8 fourth */ | ||
distance = 1; | distance = 1; | ||
} | } | ||
Line 295: | Line 379: | ||
else if (distance ==3) { | else if (distance ==3) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
− | $('#first').css({"z-index": "100","transform": "translateX( | + | $('#first').css({"z-index": "100","transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 1 fourth */ |
− | $('#second').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | + | $('#second').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 2 first */ |
− | $('#third').css({"z-index": "-100"}); | + | $('#third').css({"z-index": "-100"}); /* 3 second */ |
− | $('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | + | $('#fourth').css({}); |
+ | $('#fifth').css({}); | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 8 third */ | ||
distance = 2; | distance = 2; | ||
} | } | ||
Line 304: | Line 392: | ||
else if (distance ==4) { | else if (distance ==4) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
− | $('#first').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#first').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 1 third */ |
− | $('#second').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#second').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 fourth */ |
− | $('#third').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | + | $('#third').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /*3 first */ |
− | $('#fourth').css({"z-index": "-100"}); | + | $('#fourth').css({"z-index": "-100"}); /* 4 second*/ |
+ | $('#fifth').css({}); | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({}); | ||
distance = 3; | distance = 3; | ||
+ | } | ||
+ | |||
+ | else if (distance ==5) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 2 third */ | ||
+ | $('#third').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 3 fourth */ | ||
+ | $('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 first */ | ||
+ | $('#fifth').css({"z-index": "-100"}); /* 5 second */ | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({}); | ||
+ | distance = 4; | ||
+ | } | ||
+ | |||
+ | else if (distance == 6) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({}); | ||
+ | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 third */ | ||
+ | $('#fourth').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 4 fourth */ | ||
+ | $('#fifth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 5 first */ | ||
+ | $('#sixth').css({"z-index": "-100"}); /* 6 second */ | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({}); | ||
+ | distance = 5; | ||
+ | } | ||
+ | |||
+ | else if (distance == 7) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({}); | ||
+ | $('#third').css({}); | ||
+ | $('#fourth').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 4 third */ | ||
+ | $('#fifth').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 5 fourth */ | ||
+ | $('#sixth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 6 first */ | ||
+ | $('#seventh').css({"z-index": "-100"}); /* 7 second */ | ||
+ | $('#eightth').css({}); | ||
+ | distance = 6; | ||
+ | } | ||
+ | |||
+ | else if (distance == 8) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({}); | ||
+ | $('#third').css({}); | ||
+ | $('#fourth').css({}); | ||
+ | $('#fifth').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 5 third */ | ||
+ | $('#sixth').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 6 fourth */ | ||
+ | $('#seventh').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 7 first */ | ||
+ | $('#eightth').css({"z-index": "-100"}); /* 8 second */ | ||
+ | distance = 7; | ||
} | } | ||
Line 319: | Line 463: | ||
<div class="header_box"> | <div class="header_box"> | ||
− | <h1 | + | <h1>The DiaCHIP - A Versatile Detection System</h1> |
</div> | </div> | ||
Line 411: | Line 555: | ||
</li> | </li> | ||
<li id="fourth" class="fourthanimation"> | <li id="fourth" class="fourthanimation"> | ||
+ | <div class="artboard"> | ||
+ | <div class="sliderimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px"> | ||
+ | </div> | ||
+ | <div class="slidertext"> | ||
+ | <h1>Measuring our own blood</h1> | ||
+ | <p>One of the most promising results came from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from an individual before and after vaccination. Samples taken three weeks after vaccination produced positive signals, compared to negative results prior to antigen exposure. </p> | ||
+ | </div> | ||
+ | <div class="slidertext indent"> | ||
+ | <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Results">more?</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id="fifth" class="fifthanimation"> | ||
+ | <div class="artboard"> | ||
+ | <div class="sliderimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px"> | ||
+ | </div> | ||
+ | <div class="slidertext"> | ||
+ | <h1>Measuring our own blood</h1> | ||
+ | <p>One of the most promising results came from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from an individual before and after vaccination. Samples taken three weeks after vaccination produced positive signals, compared to negative results prior to antigen exposure. </p> | ||
+ | </div> | ||
+ | <div class="slidertext indent"> | ||
+ | <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Results">more?</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id="sixth" class="sixthanimation"> | ||
+ | <div class="artboard"> | ||
+ | <div class="sliderimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px"> | ||
+ | </div> | ||
+ | <div class="slidertext"> | ||
+ | <h1>Measuring our own blood</h1> | ||
+ | <p>One of the most promising results came from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from an individual before and after vaccination. Samples taken three weeks after vaccination produced positive signals, compared to negative results prior to antigen exposure. </p> | ||
+ | </div> | ||
+ | <div class="slidertext indent"> | ||
+ | <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Results">more?</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id="seventh" class="seventhanimation"> | ||
+ | <div class="artboard"> | ||
+ | <div class="sliderimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px"> | ||
+ | </div> | ||
+ | <div class="slidertext"> | ||
+ | <h1>Measuring our own blood</h1> | ||
+ | <p>One of the most promising results came from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from an individual before and after vaccination. Samples taken three weeks after vaccination produced positive signals, compared to negative results prior to antigen exposure. </p> | ||
+ | </div> | ||
+ | <div class="slidertext indent"> | ||
+ | <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Results">more?</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id="eightth" class="eightthanimation"> | ||
<div class="artboard"> | <div class="artboard"> | ||
<div class="sliderimage"> | <div class="sliderimage"> |
Revision as of 06:52, 15 September 2015
![](https://static.igem.org/mediawiki/2015/8/85/Freiburg_wiki_background_2_parted_left.png)
![](https://static.igem.org/mediawiki/2015/f/f4/Freiburg_wiki_background_2_parted_right.png)
The DiaCHIP - A Versatile Detection System
![DiaCHIP_Sabi](https://static.igem.org/mediawiki/2015/a/af/Freiburg_DiaCHIP_Sabi.png)
Project Motivation
Serological tests are a key element in modern medicine. Especially, when it comes to the detection and identification of infectious diseases performing different blood tests is inevitable. Regardless if a patient has diffuse symptoms or if he is tested for a defined number of diseases, more than one serological test has to be performed each time. Many tests, many days of waiting and an increasing bill: With some infectious diseases every minutes counts and not everyone can afford a long series of testing. What if there was a possibility to combine all tests in one single affordable device?
Detecting Antigen-Antibody Interactions
The DiaCHIP is an innovative tool to screen for a broad range of antibodies present in serum.
Antibodies can be an indicator for an immune response towards an infection or a successful vaccination.
Antibodies also play a role in the diagnosis of autoimmune diseases.
Especially the ability to differentiate between life threatening diseases and a mild infection within a short time bears the potential to save lives.
Spotting diseases by detecting correspondent antibodies in a patient's serum is an established method in modern diagnostics. The DiaCHIP makes it possible to screen for multiple specific antibodies simply using a drop of blood.
The Concept
The key feature of the DiaCHIP concept is the combination of on-demand protein synthesis and a novel method for label-free detection packed into one device. The idea is to overcome challenges commonly found in protein array production and preservation. In addition, results can be obtained in a time- and cost-efficient manner; with a device simple enough to be rebuilt by future iGEM teams.