Difference between revisions of "Team:Freiburg/Testpage"

Line 337: Line 337:
 
   animation-name: zoomIn;
 
   animation-name: zoomIn;
 
}
 
}
 +
 +
@-webkit-keyframes zoomOut {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  50% {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.3, .3, .3);
 +
    transform: scale3d(.3, .3, .3);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
@keyframes zoomOut {
 +
  from {
 +
    opacity: 1;
 +
  }
 +
 +
  50% {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(.3, .3, .3);
 +
    transform: scale3d(.3, .3, .3);
 +
  }
 +
 +
  to {
 +
    opacity: 0;
 +
  }
 +
}
 +
 +
.zoomOut {
 +
  -webkit-animation-name: zoomOut;
 +
  animation-name: zoomOut;
 +
}
 +
  
 
#box1,
 
#box1,
Line 346: Line 384:
 
#box7,
 
#box7,
 
#box8,
 
#box8,
.cool_centerimage {
+
#DiaCHIP_logo,
 +
#DiaCHIP_text {
 
   opacity: 0;
 
   opacity: 0;
 
}
 
}
Line 406: Line 445:
  
 
$(document).ready(function() {
 
$(document).ready(function() {
     $('.cool_centerimage').delay(1000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); });   
+
     $('#DiaCHIP_logo').delay(1000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); });   
 
     $('#box6').delay(2000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); });
 
     $('#box6').delay(2000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); });
 
     $('#box7').delay(3000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); });
 
     $('#box7').delay(3000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); });
Line 415: Line 454:
 
     $('#box4').delay(8000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); });
 
     $('#box4').delay(8000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); });
 
     $('#box5').delay(9000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); });
 
     $('#box5').delay(9000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); });
 +
    $('#DiaCHIP_logo').delay(9000).queue(function (next) {$(this).css({"animation-name": "zoomOut", "animation-duration": "0.5s"}).css({"opacity":"0"}); next(); });
 +
    $('#DiaCHIP_text').delay(10000).queue(function (next) {$(this).css({"animation-name": "zoomIn", "animation-duration": "1s"}).css({"opacity":"1"}); next(); }); 
 
});
 
});
  
Line 505: Line 546:
  
 
     <div class="cool_centerimage">
 
     <div class="cool_centerimage">
         <img id="DiaCHIP_logo" src="https://static.igem.org/mediawiki/2015/9/91/Freiburg_homepage_Dia_chip.png" width="250px">
+
         <div id="DiaCHIP_logo">
         <p>Modern everyday life is fast...<br>...too fast for spending unnecessary time at the doctor’s and waiting weeks for your test results. <br> Not to mention spending lots of money on numerous serological tests for your diagnosis. Wouldn't life be easier if a single test was sufficient?
+
          <img  src="https://static.igem.org/mediawiki/2015/9/91/Freiburg_homepage_Dia_chip.png" width="250px">
        </p>
+
         </div>
        <p>
+
        <div id="DiaCHIP_text">
This is the reason why we thought about a universally accessible, cost and time efficient diagnostic device and developed the DiaCHIP!
+
          <p>Modern everyday life is fast...<br>...too fast for spending unnecessary time at the doctor’s and waiting weeks for your test results. <br> Not to mention spending lots of money on numerous serological tests for your diagnosis. Wouldn't life be easier if a single test was sufficient?
        </p>
+
          </p>
 +
          <p>
 +
          This is the reason why we thought about a universally accessible, cost and time efficient diagnostic device and developed the DiaCHIP!
 +
          </p>
 +
        </div>
 
     </div>
 
     </div>
  

Revision as of 12:31, 14 September 2015

""

Modern everyday life is fast...
...too fast for spending unnecessary time at the doctor’s and waiting weeks for your test results.
Not to mention spending lots of money on numerous serological tests for your diagnosis. Wouldn't life be easier if a single test was sufficient?

This is the reason why we thought about a universally accessible, cost and time efficient diagnostic device and developed the DiaCHIP!

Modern everyday life is fast...
...too fast for spending unnecessary time at the doctor’s and waiting weeks for your test results.
Not to mention spending lots of money on numerous serological tests for your diagnosis. Wouldn't life be easier if a single test was sufficient?

This is the reason why we thought about a universally accessible, cost and time efficient diagnostic device and developed the DiaCHIP!

DiaCHIP - Enlightening Diagnostics

In modern medicine, fast detection and differentiation of diseases is a crucial and fundamental task. Typical ELISA-based assays are time-consuming and expensive. We propose an advanced procedure for the simultaneous detection of various diseases in a fast and inexpensive manner, the DiaCHIP. Our approach is based on the interaction of antibodies with their respective antigens. Different antigens are immobilized on a protein array generated by cell-free protein expression, using the corresponding DNA array as a template. Placed in a microfluidic chamber, the protein array is incubated with a patient’s blood sample. The interaction between an antibody in the sample and the corresponding immobilized antigen results in a local change of the optical thickness of the surface. This change can be detected using a label-free and real-time measurement technology called iRIf (imaging Reflectometric Interference). Offering simultaneous screening for several diseases, our DiaCHIP has strong potential to improve future diagnostics.