Difference between revisions of "Team:Freiburg/Project/Overview"
| Line 39: | Line 39: | ||
.header_box { | .header_box { | ||
| + | display: none; | ||
overflow: hidden; | overflow: hidden; | ||
padding: 2% 0%; | padding: 2% 0%; | ||
| Line 177: | Line 178: | ||
border-radius: 60px; | border-radius: 60px; | ||
background-color: #FCFCFC; | background-color: #FCFCFC; | ||
| − | + | box-shadow: 1px 1px 10px rgb(136, 136, 136); | |
| − | + | margin: 5px; | |
| − | + | border: 2px solid rgb(0, 81, 162); | |
} | } | ||
| Line 201: | Line 202: | ||
.slidertext p{ | .slidertext p{ | ||
| − | + | margin-bottom: 0; | |
} | } | ||
| Line 229: | Line 230: | ||
// bind the button to the function, so it can be unbound in the code and the button isnt clickable any more // | // bind the button to the function, so it can be unbound in the code and the button isnt clickable any more // | ||
$("#buttonleft").bind("click", moveleft); | $("#buttonleft").bind("click", moveleft); | ||
| − | + | function moveleft(e) { | |
| − | + | // unbind the button // | |
| − | + | $("#buttonleft").unbind(); | |
| − | + | console.log("Click "+distance); | |
| − | + | if (distance == 1) { | |
| − | + | console.log("Distance: "+distance); | |
| − | + | $('#first').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 2 first */ | |
| − | + | $('#second').css({"z-index": "100"}); /* begin second */ | |
| − | + | $('#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; | |
| − | + | } | |
| − | + | else if (distance ==2) { | |
| − | + | console.log("Distance: "+distance); | |
| − | + | $('#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)"}); /* 2 second */ | |
| − | + | $('#third').css({"z-index": "100"}); /* begin third */ | |
| − | + | $('#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; | |
| − | + | } | |
| − | + | else if (distance ==3) { | |
| − | + | 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)"}); /* 4 first */ | |
| − | + | $('#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)"}); /* 2 third */ | |
| − | + | $('#fourth').css({"z-index": "100"}); /* begin fourth */ | |
| − | + | $('#fifth').css({}); | |
| − | + | $('#sixth').css({}); | |
| − | + | $('#seventh').css({}); | |
| − | + | $('#eightth').css({}); | |
| − | + | distance = 4; | |
| − | + | } | |
| − | + | else if (distance ==4) { | |
| − | + | console.log("Distance: "+distance); | |
| − | + | $('#first').css({}); | |
| − | + | $('#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)"}); /* 3 third */ | |
| − | + | $('#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; | |
| − | + | } | |
| − | + | // see: http://stackoverflow.com/questions/1836105/how-to-wait-5-seconds-with-jquery // | |
| − | + | // wait until css-animation has finished. time is specified in css-transition property // | |
| − | + | setTimeout(function(){ | |
| − | + | $("#buttonleft").bind("click", moveleft); | |
| − | + | }, 1000); | |
| − | + | } | |
$("#buttonright").bind("click", moveright); | $("#buttonright").bind("click", moveright); | ||
| − | + | function moveright(e) { | |
| − | + | $("#buttonright").unbind(); | |
| − | + | console.log("Click "+distance); | |
| − | + | if (distance == 1) { | |
| − | + | $('#first').css({"z-index": "-100"}); /* 1 second */ | |
| − | + | $('#second').css({}); | |
| − | + | $('#third').css({}); | |
| − | + | $('#fourth').css({}); | |
| − | + | $('#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) { | |
| − | + | console.log("Distance: "+distance); | |
| − | + | $('#first').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); /* 1 first */ | |
| − | + | $('#second').css({"z-index": "-100"}); /* 2 second */ | |
| − | + | $('#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; | |
| − | + | } | |
| − | + | else if (distance ==3) { | |
| − | + | console.log("Distance: "+distance); | |
| − | + | $('#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)"}); /* 2 first */ | |
| − | + | $('#third').css({"z-index": "-100"}); /* 3 second */ | |
| − | + | $('#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; | |
| − | + | } | |
| − | + | else if (distance ==4) { | |
| − | + | console.log("Distance: "+distance); | |
| − | + | $('#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)"}); /* 2 fourth */ | |
| − | + | $('#third').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /*3 first */ | |
| − | + | $('#fourth').css({"z-index": "-100"}); /* 4 second*/ | |
| − | + | $('#fifth').css({}); | |
| − | + | $('#sixth').css({}); | |
| − | + | $('#seventh').css({}); | |
| − | + | $('#eightth').css({}); | |
| − | + | 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; | |
| − | + | } | |
| − | + | setTimeout(function(){ | |
| − | + | $("#buttonright").bind("click", moveright); | |
| − | + | }, 1000); | |
| − | + | } | |
}); | }); | ||
</script> | </script> | ||
| Line 467: | Line 468: | ||
</div> | </div> | ||
| − | <div class="header_box"> | + | <div class="header_box"> |
<h1>The DiaCHIP - A Versatile Detection System</h1> | <h1>The DiaCHIP - A Versatile Detection System</h1> | ||
</div> | </div> | ||
<div class="image_box left" style="margin-bottom:10%;margin-left:-8%;margin-top:-10%;margin-right:-10%"> | <div class="image_box left" style="margin-bottom:10%;margin-left:-8%;margin-top:-10%;margin-right:-10%"> | ||
| − | + | <img align="left" alt="DiaCHIP_Sabi" src="https://static.igem.org/mediawiki/2015/a/af/Freiburg_DiaCHIP_Sabi.png" height="1430px"> | |
</div> | </div> | ||
| Line 486: | Line 487: | ||
<h2>Detecting Antigen-Antibody Interactions</h2> | <h2>Detecting Antigen-Antibody Interactions</h2> | ||
<p> | <p> | ||
| − | + | The DiaCHIP is an innovative tool to screen for a broad range of antibodies present in serum. <br> | |
Antibodies can be an indicator for an immune response towards an infection or a successful vaccination. <br> They also play an important role in the diagnosis of autoimmune diseases. <br> | Antibodies can be an indicator for an immune response towards an infection or a successful vaccination. <br> They also play an important role in the diagnosis of autoimmune diseases. <br> | ||
Especially the ability to differentiate between life threatening diseases and mild infections within a short time bears the potential to save lives. | Especially the ability to differentiate between life threatening diseases and mild infections within a short time bears the potential to save lives. | ||
</p> | </p> | ||
<p> | <p> | ||
| − | + | Spotting diseases by detecting correspondent antibodies in a patient's serum is an established method in <a href="https://2015.igem.org/Team:Freiburg/Diagnostics" title="diagnostics_today">modern diagnostics</a>. The DiaCHIP makes it possible to screen for multiple specific antibodies at once simply using a drop of blood. | |
</p> | </p> | ||
</div> | </div> | ||
| Line 498: | Line 499: | ||
<h2>The Concept</h2> | <h2>The Concept</h2> | ||
<p> | <p> | ||
| − | + | 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. | |
</p> | </p> | ||
</div> | </div> | ||
| Line 506: | Line 507: | ||
<!---------------BEGIN SLIDER------------------> | <!---------------BEGIN SLIDER------------------> | ||
<div class="container"> | <div class="container"> | ||
| − | + | <div id="buttonright"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2015/b/b3/Freiburg_lightbulb_slider_30.png"> | |
| − | + | </div> | |
| − | + | <div id="buttonleft"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2015/4/4d/Freiburg_lightbulb_slider_27.png"> | |
| − | + | </div> | |
<div id="content-slider"> | <div id="content-slider"> | ||
<div id="slider"> <!-- Slider container --> | <div id="slider"> <!-- Slider container --> | ||
<div id="mask"> <!-- Mask --> | <div id="mask"> <!-- Mask --> | ||
| − | + | <ul> | |
| − | + | <li id="first" class="firstanimation"> <!-- ID for tooltip and class for animation --> | |
| − | + | <div class="artboard"> | |
| − | + | <div class="sliderimage"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2015/8/89/Freiburg_Slider-DIY_scaled.png" width="350px"> | |
| − | + | </div> | |
| − | + | <div class="slidertext"> | |
| − | + | <h1>Building our own device</h1> | |
| − | + | <p>The device originally used, in collaboration with AG Roth, is an expensive machine based on rather simple components. Therefore, we decided to build our apparatus in a cost-efficient manner. We were able to produce reliable results with it and provide a <a href="https://2015.igem.org/Team:Freiburg/Results/Own_Device#how_to_build_your_own_device">construction plan</a>. This plan will make it possible for future iGEM generations to build and use their own label-free protein array analysis tool.</p> | |
| − | + | </div> | |
| − | + | <div class="slidertext indent"> | |
| − | + | <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/OwnDevice">more</a>? | |
| − | + | </p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </li> | |
| − | + | <li id="second" class="secondanimation"> | |
| − | + | <div class="artboard"> | |
| − | + | <div class="sliderimage"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2015/b/b8/Freiburg_Slider-HumanPractice_scaled.png" width="350px"> | |
| − | + | </div> | |
| − | + | <div class="slidertext"> | |
| − | + | <h1>Communicating science</h1> | |
| − | + | <p>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 term for the broad public according to a survey initiated by the Leopoldina (National academy of science), we received a lot of positive feedback. </p> | |
| − | + | </div> | |
| − | + | <div class="slidertext indent"> | |
| − | + | <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Practices">more</a>?</p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </li> | |
| − | + | <li id="third" class="thirdanimation"> | |
| − | + | <div class="artboard"> | |
| − | + | <div class="sliderimage"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2015/1/14/Freiburg_Slide-Modelling_scaled.png" width="350px"> | |
| − | + | </div> | |
| − | + | <div class="slidertext"> | |
| − | + | <h1>Modeling cell-free expression</h1> | |
| − | + | <p>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 on the protein array and identified the factors limiting cell-free expression in the DiaCHIP. </p> | |
| − | + | </div> | |
| − | + | <div class="slidertext indent"> | |
| − | + | <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Modeling">more</a>? </p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </li> | |
| − | + | <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 blood</h1> | |
| − | + | <p>One of the most promising results was obtained from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from a team member before and after vaccination. Samples taken two weeks after vaccination produced higher signals, compared to those 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>DNA Engineering</h1> | |
| − | + | <p>Genetic fusion of different antigens and tags is a really basic requirement of our project. To enable many people to work on our DNA constructs in parallel we designed a cloning strategy easy to follow and additionally easy to expand for further needs. | |
<br> | <br> | ||
Read more about how we combined different cloning methods to reduce our efforts in <a href="https://2015.igem.org/Team:Freiburg/Methods/Cloning" class="wikilink1">DNA Engineering.</a> | Read more about how we combined different cloning methods to reduce our efforts in <a href="https://2015.igem.org/Team:Freiburg/Methods/Cloning" class="wikilink1">DNA Engineering.</a> | ||
</p> | </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 blood</h1> | |
| − | + | <p>One of the most promising results was obtained from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from a team member before and after vaccination. Samples taken two weeks after vaccination produced higher signals, compared to those 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 blood</h1> | |
| − | + | <p>One of the most promising results was obtained from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from a team member before and after vaccination. Samples taken two weeks after vaccination produced higher signals, compared to those 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="sliderimage"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px"> | |
| − | + | </div> | |
| − | + | <div class="slidertext"> | |
| − | + | <h1>Measuring our blood</h1> | |
| − | + | <p>One of the most promising results was obtained from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from a team member before and after vaccination. Samples taken two weeks after vaccination produced higher signals, compared to those 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> | |
| − | + | </ul> | |
</div> <!-- End Mask --> | </div> <!-- End Mask --> | ||
</div> <!-- End Slider Container --> | </div> <!-- End Slider Container --> | ||
Revision as of 04:29, 16 September 2015
expand text s.t. it leads to system overview
write appropriate content for slider: should present main subpoints of project in short sentence and link to them
write appropriate content for slider: should present main subpoints of project in short sentence and link to them
The DiaCHIP - A Versatile Detection System
Project Motivation
Serological tests are a key element in modern medicine. Especially for detection and identification of infectious diseases, performing several blood tests is inevitable. Testing for more than one disease at a time or diagnosing a patient with diffuse symptoms usually requires more than one serological test. Every single test that is performed increases the time of waiting for a result as well as the bill. In case of dangerous infectious diseases every minute until the onset of the appropriate treatment is important for life. What if there was a possibility to combine all this testing in one single device which is affordable for everyone?
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.
They also play an important role in the diagnosis of autoimmune diseases.
Especially the ability to differentiate between life threatening diseases and mild infections 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 at once 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.
