Difference between revisions of "Team:Freiburg/Home"

Line 1: Line 1:
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
{{Freiburg/CSS}}
 +
{{Freiburg/Menubar}}
 +
{{Freiburg/wiki_content_start}}
 +
<html>
 +
 +
<style>
 +
/* =============== BEGIN: Circle of Elements ==================== */
 +
/*
 +
* Mixin to put items on a circle
 +
* [1] - Allows children to be absolutely positioned
 +
* [2] - Allows the mixin to be used on a list
 +
* [3] - In case box-sizing: border-box has been enabled
 +
* [4] - Allows any type of direct children to be targeted
 +
*/
 +
.circle-container {
 +
  position: relative;
 +
  /* [1] */
 +
  width: 30em;                      /* changes size of circle that elements are circling on */
 +
  height: 30em;
 +
  padding: 0;
 +
  border-radius: 50%;              /* switch between circle and Rechteck */
 +
  list-style: none;
 +
  /* [2] */
 +
  -moz-box-sizing: content-box;
 +
  -webkit-box-sizing: content-box;
 +
  box-sizing: content-box;
 +
  /* [3] */
 +
  margin: 5em auto 0;
 +
  /*border: solid 5px #0051A2;*/
 +
  z-index: 500;
 +
}
 +
.circle-container > * {
 +
  /* [4] */
 +
  display: block;
 +
  position: absolute;              /* set absolute to fix elements on circle */
 +
  top: 30%;
 +
  left: 40%;
 +
  width: 260px;                      /* define size of elements */
 +
  height: 200px;
 +
  margin: 0;   
 +
  font-size: 80%;
 +
  text-align: center;
 +
}
 +
 +
/* transformations needed for showing the pictures */
 +
.circle-container > *:nth-of-type(1) {
 +
  -moz-transform: rotate(355deg) translate(19em) rotate(-355deg);
 +
  -ms-transform: rotate(355deg) translate(19em) rotate(-355deg);
 +
  -webkit-transform: rotate(355deg) translate(19em) rotate(-355deg);
 +
  transform: rotate(355deg) translate(19em) rotate(-355deg);            /*change translate for defining position of elements*/
 +
}
 +
.circle-container > *:nth-of-type(2) {
 +
  -moz-transform: rotate(35deg) translate(20em) rotate(-35deg);
 +
  -ms-transform: rotate(35deg) translate(20em) rotate(-35deg);
 +
  -webkit-transform: rotate(35deg) translate(20em) rotate(-35deg);
 +
  transform: rotate(35deg) translate(20em) rotate(-35deg);
 +
}
 +
.circle-container > *:nth-of-type(3) {
 +
  -moz-transform: rotate(101deg) translate(17em) rotate(-101deg);
 +
  -ms-transform: rotate(101deg) translate(17em) rotate(-101deg);
 +
  -webkit-transform: rotate(101deg) translate(17em) rotate(-101deg);
 +
  transform: rotate(101deg) translate(17em) rotate(-101deg);
 +
}
 +
.circle-container > *:nth-of-type(4) {
 +
  -moz-transform: rotate(149deg) translate(27em) rotate(-149deg);
 +
  -ms-transform: rotate(149deg) translate(27em) rotate(-149deg);
 +
  -webkit-transform: rotate(149deg) translate(27em) rotate(-149deg);
 +
  transform: rotate(149deg) translate(27em) rotate(-149deg);
 +
}
 +
.circle-container > *:nth-of-type(5) {
 +
  -moz-transform: rotate(180deg) translate(30em) rotate(-180deg);
 +
  -ms-transform: rotate(180deg) translate(30em) rotate(-180deg);
 +
  -webkit-transform: rotate(180deg) translate(30em) rotate(-180deg);
 +
  transform: rotate(180deg) translate(30em) rotate(-180deg);
 +
}
 +
.circle-container > *:nth-of-type(6) {
 +
  -moz-transform: rotate(210deg) translate(29em) rotate(-210deg);
 +
  -ms-transform: rotate(210deg) translate(29em) rotate(-210deg);
 +
  -webkit-transform: rotate(210deg) translate(29em) rotate(-210deg);
 +
  transform: rotate(210deg) translate(29em) rotate(-210deg);
 +
}
 +
.circle-container > *:nth-of-type(7) {
 +
  -moz-transform: rotate(255deg) translate(20em) rotate(-255deg);
 +
  -ms-transform: rotate(255deg) translate(20em) rotate(-255deg);
 +
  -webkit-transform: rotate(255deg) translate(20em) rotate(-255deg);
 +
  transform: rotate(255deg) translate(20em) rotate(-255deg);
 +
}
 +
