Difference between revisions of "Team:Freiburg/Testpage"
| Line 124: | Line 124: | ||
#third{z-index : -100;} | #third{z-index : -100;} | ||
#fourth{z-index: -100; left: 1000px;} | #fourth{z-index: -100; left: 1000px;} | ||
| + | |||
| + | #third { | ||
| + | background-color: yellow; | ||
| + | } | ||
.container{ | .container{ | ||
| Line 234: | Line 238: | ||
$('#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)"}); | ||
$('#second').css({"z-index": "100"}); | $('#second').css({"z-index": "100"}); | ||
| − | $('#third').css({ | + | $('#third').css({}); |
$('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | $('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
$('#fifth').css({}); | $('#fifth').css({}); | ||
| Line 275: | Line 279: | ||
$('#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)"}); | ||
$('#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)"}); | ||
| − | $('#fifth').css({}); | + | $('#fifth').css({"z-index": "100"}); |
$('#sixth').css({"z-index": "-100", "transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"}); | $('#sixth').css({"z-index": "-100", "transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"}); | ||
$('#seventh').css({}); | $('#seventh').css({}); | ||
| Line 286: | Line 290: | ||
$('#first').css({"z-index": "100"}); | $('#first').css({"z-index": "100"}); | ||
$('#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)"}); | ||
| − | $('#third').css({"transform": "translateX( | + | $('#third').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); |
$('#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)"}); | ||
| − | $('#fifth').css({}); | + | $('#fifth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
| − | $('#sixth').css({}); | + | $('#sixth').css({"z-index": "100"}); |
$('#seventh').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | $('#seventh').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
$('#eightth').css({}); | $('#eightth').css({}); | ||
| Line 299: | Line 303: | ||
$('#first').css({"z-index": "100"}); | $('#first').css({"z-index": "100"}); | ||
$('#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)"}); | ||
| − | $('#third').css({ | + | $('#third').css({}); |
$('#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)"}); | ||
$('#fifth').css({}); | $('#fifth').css({}); | ||
| − | $('#sixth').css({}); | + | $('#sixth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
| − | $('#seventh').css({}); | + | $('#seventh').css({"z-index": "100"}); |
$('#eightth').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | $('#eightth').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
distance = 7; | distance = 7; | ||
| Line 312: | Line 316: | ||
$('#first').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | $('#first').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)"}); | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
| − | $('#third').css({ | + | $('#third').css({}); |
$('#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)"}); | ||
$('#fifth').css({}); | $('#fifth').css({}); | ||
$('#sixth').css({}); | $('#sixth').css({}); | ||
| − | $('#seventh').css({}); | + | $('#seventh').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
| − | $('#eightth').css({}); | + | $('#eightth').css({"z-index": "100"}); |
distance = 8; | distance = 8; | ||
} | } | ||
| Line 325: | Line 329: | ||
$('#first').css({"z-index": "100"}); | $('#first').css({"z-index": "100"}); | ||
$('#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)"}); | ||
| − | $('#third').css({ | + | $('#third').css({}); |
$('#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)"}); | ||
$('#fifth').css({}); | $('#fifth').css({}); | ||
$('#sixth').css({}); | $('#sixth').css({}); | ||
$('#seventh').css({}); | $('#seventh').css({}); | ||
| − | $('#eightth').css({}); | + | $('#eightth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
distance = 1; | distance = 1; | ||
} | } | ||
Revision as of 21:09, 14 September 2015
The DiaCHIP - A Versatile Detection System
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.
