Difference between revisions of "Team:Freiburg/Testpage3"

Line 45: Line 45:
 
/* transformations needed for showing the pictures */
 
/* transformations needed for showing the pictures */
 
.circle-container > *:nth-of-type(1) {
 
.circle-container > *:nth-of-type(1) {
   -moz-transform: rotate(348deg) translate(19em) rotate(-348deg);
+
   -moz-transform: rotate(355deg) translate(19em) rotate(-355deg);
   -ms-transform: rotate(348deg) translate(19em) rotate(-348deg);
+
   -ms-transform: rotate(355deg) translate(19em) rotate(-355deg);
   -webkit-transform: rotate(348deg) translate(19em) rotate(-348deg);
+
   -webkit-transform: rotate(355deg) translate(19em) rotate(-355deg);
   transform: rotate(348deg) translate(19em) rotate(-348deg);            /*change translate for defining position of elements*/
+
   transform: rotate(355deg) translate(19em) rotate(-355deg);            /*change translate for defining position of elements*/
 
}
 
}
 
.circle-container > *:nth-of-type(2) {
 
.circle-container > *:nth-of-type(2) {
   -moz-transform: rotate(20deg) translate(16em) rotate(-20deg);
+
   -moz-transform: rotate(35deg) translate(20em) rotate(-35deg);
   -ms-transform: rotate(20deg) translate(16em) rotate(-20deg);
+
   -ms-transform: rotate(35deg) translate(20em) rotate(-35deg);
   -webkit-transform: rotate(20deg) translate(16em) rotate(-20deg);
+
   -webkit-transform: rotate(35deg) translate(20em) rotate(-35deg);
   transform: rotate(20deg) translate(16em) rotate(-20deg);
+
   transform: rotate(35deg) translate(20em) rotate(-35deg);
 
}
 
}
 
.circle-container > *:nth-of-type(3) {
 
.circle-container > *:nth-of-type(3) {
   -moz-transform: rotate(113deg) translate(13em) rotate(-113deg);
+
   -moz-transform: rotate(101deg) translate(17em) rotate(-101deg);
   -ms-transform: rotate(113deg) translate(13em) rotate(-113deg);
+
   -ms-transform: rotate(101deg) translate(17em) rotate(-101deg);
   -webkit-transform: rotate(113deg) translate(13em) rotate(-113deg);
+
   -webkit-transform: rotate(101deg) translate(17em) rotate(-101deg);
   transform: rotate(113deg) translate(13em) rotate(-113deg);
+
   transform: rotate(101deg) translate(17em) rotate(-101deg);
 
}
 
}
 
.circle-container > *:nth-of-type(4) {
 
.circle-container > *:nth-of-type(4) {
   -moz-transform: rotate(164deg) translate(27em) rotate(-164deg);
+
   -moz-transform: rotate(149deg) translate(27em) rotate(-149deg);
   -ms-transform: rotate(164deg) translate(27em) rotate(-164deg);
+
   -ms-transform: rotate(149deg) translate(27em) rotate(-149deg);
   -webkit-transform: rotate(164deg) translate(27em) rotate(-164deg);
+
   -webkit-transform: rotate(149deg) translate(27em) rotate(-149deg);
   transform: rotate(164deg) translate(27em) rotate(-164deg);
+
   transform: rotate(149deg) translate(27em) rotate(-149deg);
 
}
 
}
 
.circle-container > *:nth-of-type(5) {
 
.circle-container > *:nth-of-type(5) {
   -moz-transform: rotate(187deg) translate(30em) rotate(-187deg);
+
   -moz-transform: rotate(180deg) translate(30em) rotate(-180deg);
   -ms-transform: rotate(187deg) translate(30em) rotate(-187deg);
+
   -ms-transform: rotate(180deg) translate(30em) rotate(-180deg);
   -webkit-transform: rotate(187deg) translate(30em) rotate(-187deg);
+
   -webkit-transform: rotate(180deg) translate(30em) rotate(-180deg);
   transform: rotate(187deg) translate(30em) rotate(-187deg);
+
   transform: rotate(180deg) translate(30em) rotate(-180deg);
 
}
 
}
 
.circle-container > *:nth-of-type(6) {
 
.circle-container > *:nth-of-type(6) {
Line 149: Line 149:
 
     width: 40%;
 
     width: 40%;
 
     height: 250px;
 
     height: 250px;
     top: -490px;
+
     top: -410px;
     border: 1px solid #000;
+
     text-align: center;
 +
    left: 1%;
 +
    /*border: 1px solid #000;*/
 
}
 
}
 
/* =============== END: Circle of Elements - Center Image ==================== */
 
/* =============== END: Circle of Elements - Center Image ==================== */
Line 211: Line 213:
 
     </ul>
 
     </ul>
  
     <div class="cool_centerimage"><img src="images/icon_home_new3.png">
+
     <div class="cool_centerimage"><img src="https://static.igem.org/mediawiki/2015/9/91/Freiburg_homepage_Dia_chip.png" width="370px">
 
     </div>
 
     </div>
  

Revision as of 11:39, 12 September 2015

""

  • 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.
  • 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
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.