Difference between revisions of "Team:Freiburg/Project/Overview"

Line 24: Line 24:
 
}
 
}
  
−
/*h1 {
+
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({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"});
+
    $('#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", "transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"});
+
    $('#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({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"});
+
    $('#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({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"});
+
    $('#second').css({});
−
    $('#third').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"});
+
    $('#third').css({});
−
    $('#fourth').css({"transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"});
+
    $('#fourth').css({});
−
    distance = 4;
+
    $('#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({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"});
+
    $('#third').css({});
−
    $('#fourth').css({"z-index": "100","transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"});
+
    $('#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(0px)", "-webkit-transform": "translateX(0px)", "-ms-transform": "translateX(0px)"});
+
$('#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 class="grey_titletext">The DiaCHIP - A Versatile Detection System</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

""

The DiaCHIP - A Versatile Detection System

DiaCHIP_Sabi

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.

  • Building our own device

    The device originally used, in collaboration with AG Roth, is a expensive machine based on rather simple physics. Therefore, we decided to build our own apparatus in a cost-efficient manner. We were able to produce reliable results with it and provide a construction plan [LINK]. This plan will make it possible for future iGEM generations to built and use their own label-free protein array analysis tool.

    Want to read more?

  • Communicating science

    Diagnosing diseases fast and reliable is not only an issue among medical staff, it is also subject to public interest. This has lead us to ask for people's opinions regarding the DiaCHIP. Although the method is based on synthetic biology, which is a problematic definition for the broad public according to a survey initiated by the Leopoldina (National academy of science), we received lots of positive feedback.

    Want to read more?

  • Modeling cellfree expression

    In order to optimize the DiaCHIP for future applications, we optimized the process of cell-free expression and diffusion over time. Making use of xxx parameters and xxx ordinary differential equations, we computed the size of the resulting antigen spots and identified the factors limiting cell-free expression in the DiaCHIP.

    Want to read more?

  • Measuring our own blood

    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.

    Want to read more?

  • Measuring our own blood

    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.

    Want to read more?

  • Measuring our own blood

    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.

    Want to read more?

  • Measuring our own blood

    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.

    Want to read more?

  • Measuring our own blood

    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.

    Want to read more?