.circle-container > *:nth-of-type(8) {
 +
  -moz-transform: rotate(315deg) translate(20em) rotate(-315deg);
 +
  -ms-transform: rotate(315deg) translate(20em) rotate(-315deg);
 +
  -webkit-transform: rotate(315deg) translate(20em) rotate(-315deg);
 +
  transform: rotate(315deg) translate(20em) rotate(-315deg);
 +
}
 +
 +
.circle-container a {
 +
  /*display: block; */                        /* border around elements */
 +
  border-radius: 2%;                      /* makes border around elements round or Rechteck */
 +
  box-shadow: 0 0 0 5px #0051A2;
 +
        color: #FFF;
 +
  background-color: #0051A2;
 +
  padding: 1px 10px;
 +
  font-size: 110%;
 +
}
 +
.circle-container > div {
 +
  display: block;
 +
  width: 100%;
 +
  border-radius: 10%;                      /* makes elements round or Rechteck */
 +
  -webkit-filter: grayscale(100%);
 +
  filter: grayscale(100%);
 +
}
 +
.circle-container img:hover {
 +
  -webkit-filter: grayscale(0);
 +
  filter: grayscale(0);
 +
}
 +
 +
/* =============== END: Circle of Elements - Positioning ==================== */
 +
 +
 +
/* =============== BEGIN: Circle of Elements - Element Styling ==================== */
 +
.cool_header {
 +
    text-align: center;
 +
    height: 20px;
 +
    margin-bottom: 3px;
 +
    z-index: 10;
 +
}
 +
 +
.cool_content {
 +
    padding: 1em;
 +
    background-color: #FFFFFF;
 +
    text-align: justify;
 +
    box-shadow: 1px 1px 10px #888;
 +
    -webkit-box-shadow: 1px 1px 10px #888;
 +
    -moz-box-shadow: 1px 1px 10px #888;
 +
    border-radius: 15px;
 +
}
 +
 +
.cool_container {
 +
    width: 100%;
 +
    padding-top: 150px;
 +
    margin-bottom: -150px;
 +
}
 +
/* =============== END: Circle of Elements - Element Styling ==================== */
 +
 +
 +
/* =============== BEGIN: Circle of Elements - Center Image ==================== */
 +
.cool_centerimage {
 +
    margin: 0 auto;
 +
    position: relative;
 +
    width: 40%;
 +
    height: 250px;
 +
    top: -410px;
 +
    text-align: center;
 +
    left: 1%;
 +
    /*border: 1px solid #000;*/
 +
}
 +
/* =============== END: Circle of Elements - Center Image ==================== */
 +
 +
.mw-content-ltr ul {
 +
    padding: 0;
 +
    margin: 0 auto;
 +
}
 +
 +
ul {
 +
    line-height: 1em;
 +
}
 +
 +
</style>
 +
 +
<div class="cool_container">
 +
 +
    <ul class='circle-container'>
 +
        <li><!--1-->
 +
            <div class="cool_header"><a href='#'>Own Device</a></div>
 +
            <div class="cool_content">Want to use our detection device in your next iGEM project? We built our own simplified and affordable setup. Here you can find a detailed description of how to build and use it.</div>
 +
 +
        </li>
 +
        <li><!--2-->
 +
          <div class="cool_header"><a href='#'>New iGEM Backbone</a></div>
 +
          <div class="cool_content">In need for expressing tons of protein? We provided a new backbone for protein overexpression meeting all the iGEM standards. We also expanded the iGEM Registry with our </div>
 +
        </li>
 +
 +
        <li><!--3-->
 +
          <div class="cool_header"><a href='#'>Human Practice</a></div>
 +
          <div class="cool_content">What does the public think about the DiaCHIP and systems based on synthetic biology? Would people want to use it? Check out the results of our survey.</div>
 +
        </li>
 +
 +
        <li><!--4-->
 +
          <div class="cool_header"><a href='#'>Modeling</a></div>
 +
          <div class="cool_content">Numerous complex processes take place during cell-free expression. Modeling the generation of proteins as well as their diffusion in our system helped us obtaining better results. Get more information here.</div>
 +
        </li>
 +
 +
        <li><!--5-->
 +
            <div class="cool_header"><a href='#'>Blood Serum Analysis</a></div>
 +
            <div class="cool_content">We obtained great results during summer! Our successful measurements of tetanus antibodies in human serum and GFP antibodies binding to cell-free expressed GFP can be found on our results page.</div>
 +
        </li>
 +
 +
        <li><!--6-->
 +
            <div class="cool_header"><a href='#'>Enlightening Diagnostics</a></div>
 +
            <div class="cool_content">Modern everyday life is fast...too fast for medical diagnosis relying on huge amounts of time-consuming and costly serological tests.
 +
    This is why we thought about a fast, universally accessible and affordable diagnostic device.</div>
 +
        </li>
 +
 +
        <li><!--7-->
 +
            <div class="cool_header"><a href='#'>The DiaCHIP</a></div>
 +
            <div class="cool_content">Simultaneously screening for hundreds of diseases within a few hours? See how the DiaCHIP achieves this by the revolutionary combination of cell-free expression with an emerging optical method allowing label-free antibody detection.
 +
    </div>
 +
        </li>
 +
 +
        <li><!--8-->
 +
            <div class="cool_header"><a href='#'>Our System</a></div>
 +
            <div class="cool_content">Generating a protein array on demand and detecting antigen-antibody interactions in real-time: Find out about our own cell-free expression mix and our specific surface binding system.</div>
 +
        </li>
 +
    </ul>
 +
 +
    <div class="cool_centerimage"><img src="https://static.igem.org/mediawiki/2015/9/91/Freiburg_homepage_Dia_chip.png" width="370px">
 +
    </div>
 +
 +
