Difference between revisions of "Team:Freiburg/Project/Overview"
| Line 25: | Line 25: | ||
h1 { | h1 { | ||
| − | text-align: | + | text-align: center; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| Line 68: | Line 64: | ||
} | } | ||
/*========= END: style for navigation bar ==========*/ | /*========= END: style for navigation bar ==========*/ | ||
| + | |||
| + | |||
| + | /*========= BEGIN: Linkbutton in slider ============*/ | ||
| + | .intro_button a:hover { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | |||
| + | .intro_button a { | ||
| + | color: #FFF; | ||
| + | } | ||
| + | |||
| + | .intro_button { | ||
| + | margin: 0px auto; | ||
| + | padding: 2px 5px 5px 10px; | ||
| + | width: 180px; | ||
| + | line-height: 16px; | ||
| + | text-align: center; | ||
| + | /*background-color: #326aab;*/ | ||
| + | background-color: #0051A2; | ||
| + | font-size: 14pt; | ||
| + | border-radius: 8px; | ||
| + | /*box-shadow: 1px -1px 1px 0px #888;*/ | ||
| + | /*border: 1px solid #F9F9F9;*/ | ||
| + | color: #FFF; | ||
| + | } | ||
| + | |||
| + | .menu-arrow{ | ||
| + | background-image: url("https://static.igem.org/mediawiki/2015/f/ff/Freiburg_submenu_arrow.png"); | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: 5% 50%; | ||
| + | background-size: 10px 13px; | ||
| + | } | ||
| + | /*========= END: Linkbutton in slider ============*/ | ||
| + | |||
/* code adapted from http://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/*/ | /* code adapted from http://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/*/ | ||
| Line 510: | Line 540: | ||
<div id="mask"> <!-- Mask --> | <div id="mask"> <!-- Mask --> | ||
<ul> | <ul> | ||
| + | |||
<li id="first" class="firstanimation"> <!-- ID for tooltip and class for animation --> | <li id="first" class="firstanimation"> <!-- ID for tooltip and class for animation --> | ||
<div class="artboard"> | <div class="artboard"> | ||
| Line 516: | Line 547: | ||
</div> | </div> | ||
<div class="slidertext"> | <div class="slidertext"> | ||
| − | <h1> | + | <h1>The DiaCHIP - System Overview</h1> |
<p>The core of our new diagnostic device are two slides that form a microfluidic chamber. Therein an antigen array can be generated on demand on the bottom slide. By flushing the chamber with a blood sample, binding of antibodies present in the sample is detected with the optical detection method iRIf in real-time.</p> | <p>The core of our new diagnostic device are two slides that form a microfluidic chamber. Therein an antigen array can be generated on demand on the bottom slide. By flushing the chamber with a blood sample, binding of antibodies present in the sample is detected with the optical detection method iRIf in real-time.</p> | ||
| + | <p style="margin-top:30px"> | ||
| + | <div class="intro_button menu-arrow"> | ||
| + | <a href="https://2015.igem.org/Team:Freiburg/Project/System" title="System Overview">Step by Step Overview</a> | ||
</div> | </div> | ||
| − | |||
| − | |||
</p> | </p> | ||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
</li> | </li> | ||
| + | |||
<li id="second" class="secondanimation"> | <li id="second" class="secondanimation"> | ||
<div class="artboard"> | <div class="artboard"> | ||
Revision as of 12:10, 17 September 2015
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 chip 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 serve as indicator for an immune response towards an infectious diseases or a successful vaccination. They also play an important role in the diagnosis of autoimmune diseases. Identifying diseases by detecting disease associated antibodies in a patient's serum is an established method in modern diagnostics.
Based on the very same principle, the DiaCHIP enables to simultaneously screen for multiple diseases at time, thereby reducing time and cost of a diagnosis. Especially the ability to differentiate between life threatening diseases and mild infections within a short time bears the potential to save lives.
The Concept
The key feature of the DiaCHIP concept is the combination of on-demand protein synthesis of disease related antigens and a novel method for label-free detection - all this 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.
