Difference between revisions of "Team:Duesseldorf"

 
(131 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Duesseldorf}}
+
{{Template:Duesseldorf/CSS2}}
 
<html>
 
<html>
−
<head>
+
  <head>
−
<meta charset="utf-8">
+
      <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
−
<title>TEAM OPTOSIS</title>
+
      <title>Home</title>
−
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+
      <style>
−
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
        @media only screen and (max-width: 1024px) {
−
<!--
+
        video {display:none;}
−
Created using JS Bin
+
        }
−
http://jsbin.com
+
      </style>
−
+
  </head>
−
Copyright (c) 2016 by anonymous (http://jsbin.com/utupuw/5/edit)
+
  <body>
−
+
      <div class="content">
−
Released under the MIT license: http://jsbin.mit-license.org
+
        <div class="nav">
−
-->
+
            <table style="margin: 0; border: none; width: 100%;">
−
<style type="text/css">
+
              <tr style="border:none;">
−
body {
+
                  <td style="border:none; padding: 0 20px 0 20px;"> <a href="https://2016.igem.org/Team:Duesseldorf"><img src="https://static.igem.org/mediawiki/2016/f/f3/T--Duesseldorf--logo-white.svg"></a></td>
−
background-color: #2D2D2D;
+
              </tr>
−
width: 100%;
+
              <tr style="border:none;">
−
margin: 0px;
+
                  <td style="border:none;">
−
}
+
                    <ul>
−
h1, h2, h3, h4, h5, h6, h7, p {
+
                        <li><a style="color: white;" href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
−
color: #0C9476;
+
                        <li class="dropdown">
−
font-family: 'Roboto', sans-serif;
+
                          <a href="#">Project</a>
−
padding-left: 3px;
+
                          <div class="dropdown-content">
−
}
+
                              <ul>
−
.header {
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Description</a></li>
−
background-color: #FFFFFF;
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Results</a></li>
−
width: 100%;
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate</a></li>
−
height: 60px;
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Future_Applications">Future Applications</a></li>
−
}
+
                              </ul>
−
.headerContent {
+
                          </div>
−
width: 80%;
+
                        </li>
−
margin: auto;
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaborations</a></li>
−
}
+
                        <li class="dropdown">
−
.header ul {
+
                          <a href="#">Outreach</a>
−
display:inline;
+
                          <div class="dropdown-content">
−
}
+
                              <ul>
−
.header ul li {
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
−
display:inline;
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#HP">Education</a></li>
−
}
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#IHP">Integrated Practices</a></li>
−
.header ul li img {
+
                              </ul>
−
height: 40px;
+
                          </div>
−
margin: 10px 5px 10px 5px;
+
                        </li>
−
float:right;
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Hardware">Hardware</a></li>
−
}
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attributions</a></li>
−
.header-logo {
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
−
height: 40px;
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Team">Team</a></li>
−
margin: 10px 5px 10px 5px;
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
−
float:left;
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Experiments">Experiments</a></li>
−
}
+
                    </ul>
−
.footer {
+
                  </td>
−
background-color: #FFFFFF;
+
              </tr>
−
width: 100%;
+
              <tr style="border:none;">
−
height: 200px;
+
                  <td style="border:none;">
−
padding-top: 5px;
+
                    <!------- Social Icons by https://www.iconfinder.com/icons/1546110/brand_logo_social_social_network_twitter_website_icon_icon#size=128 --->
−
}
+
                    <a href="http://facebook.com/igemhhu" style="margin:0;padding:0;">
−
.wrap {
+
                        <?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
−
overflow: hidden;
+
                        <svg id="Layer_1" class="social"  style="width:10%; margin-top:10px;enable-background:new 0 0 76 76;" version="1.1" viewBox="0 0 76 76" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
−
margin-top: 10px;
+
                          <style type="text/css">
−
margin-left: auto;
+
                              .st0{fill:#333333;}
−
margin-right: auto;
+
                              .st1{fill:#333333;}
−
margin-bottom: 20px;
+
                              .st2{fill:#333333;}
−
width: 80%;
+
                          </style>
−
}
+
                          <g>
−
.wrapFull {
+
                              <path class="st0" d="M65,1H11C5.5,1,1,5.5,1,11V65c0,5.5,4.5,10,10,10h26.7l0-26.4h-6.9c-0.9,0-1.6-0.7-1.6-1.6l0-8.5  c0-0.9,0.7-1.6,1.6-1.6h6.9v-8.2c0-9.6,5.8-14.8,14.4-14.8h7c0.9,0,1.6,0.7,1.6,1.6v7.2c0,0.9-0.7,1.6-1.6,1.6l-4.3,0   c-4.6,0-5.5,2.2-5.5,5.4v7.1h10.2c1,0,1.7,0.8,1.6,1.8l-1,8.5c-0.1,0.8-0.8,1.4-1.6,1.4h-9.1l0,26.4H65c5.5,0,10-4.5,10-10V11  C75,5.5,70.5,1,65,1z"/>
−
overflow: hidden;
+
                          </g>
−
margin-left: auto;
+
                        </svg>
−
margin-right: auto;
+
                    </a>
−
width: 100%;
+
                    <a href="https://twitter.com/igemhhu16" style="margin:0;padding:0;">
−
}
+
                        <?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
−
.container_light{background: rgba(0,0,0,0.1); height: 25%;}
+
                        <svg id="Layer_1" class="social"  style="width:10%; margin-top:10px;enable-background:new 0 0 76 76;" version="1.1" viewBox="0 0 76 76" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
−
.container_dark{background: rgba(0,0,0,0.2); height: 25%;}
+
                          <style type="text/css">
−
.box {
+
                              .st0{fill:#333333;}
−
float: left;
+
                              .st1{fill:#333333;}
−
position: relative;
+
                              .st2{fill:#333333;}
−
width: 20%;
+
                          </style>
−
padding-bottom: 20%;
+
                          <g>
−
}
+
                              <path class="st0" d="M73.8,14.4c-1.6,0.7-3.4,1.3-5.1,1.7c1.9-1.8,3.4-4.1,4.2-6.7l0,0c0.2-0.7-0.6-1.4-1.2-1l0,0  c-2.4,1.4-5.1,2.5-7.8,3.2c-0.2,0-0.3,0.1-0.5,0.1c-0.5,0-1-0.2-1.4-0.5c-2.9-2.6-6.7-4-10.6-4c-1.7,0-3.4,0.3-5.1,0.8  c-5.2,1.6-9.2,5.9-10.4,11.1c-0.5,2-0.6,4-0.4,5.9c0,0.2-0.1,0.4-0.1,0.4c-0.1,0.1-0.3,0.2-0.4,0.2c0,0,0,0-0.1,0  c-11.3-1.1-21.5-6.5-28.8-15.4l0,0c-0.4-0.5-1.1-0.4-1.4,0.1l0,0c-1.4,2.4-2.2,5.2-2.2,8c0,4.3,1.7,8.4,4.8,11.4  C6.2,29.5,5,29,3.8,28.4l0,0c-0.6-0.3-1.2,0.1-1.2,0.7l0,0c-0.1,6.4,3.7,12.1,9.3,14.7c-0.1,0-0.2,0-0.3,0c-0.9,0-1.8-0.1-2.7-0.3  l0,0c-0.6-0.1-1.1,0.5-1,1.1l0,0c1.8,5.7,6.7,9.9,12.6,10.9c-4.9,3.3-10.6,5-16.5,5l-1.8,0c-0.6,0-1,0.4-1.2,0.9  c-0.1,0.5,0.1,1.1,0.6,1.4c6.7,3.9,14.3,5.9,22,5.9c6.8,0,13.1-1.3,18.8-4c5.2-2.4,9.9-5.9,13.8-10.3c3.6-4.1,6.5-8.9,8.4-14.1  c1.9-5,2.9-10.3,2.9-15.4v-0.2c0-0.8,0.4-1.6,1-2.1c2.5-2,4.6-4.3,6.3-7l0,0C75.3,14.9,74.6,14,73.8,14.4L73.8,14.4z"/>
−
.boxInner {
+
                          </g>
−
position: absolute;
+
                        </svg>
−
left: 10px;
+
                    </a>
−
right: 10px;
+
                    <a href="https://www3.hhu.de/igem/" style="margin:0;padding:0;">
−
top: 10px;
+
                        <?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
−
bottom: 10px;
+
                        <svg id="Layer_1" class="social"  style="width:10%; margin-top:10px;enable-background:new 0 0 76 76;" version="1.1" viewBox="0 0 76 76" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
−
overflow: hidden;
+
                          <style type="text/css">
−
}
+
                              .st0{fill:#333333;}
−
.boxInner p {
+
                              .st1{fill:#333333;}
−
position: absolute;
+
                              .st2{fill:#333333;}
−
display:table;
+
                          </style>
−
bottom: 0;
+
                          <g>
−
left: 0;
+
                              <g>
−
right: 0;
+
                                <path class="st0" d="M23.2,23.8h-4.1l11.1,31.5l6.2-17.8l-4.8-13.7h-4.3v-3h19.1v3H42l11.1,31.5l4-11.4    c5.3-14.7-4.3-19.2-4.3-22.5s2.7-5.9,5.9-5.9c0.2,0,0.3,0,0.5,0C53.7,10.3,46.2,7,38,7c-10.7,0-20.2,5.5-25.8,13.8h11L23.2,23.8    L23.2,23.8z"/>
−
margin-bottom: 0px;
+
                                <path class="st0" d="M7,38c0,11.9,6.7,22.1,16.4,27.4l-14-39.5C7.9,29.6,7,33.7,7,38z"/>
−
color: #FFF;
+
                                <path class="st0" d="M64.9,22.7c0.4,2.6,0.3,5.5-0.4,8.5h0.1l-0.5,1.3l0,0c-0.3,1-0.6,2-1,2.9L52.6,65.3C62.3,60.1,69,49.8,69,38    C69,32.5,67.5,27.2,64.9,22.7z"/>
−
text-align: left;
+
                                <path class="st0" d="M28.5,67.5c3,1,6.2,1.5,9.5,1.5c3.2,0,6.2-0.5,9.1-1.4L38.1,42L28.5,67.5z"/>
−
background: rgba(0, 0, 0, 0.2);
+
                                <path class="st0" d="M64.2,11.8C57.2,4.8,47.9,1,38,1S18.8,4.8,11.8,11.8S1,28.1,1,38c0,9.9,3.8,19.2,10.8,26.2S28.1,75,38,75    s19.2-3.8,26.2-10.8c7-7,10.8-16.3,10.8-26.2C75,28.1,71.2,18.8,64.2,11.8z M38,72.4C19,72.4,3.6,57,3.6,38S19,3.6,38,3.6    S72.4,19,72.4,38S57,72.4,38,72.4z"/>
−
}
+
                              </g>
−
.boxInner img {
+
                          </g>
−
width: 100%;
+
                        </svg>
−
}
+
                    </a>
−
.boxInner .titleBox {
+
                    <a href="https://www.youtube.com/channel/UCg7deDCwE8bCcPsF8ELnaxw" style="margin:0;padding:0;">
−
position: absolute;
+
                        <?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
−
display:table;
+
                        <svg id="Layer_1" class="social"  style="width:10%; margin-top:10px;enable-background:new 0 0 76 76;" version="1.1" viewBox="0 0 76 76" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
−
bottom: 0;
+
                          <style type="text/css">
−
left: 0;
+
                              .st0{fill:#666666;}
−
right: 0;
+
                              .st1{fill:#666666;}
−
margin-bottom: -50px;
+
                              .st2{fill:#666666;}
−
background: #000;
+
                          </style>
−
background: rgba(0, 0, 0, 0.5);
+
                          <g>
−
color: #FFF;
+
                              <g>
−
padding: 10px;
+
                                <path class="st0" d="M59.6,11.8H16.4C7.9,11.8,1,18.7,1,27.2v21.6c0,8.5,6.9,15.4,15.4,15.4h43.3c8.5,0,15.4-6.9,15.4-15.4V27.2    C75,18.7,68.1,11.8,59.6,11.8z M49.2,39.1L29,48.7c-0.5,0.3-1.2-0.1-1.2-0.7V28.1c0-0.6,0.6-1,1.2-0.7l20.2,10.3    C49.9,37.9,49.8,38.8,49.2,39.1z"/>
−
text-align: center;
+
                              </g>
−
-webkit-transition: opacity 500ms;
+
                          </g>
−
-moz-transition: opacity 500ms;
+
                        </svg>
−
-o-transition: opacity 500ms;
+
                    </a>
−
transition: opacity 500ms;
+
                    <a href="mailto:igem@hhu.de><?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg  id="Layer_1" version="1.1" viewBox="0 0 512 512"  class="social"  style="width:10%; margin-top:10px;enable-background:new 0 0 76 76;" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
−
}
+
                        <path class="st0" d="M484.748,96.359H27.439h-3.966h-9.625h-6.63v318.585H505V96.359h-17.218H484.748z M464.837,116.271  L272.529,308.578c-8.769,8.769-24.073,8.769-32.842,0L47.35,116.271H464.837z M27.128,124.203l129.287,129.268L27.128,382.759  V124.203z M43.014,395.029l127.489-127.47l55.106,55.097c8.138,8.148,18.978,12.64,30.499,12.64c11.521,0,22.361-4.492,30.499-12.64  l55.106-55.106l127.479,127.479H43.014z M485.089,382.769L355.801,253.472l129.287-129.297V382.769z" fill="#333333"/>
−
.boxLarge {
+
                        </svg>
−
float: left;
+
                    </a>
−
position: relative;
+
                    <br>
−
width: 40%;
+
                    Heinrich-Heine University <br />
−
padding-bottom: 20%;
+
                    Universitätsstraße 1 <br />
−
}
+
                    40225 Düsseldorf <br />
−
.boxLargeInner {
+
                    Design by Marvin van Aalst <br>
−
background-color: #FFFFFF;
+
                  </td>
−
position: absolute;
+
              </tr>
−
left: 10px;
+
            </table>
−
right: 10px;
+
        </div>
−
top: 10px;
+
        <div class="page">
−
bottom: 10px;
+
            <div class="paper">
−
overflow: hidden;
+
              <div id="Navigation" class="navigation">
−
}
+
                  <ul class="topnav">
−
.boxLargeInner h1, h2, h3, h4, h5, h6, h7 {
+
                    <li><a style="color: black;" href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
−
padding-left:10px;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Description</a></li>
−
}
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Results</a></li>
−
.boxLargeInner p{
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate</a></li>
−
padding-left:35px;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Future_Applications">Future Applications</a></li>
−
padding-right:35px;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaborations</a></li>
−
text-align:justify;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
−
}
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#HP">Education</a></li>
−
body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#IHP">Integrated Practices</a></li>
−
margin-bottom: 0;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Hardware">Hardware</a></li>
−
}
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attributions</a></li>
−
@media only screen and (max-width : 480px) {
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
−
/* Smartphone view: 1 tile */
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Team">Team</a></li>
−
.box {
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
−
width: 100%;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Experiments">Experiments</a></li>
−
padding-bottom: 100%;
+
                  </ul>
−
}
+
              </div>
−
.boxLarge {
+
<img class="medal" src="https://static.igem.org/mediawiki/2016/0/0d/T--duesseldorf--medalgold-achieved.png">
−
display:none;
+
<!-------------------------- ARTICLE ---------------------------->
−
}
+
      <div class="article">
−
.header {
+
 
−
text-align:center;
+
<video id="Logo" src="https://static.igem.org/mediawiki/2016/b/b7/T--Duesseldorf--Logo-Animation.mov" autoplay="autoplay" width="100%;" height="auto;"></video>
−
}
+
  <h2>Imagine you turn the switch on and the cancer is gone…</h2>
−
.headerContent {
+
<p>
−
width: 100%;
+
Cancer is the second most common cause of death killing about 8.2 million people annually, which equals the total population of New York City.
−
}
+
The global increase of cancer cases and the <a href="https://2016.igem.org/Team:Duesseldorf/Therapies">lack of highly specific therapies </a>for various types of cancer states a clear message:<br>
−
.header-logo {
+
New approaches have to be found, which allow a level of precision in cancer treatment that has been long-awaited.
−
display:none
+
<p>
−
}
+
Our approach aims at achieving high spatiotemporal control of <a href="https://2016.igem.org/Team:Duesseldorf/Apoptosis">apoptosis</a> in tumor cells by applying an optogenetic double-killswitch. This <a href="https://2016.igem.org/Team:Duesseldorf/Description">system</a> combines clean removal of cancer cells through apoptosis with the accuracy of light-controlled optogenetics. We utilize two optogenetic proteins, to create the desperately needed holy grail of cancer therapy.<br>
−
.header ul li img {
+
This is the goal of OPTOPTOSIS.  
−
float:none;
+
  </p>
−
margin-left: auto;
+
<h2 id="Medal_Criteria"><a href="https://2016.igem.org/Team:Duesseldorf/Medal_Criteria">Our Achievements</a></h2>
−
margin-right: auto;
+
<div class="w3-container" style="margin-bottom:50px;margin-top: 20px;">
−
}
+
  <div class="w3-row">
−
}
+
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Bronze');">
−
@media only screen and (max-width : 650px) and (min-width : 481px) {
+
      <span class="w3-quarter tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/thumb/b/b5/T--duesseldorf--medal-bronze1.png/210px-T--duesseldorf--medal-bronze1.png" style="width: 50%; margin:auto;"></span>
−
/* Tablet view: 2 tiles */
+
    </a>
−
.box {
+
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Silver');">
−
width: 50%;
+
      <span class="w3-quarter tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/thumb/a/ac/T--duesseldorf--medal-silber1.png/210px-T--duesseldorf--medal-silber1.png" style="width: 50%; margin:auto;"></span>
−
padding-bottom: 50%;
+
    </a>
−
}
+
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Gold');">
−
.boxLarge {
+
      <span class="w3-quarter tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/thumb/8/8a/T--duesseldorf--medal-gold1.png/210px-T--duesseldorf--medal-gold1.png" style="width: 50%; margin:auto;"></span>
−
width: 100%;
+
    </a>
−
padding-bottom: 100%;
+
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Special');">
−
}
+
      <span class="w3-quarter tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/thumb/1/18/T--duesseldorf--medal-special1.png/210px-T--duesseldorf--medal-special1.png" style="width: 50%; margin:auto;"></span>
−
.header {
+
    </a>
−
text-align:center;
+
  </div>
−
}
+
 
−
.headerContent {
+
 
−
width: 100%;
+
 
−
}
+
  <div id="Bronze" class="w3-container requirement" style="padding-top: 10px;">
−
.header-logo {
+
    <h2>Bronze</h2>
−
display:none
+
  <h4>Register And Attend</h4>
−
}
+
<ul>
−
.header ul li img {
+
<li>Our team was successfully registered and had the greatest summer ever</li>
−
float:none;
+
</ul>
−
padding-left: auto;
+
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attribution</a></h4>
−
padding-right: auto;
+
<ul>
−
}
+
<li>We created our own Wiki with clear <a href="https://2016.igem.org/Team:Duesseldorf/Attributions">attribution</a> of each aspect of our project</li>
−
}
+
</ul>
−
@media only screen and (max-width : 1050px) and (min-width : 651px) {
+
 
−
/* Small desktop / ipad view: 3 tiles */
+
<h4>Deliverables </h4>
−
.box {
+
 
−
width: 33.3%;
+
<ul>
−
padding-bottom: 33.3%;
+
<li>The judging form and <a href="https://2016.igem.org/Team:Duesseldorf/Safety">safety form</a> was completed with great care</li>
−
}
+
<li>We are very excited to present our poster and project talk at the Giant Jamboree</li>
−
.boxLarge {
+
<li>We attributed and acknowledged all of the work done for our project on our Wiki page</li>
−
width: 66.6%;
+
<li>We documented and created Part pages for our Parts and submitted the DNA samples of our new Parts to the Registry</li>
−
padding-bottom: 66%;
+
</ul>
−
}
+
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Part/Contribution</a></h4>
−
}
+
<ul>
−
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
+
<li>We are proud of our new standard Biobrick Part and submitted <a href="https://2016.igem.org/Team:Duesseldorf/Parts">BBa_K1936000</a> to the iGEM Registry</li>
−
/* Medium desktop: 4 tiles */
+
</ul>
−
.box {
+
 
−
width: 25%;
+
  </div>
−
padding-bottom: 25%;
+
 
−
}
+
  <div id="Silver" class="w3-container requirement" style="padding-top: 10px;">
−
.boxLarge {
+
<h2>Silver</h2>   
−
width: 50%;
+
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaboration </a></h4>
−
padding-bottom: 25%;
+
<ul>
−
}
+
<li>We had great <a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">collaborations</a> with other teams and are really happy about our common success  </li>
−
}
+
</ul>
−
</style>
+
 
−
<!-- Enable media queries for old IE -->
+
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Validated Part / Validated Contribution</a></h4>
−
<!--[if lt IE 9]>
+
<ul>
−
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
+
<li>We characterized <a href="https://2016.igem.org/Team:Duesseldorf/Parts">BBa_K1936001</a> </li>
−
<![endif]-->
+
<li>This part was submitted to the iGEM registry and is experimentally validated</li>
−
</head>
+
</ul>
−
<!-- Header -->
+
 
−
<body class="no-touch">
+
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#HP">Human Practices</a></h4>
−
<div class="header">
+
<ul>
−
<div class="headerContent">
+
<li>Of course, we shared our project and knowledge with the public and talked about the <a href="https://2016.igem.org/Team:Duesseldorf/Ethik">ethical aspects</a>. We had a lot of fun at our different human practice activities.</li>
−
<div class="header-logo"><img src="https://static.igem.org/mediawiki/2016/8/8f/Team-opoptosis-2016-logo.png" alt="opoptosis logo" height="40">
+
</ul>
−
</div>
+
 
−
<ul>
+
  </div>
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2016/9/9c/Team-opoptosis-2016-icons-sponsors.png" alt="sponsors"></a></li>
+
 
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2016/a/af/Team-opoptosis-2016-icons-progress.png" alt="progress"></a></li>
+
  <div id="Gold" class="w3-container requirement" style="padding-top: 10px;">
−
<li><a href="https://2016.igem.org/Team:Duesseldorf/Team"><img src="https://static.igem.org/mediawiki/2016/5/51/Team-opoptosis-2016-icons-team.png" alt="team"></a></li>
+
    <h2>Gold</h2>
−
<li><a href="https://2016.igem.org/Team:Duesseldorf/Description"><img src="https://static.igem.org/mediawiki/2016/5/58/Team-opoptosis-2016-icons-project.png" alt="project" ></a></li>
+
 
−
<li><a href="https://2016.igem.org/Team:Duesseldorf"><img src="https://static.igem.org/mediawiki/2016/4/43/Team-opoptosis-2016-icons-home.png" alt="home"></a></li>
+
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#IHP">Integrated Human Practices</a></h4>
−
</ul>
+
<ul>
 +
<li>Additionally to our <a href="https://2016.igem.org/Team:Duesseldorf/Outreach#HP">Human Practice</a> work we visited the <a href="https://2016.igem.org/Team:Duesseldorf/Outreach#BfArM">BfArM (the german equivalent of the FDA) and telephoned with the Paul Ehrlich Institute</a>, which is responsible for admission of genetherapeutics, to consult professional critics concerning future applications of our project </li>
 +
</ul>
 +
 
 +
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Proof of concept</a></h4>
 +
<ul>
 +
<li>We are really happy that we are able to show a functional proof of concept of our project with one of our newly created BioBricks</li>
 +
</ul>
 +
 
 +
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate your work</a></h4>
 +
<ul>
 +
<li>We were able to show our functional proof of concept under real world conditions with experiments in human cancer cell culture </li>
 +
</ul>
 +
 
 +
  </div>
 +
    <div id="Special" class="w3-container requirement" style="padding-top: 10px;">
 +
    <h2>Special</h2>
 +
<h4>Special Prices</h4>
 +
<p>
 +
We have done some really good work so we applied for these Special Prices:
 +
</p>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Duesseldorf/Best_Part">Best New Basic Part</a></li>
 +
<li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#IHP">Best Integrated Human Practice</a></li>
 +
<li><a href="https://2016.igem.org/Team:Duesseldorf/Hardware">Best Hardware Project</a></li>
 +
<li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#HP">Best Education and Public Engagement</a></li>
 +
</ul>
 +
 
 +
  </div>
 +
 
 +
 
 +
</div>
 +
 
 +
<div style="border:5px solid #0C9476;border-radius:25px;padding:10px;">
 +
 
 +
<h2><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Results</a> and engineered constructs of OPTOPTOSIS</h2>
 +
<p>
 +
<img src="https://static.igem.org/mediawiki/2016/2/21/T--duesseldorf--check3.png" width="30px">Our <a href="https://2016.igem.org/Team:Duesseldorf/Proof#">red switch</a> operates as desired
 +
</p>
 +
<ul>
 +
<li>we were able to show that our apoptosis protein is expressed</li>
 +
<li>our testing cells are still alive</li>
 +
</ul>
 +
<p>
 +
<img src="https://static.igem.org/mediawiki/2016/2/21/T--duesseldorf--check3.png" width="30px">Our <a href="https://2016.igem.org/Team:Duesseldorf/Proof#">blue switch</a> operates as desired when constitutively expressed
 +
</p>
 +
<ul>
 +
<li>we were able to show that our construct is expressed</li>
 +
<li>we assume that our construct binds to the outer mitochondrial membrane but are still testing it</li>
 +
</ul>
 +
<p>
 +
<img src="https://static.igem.org/mediawiki/2016/2/21/T--duesseldorf--check3.png" width="30px">The double transfection of our <a href="https://2016.igem.org/Team:Duesseldorf/Proof#">two constructs</a> worked as desired
 +
</p>
 +
<ul>
 +
<li>we were able to detect gene expression of both constructs in transfected cells</li>
 +
<li>we were able to determine the expression of the red- switch</li>
 +
<li>we have seen indications of induced apoptosis but will further validate it
 +
</ul>
 +
</div>
 +
 
 +
 
 +
 
 
</div>
 
</div>
−
</div>
+
 
−
<!-- Body -->
+
</div>
−
<div class="wrapFull">
+
    </div>
−
<div class="container_light"><a href="https://2016.igem.org/Team:Duesseldorf/Description"> <img src="https://static.igem.org/mediawiki/2016/5/55/Igem-hhu-2016-home-project.png" alt="project" width="70%" style="display:block; margin-left:auto; margin-right:auto;"></a>
+
  </div>
−
</div>
+
 
−
<div class="container_dark"><a href="https://2016.igem.org/Team:Duesseldorf/Team">  <img src="https://static.igem.org/mediawiki/2016/a/ac/Igem-hhu-2016-home-team.png" alt="team" width="70%" style="display:block; margin-left:auto; margin-right:auto;"></a>
+
<script>
−
</div>
+
function openrequirement(evt, requirementName) {
−
<div class="container_light"><a href="https://2016.igem.org/Team:Duesseldorf/Parts">  <img src="https://static.igem.org/mediawiki/2016/8/87/Igem-hhu-2016-home-parts.png" alt="parts" width="70%" style="display:block; margin-left:auto; margin-right:auto;"></a>
+
  var i, x, tablinks;
−
</div>
+
  x = document.getElementsByClassName("requirement");
−
<div class="container_dark"><a href="https://2016.igem.org/Team:Duesseldorf/Safety">  <img src="https://static.igem.org/mediawiki/2016/8/8f/Igem-hhu-2016-home-safety.png" alt="safety" width="70%" style="display:block; margin-left:auto; margin-right:auto;"></a>
+
  for (i = 0; i < x.length; i++) {
−
</div>
+
    x[i].style.display = "none";
−
<div class="container_light"><a href="https://2016.igem.org/Team:Duesseldorf/Human_Practices"><img src="https://static.igem.org/mediawiki/2016/5/51/Igem-hhu-2016-home-human_practices.png" alt="human practices" width="70%" style="display:block; margin-left:auto; margin-right:auto;"> </a>
+
  }
−
</div>
+
  tablinks = document.getElementsByClassName("tablink");
−
<div class="container_dark"><a href="https://2016.igem.org/Team:Duesseldorf/Awards">  <img src="https://static.igem.org/mediawiki/2016/7/75/Igem-hhu-2016-home-awards.png" alt="awards" width="70%" style="display:block; margin-left:auto; margin-right:auto;"></a>
+
  for (i = 0; i < x.length; i++) {
−
</div>
+
    tablinks[i].className = tablinks[i].className.replace(" w3-border-green", "");
−
</div>
+
  }
−
<!-- Footer -->
+
  document.getElementById(requirementName).style.display = "block";
−
<div class="footer">
+
  evt.currentTarget.firstElementChild.className += " w3-border-green";
−
<h1 style="text-align:center;">Footer</h1>
+
}
−
</div>
+
var mybtn = document.getElementsByClassName("tablink")[0];
−
</html>
+
mybtn.click();
 +
</script>
 +
</body>

Latest revision as of 11:10, 4 November 2016

Home


Heinrich-Heine University
Universitätsstraße 1
40225 Düsseldorf
Design by Marvin van Aalst

Imagine you turn the switch on and the cancer is gone…

Cancer is the second most common cause of death killing about 8.2 million people annually, which equals the total population of New York City. The global increase of cancer cases and the lack of highly specific therapies for various types of cancer states a clear message:
New approaches have to be found, which allow a level of precision in cancer treatment that has been long-awaited.

Our approach aims at achieving high spatiotemporal control of apoptosis in tumor cells by applying an optogenetic double-killswitch. This system combines clean removal of cancer cells through apoptosis with the accuracy of light-controlled optogenetics. We utilize two optogenetic proteins, to create the desperately needed holy grail of cancer therapy.
This is the goal of OPTOPTOSIS.

Our Achievements

Bronze

Register And Attend

  • Our team was successfully registered and had the greatest summer ever

Attribution

  • We created our own Wiki with clear attribution of each aspect of our project

Deliverables

  • The judging form and safety form was completed with great care
  • We are very excited to present our poster and project talk at the Giant Jamboree
  • We attributed and acknowledged all of the work done for our project on our Wiki page
  • We documented and created Part pages for our Parts and submitted the DNA samples of our new Parts to the Registry

Part/Contribution

  • We are proud of our new standard Biobrick Part and submitted BBa_K1936000 to the iGEM Registry

Silver

Collaboration

  • We had great collaborations with other teams and are really happy about our common success

Validated Part / Validated Contribution

  • We characterized BBa_K1936001
  • This part was submitted to the iGEM registry and is experimentally validated

Human Practices

  • Of course, we shared our project and knowledge with the public and talked about the ethical aspects. We had a lot of fun at our different human practice activities.

Gold

Integrated Human Practices

Proof of concept

  • We are really happy that we are able to show a functional proof of concept of our project with one of our newly created BioBricks

Demonstrate your work

  • We were able to show our functional proof of concept under real world conditions with experiments in human cancer cell culture

Special

Special Prices

We have done some really good work so we applied for these Special Prices:

Results and engineered constructs of OPTOPTOSIS

Our red switch operates as desired

  • we were able to show that our apoptosis protein is expressed
  • our testing cells are still alive

Our blue switch operates as desired when constitutively expressed

  • we were able to show that our construct is expressed
  • we assume that our construct binds to the outer mitochondrial membrane but are still testing it

The double transfection of our two constructs worked as desired

  • we were able to detect gene expression of both constructs in transfected cells
  • we were able to determine the expression of the red- switch
  • we have seen indications of induced apoptosis but will further validate it