</div>
 +
 +
 +
<div class="content_box">
 +
 +
<h1 class="sectionedit1">Abstract</h1>
 +
<div class="level1">
 +
<p>
 +
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)which is based on a laser detecting the interference of reflecting light from our chip. Offering simultaneous screening for several diseases, our DiaCHIP has strong potential to improve future diagnostics.
 +
</p>
 +
<div class="tags"><span>
 +
<a class="wikilink1" href="/igem2015/doku.php?id=tag:info&amp;do=showtag&amp;tag=info" rel="tag" title="tag:info">info</a>
 +
</span></div>
 +
</div>
 +
 +
</div>
 +
 +
</html>
 +
{{Freiburg/wiki_content_end}}
 +
 +
 +
 +
<!----------------------- Old Page -------------------------
 +
 
{{Freiburg/CSS}}
 
{{Freiburg/CSS}}
 
{{Freiburg/Menubar}}
 
{{Freiburg/Menubar}}
Line 199: Line 450:
  
 
</div> <!--- from content_box --->
 
</div> <!--- from content_box --->
−
 
−
 
−
<div class="content_box">
 
−
<!-- Labjournal content goes in here -->
 
−
 
−
 
−
<h1 class="sectionedit1">Abstract</h1>
 
−
<div class="level1">
 
−
<p>
 
−
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)which is based on a laser detecting the interference of reflecting light from our chip. Offering simultaneous screening for several diseases, our DiaCHIP has strong potential to improve future diagnostics.
 
−
</p>
 
−
<div class="tags"><span>
 
−
<a class="wikilink1" href="/igem2015/doku.php?id=tag:info&amp;do=showtag&amp;tag=info" rel="tag" title="tag:info">info</a>
 
−
</span></div>
 
−
</div>
 
−
 
−
</div>
 
−
 
−
 
−
</html>
 
−
<!-- Labjournal content ends here -->
 
−
{{Freiburg/wiki_content_end}}
 

Revision as of 11:43, 12 September 2015






""

  • Own Device
    Want to use our detection device in your next iGEM project? We built our own simplified and affordable setup. Here you can find a detailed description of how to build and use it.
  • New iGEM Backbone
    In need for expressing tons of protein? We provided a new backbone for protein overexpression meeting all the iGEM standards. We also expanded the iGEM Registry with our
  • Human Practice
    What does the public think about the DiaCHIP and systems based on synthetic biology? Would people want to use it? Check out the results of our survey.
  • Modeling
    Numerous complex processes take place during cell-free expression. Modeling the generation of proteins as well as their diffusion in our system helped us obtaining better results. Get more information here.
  • Blood Serum Analysis
    We obtained great results during summer! Our successful measurements of tetanus antibodies in human serum and GFP antibodies binding to cell-free expressed GFP can be found on our results page.
  • Enlightening Diagnostics
    Modern everyday life is fast...too fast for medical diagnosis relying on huge amounts of time-consuming and costly serological tests. This is why we thought about a fast, universally accessible and affordable diagnostic device.
  • The DiaCHIP
    Simultaneously screening for hundreds of diseases within a few hours? See how the DiaCHIP achieves this by the revolutionary combination of cell-free expression with an emerging optical method allowing label-free antibody detection.
  • Our System
    Generating a protein array on demand and detecting antigen-antibody interactions in real-time: Find out about our own cell-free expression mix and our specific surface binding system.

Abstract

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)which is based on a laser detecting the interference of reflecting light from our chip. Offering simultaneous screening for several diseases, our DiaCHIP has strong potential to improve future diagnostics.