Difference between revisions of "Team:Duesseldorf"

 
(149 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<html>
+
{{Template:Duesseldorf/CSS2}}
 +
<html>
 +
  <head>
 +
      <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 +
      <title>Home</title>
 +
      <style>
 +
        @media only screen and (max-width: 1024px) {
 +
        video {display:none;}
 +
        }
 +
      </style>
 +
  </head>
 +
  <body>
 +
      <div class="content">
 +
        <div class="nav">
 +
            <table style="margin: 0; border: none; width: 100%;">
 +
              <tr style="border:none;">
 +
                  <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>
 +
              </tr>
 +
              <tr style="border:none;">
 +
                  <td style="border:none;">
 +
                    <ul>
 +
                        <li><a style="color: white;" href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
 +
                        <li class="dropdown">
 +
                          <a href="#">Project</a>
 +
                          <div class="dropdown-content">
 +
                              <ul>
 +
                                <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>
 +
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Future_Applications">Future Applications</a></li>
 +
                              </ul>
 +
                          </div>
 +
                        </li>
 +
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaborations</a></li>
 +
                        <li class="dropdown">
 +
                          <a href="#">Outreach</a>
 +
                          <div class="dropdown-content">
 +
                              <ul>
 +
                                <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>
 +
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#IHP">Integrated Practices</a></li>
 +
                              </ul>
 +
                          </div>
 +
                        </li>
 +
                        <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>
 +
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Team">Team</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Experiments">Experiments</a></li>
 +
                    </ul>
 +
                  </td>
 +
              </tr>
 +
              <tr style="border:none;">
 +
                  <td style="border:none;">
 +
                    <!------- 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;">
 +
                        <?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" 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">
 +
                          <style type="text/css">
 +
                              .st0{fill:#333333;}
 +
                              .st1{fill:#333333;}
 +
                              .st2{fill:#333333;}
 +
                          </style>
 +
                          <g>
 +
                              <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"/>
 +
                          </g>
 +
                        </svg>
 +
                    </a>
 +
                    <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'>
 +
                        <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">
 +
                          <style type="text/css">
 +
                              .st0{fill:#333333;}
 +
                              .st1{fill:#333333;}
 +
                              .st2{fill:#333333;}
 +
                          </style>
 +
                          <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"/>
 +
                          </g>
 +
                        </svg>
 +
                    </a>
 +
                    <a href="https://www3.hhu.de/igem/" 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'>
 +
                        <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">
 +
                          <style type="text/css">
 +
                              .st0{fill:#333333;}
 +
                              .st1{fill:#333333;}
 +
                              .st2{fill:#333333;}
 +
                          </style>
 +
                          <g>
 +
                              <g>
 +
                                <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"/>
 +
                                <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"/>
 +
                                <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"/>
 +
                                <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"/>
 +
                                <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>
 +
                          </g>
 +
                        </svg>
 +
                    </a>
 +
                    <a href="https://www.youtube.com/channel/UCg7deDCwE8bCcPsF8ELnaxw" 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'>
 +
                        <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">
 +
                          <style type="text/css">
 +
                              .st0{fill:#666666;}
 +
                              .st1{fill:#666666;}
 +
                              .st2{fill:#666666;}
 +
                          </style>
 +
                          <g>
 +
                              <g>
 +
                                <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"/>
 +
                              </g>
 +
                          </g>
 +
                        </svg>
 +
                    </a>
 +
                    <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"/>
 +
                        </svg>
 +
                    </a>
 +
                    <br>
 +
                    Heinrich-Heine University <br />
 +
                    Universitätsstraße 1 <br />
 +
                    40225 Düsseldorf <br />
 +
                    Design by Marvin van Aalst <br>
 +
                  </td>
 +
              </tr>
 +
            </table>
 +
        </div>
 +
        <div class="page">
 +
            <div class="paper">
 +
              <div id="Navigation" class="navigation">
 +
                  <ul class="topnav">
 +
                    <li><a style="color: black;" href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
 +
                    <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>
 +
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Future_Applications">Future Applications</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaborations</a></li>
 +
                    <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>
 +
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#IHP">Integrated Practices</a></li>
 +
                    <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>
 +
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Team">Team</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Experiments">Experiments</a></li>
 +
                  </ul>
 +
              </div>
 +
<img class="medal" src="https://static.igem.org/mediawiki/2016/0/0d/T--duesseldorf--medalgold-achieved.png">
 +
<!-------------------------- ARTICLE ---------------------------->
 +
      <div class="article">
  
<style>
+
<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>
 +
<p>
 +
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>
 +
New approaches have to be found, which allow a level of precision in cancer treatment that has been long-awaited.
 +
<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>
 +
This is the goal of OPTOPTOSIS.
 +
  </p>
 +
<h2 id="Medal_Criteria"><a href="https://2016.igem.org/Team:Duesseldorf/Medal_Criteria">Our Achievements</a></h2>
 +
<div class="w3-container" style="margin-bottom:50px;margin-top: 20px;">
 +
  <div class="w3-row">
 +
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Bronze');">
 +
      <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>
 +
    </a>
 +
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Silver');">
 +
      <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>
 +
    </a>
 +
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Gold');">
 +
      <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>
 +
    </a>
 +
    <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>
 +
    </a>
 +
  </div>
  
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
  
#top_title {display:none;}
 
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  
 +
  <div id="Bronze" class="w3-container requirement" style="padding-top: 10px;">
 +
    <h2>Bronze</h2>
 +
  <h4>Register And Attend</h4>
 +
<ul>
 +
<li>Our team was successfully registered and had the greatest summer ever</li>
 +
</ul>
 +
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attribution</a></h4>
 +
<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>
  
/********************************* CONTENT OF THE PAGE ********************************/
+
<h4>Deliverables </h4>
  
 +
<ul>
 +
<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>
 +
<li>We attributed and acknowledged all of the work done for our project on our Wiki page</li>
 +
<li>We documented and created Part pages for our Parts and submitted the DNA samples of our new Parts to the Registry</li>
 +
</ul>
 +
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Part/Contribution</a></h4>
 +
<ul>
 +
<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>
 +
</ul>
  
/* Wrapper for the menu*/
+
  </div>
.menu_bar {
+
width:1000px;
+
display:inline-block;
+
background-color:white;
+
margin: 10px auto;
+
position: relative;
+
text-align:center;
+
}
+
/* Menu container */
+
.menu_container {
+
display:inline-block;
+
width: 100px;
+
height: 50px;
+
text-align: center;
+
}
+
  
 +
  <div id="Silver" class="w3-container requirement" style="padding-top: 10px;">
 +
<h2>Silver</h2>   
 +
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaboration </a></h4>
 +
<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>
  
/* Wrapper for the content */
+
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Validated Part / Validated Contribution</a></h4>
.content_wrapper {
+
<ul>
width: auto;
+
<li>We characterized <a href="https://2016.igem.org/Team:Duesseldorf/Parts">BBa_K1936001</a> </li>
padding:10px 0px;
+
<li>This part was submitted to the iGEM registry and is experimentally validated</li>
float:left;
+
</ul>
background-color:white;
+
}
+
  
/*LAYOUT */
+
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#HP">Human Practices</a></h4>
.column  {
+
<ul>
padding: 10px 0px;
+
<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>
float:left;
+
</ul>
background-color:white;
+
}
+
  
.full_size {
+
  </div>
width:100%;
+
}
+
  
.full_size img {
+
  <div id="Gold" class="w3-container requirement" style="padding-top: 10px;">
padding: 10px 15px;
+
    <h2>Gold</h2>
width:96.5%;  
+
}
+
  
.half_size {
+
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#IHP">Integrated Human Practices</a></h4>
width: 50%;
+
<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>
.half_size img {
+
</ul>
padding: 10px 15px;
+
width: 93%;
+
}
+
  
 +
<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>
  
.clear {
+
<h4><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate your work</a></h4>
clear:both;
+
<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>
  
.highlight {
+
  </div>
width: 90%;  
+
    <div id="Special" class="w3-container requirement" style="padding-top: 10px;">
margin: auto;
+
    <h2>Special</h2>
padding: 15px 5px;
+
<h4>Special Prices</h4>
background-color: #f2f2f2;
+
<p>
+
We have done some really good work so we applied for these Special Prices:
/*STYLING */
+
</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>
  
/* styling for the titles */
+
  </div>
.content_wrapper h1, .content_wrapper h2 {
+
 
padding:5px 15px;
+
 
border-bottom:0px;
+
</div>
color:#72c9b6;
+
  
}
+
<div style="border:5px solid #0C9476;border-radius:25px;padding:10px;">
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
+
padding:5px 15px;  
+
border-bottom:0px;  
+
color: #000000;
+
}
+
  
 +
<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>
  
/* font and text */
 
.content_wrapper p {
 
padding:0px 15px;
 
font-size: 13px;
 
font-family:Tahoma, Geneva, sans-serif;
 
}
 
  
/* Links */
 
.content_wrapper a {
 
font-weight: bold;
 
text-decoration: underline;
 
text-decoration-color:#72c9b6;
 
color: #72c9b6;
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;
 
-ms-transition: all 0.4s ease;
 
-o-transition: all 0.4s ease;
 
transition: all 0.4s ease;
 
}
 
  
/* hover for the links */
+
</div>
.content_wrapper a:hover {
+
text-decoration:none;
+
color:#000000;
+
}
+
 
+
/* non numbered lists */
+
.content_wrapper ul {
+
padding:0px 20px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
/* numbered lists */
+
.content_wrapper ol {
+
padding:0px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
/* Table */
+
.content_wrapper table {
+
width: 97%;
+
margin:15px 10px;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
}
+
 
+
/* table cells */
+
.content_wrapper  td {
+
padding: 10px;
+
vertical-align: text-top;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
}
+
 
+
/* table headers */
+
.content_wrapper th {
+
padding: 10px;
+
vertical-align: text-top;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
background-color:#f2f2f2;
+
}
+
 
+
/* Button class */
+
.button_click {
+
margin: 10px auto;
+
padding: 15px; width:12%; 
+
text-align:center;
+
font-weight:bold;
+
background-color: #72c9b6;
+
cursor:pointer; 
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease;
+
transition: all 0.4s ease;
+
}
+
 
+
/* button class on hover */
+
.button_click:hover { 
+
background-color:#000000;
+
color:#72c9b6;
+
}
+
 
+
/********************************* RESPONSIVE STYLING ********************************/
+
 
+
/* IF THE SCREEN IS LESS THAN 1000PX */
+
 
+
@media only screen and (max-width: 1000px) {
+
 
+
#content {width:100%; }
+
.content_wrapper {margin-left: 15%;}
+
.menu_item {display:block;}
+
.icon {display:none;}
+
.highlight {padding:10px 0px;}
+
}
+
 
+
 
+
/* IF THE SCREEN IS LESS THAN 680PX */
+
 
+
@media only screen and (max-width: 680px) {
+
.content_wrapper {width:100%; margin-left:0px;}
+
.column.half_size {width:100%; }
+
.column img { width: 100%; padding: 5px 0px;}
+
.icon {display:block;}
+
.highlight {padding:15px 5px;}
+
}
+
 
+
</style>
+
 
+
 
+
 
+
 
+
<!--- THIS IS WHERE THE HTML BEGINS --->
+
 
+
 
+
<!-- This tells the browser that your page is responsive -->
+
 
+
<head>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
+
</head>
+
 
+
 
+
<div class="menu_bar">
+
<div class="menu_container"> <a href=" https://2016.igem.org/Team:Duesseldorf"> <h2>Home </h2> </a></div>
+
<div class="menu_container"> <a href=" https://2016.igem.org/Team:Duesseldorf/Team"><h2>Team</h2></a></div>
+
<div class="menu_container"> <a href=" https://2016.igem.org/Team:Duesseldorf/Description"><h2>Project</h2></a></div>
+
<div class="menu_container"> <a href=" https://2016.igem.org/Team:Duesseldorf/Parts"><h2>Parts</h2></a></div>
+
<div class="menu_container"> <a href=" https://2016.igem.org/Team:Duesseldorf/Safety"><h2>Safety</h2></a></div>
+
<div class="menu_container"> <a href=" https://2016.igem.org/Team:Duesseldorf/Human_Practices"><h2>HP</h2></a></div>
+
<div class="menu_container"> <a href=" https://2016.igem.org/Team:Duesseldorf/Awards"><h2>Awards</h2></a></div>
+
 
+
 
+
</div>
+
 
+
<div class="content_wrapper">
+
 
+
 
+
 
+
<center><h1>iGEM Team Düsseldorf  </h1>
+
<h4 id="page_name">  </h4></center>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
<script>
+
 
+
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
+
 
+
$(document).ready(function() {
+
 
+
$("#HQ_page").attr('id','');
+
+
 
+
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
+
$("#team_name").html( wgPageName );
+
}
+
 
+
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
+
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
+
}
+
 
+
else {
+
// this adds the team's name as an h1
+
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
+
 
+
// this adds the page's title as an h4
+
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
+
}
+
 
+
 
+
 
+
 
+
$('#accordion').find('.menu_item').click(function(){
+
 
+
//Expand or collapse this panel
+
submenu = $(this).find('.submenu');
+
submenu.toggle();
+
 
+
icon = $(this).find('.icon');
+
 
+
if ( !$( submenu ).is(':visible') ) {
+
icon.removeClass("less").addClass("plus");
+
}
+
else {
+
icon.removeClass("plus").addClass("less");
+
}
+
 
+
//Hide the other panels
+
$(".submenu").not(submenu).hide();
+
$(".icon").not(icon).removeClass("less").addClass("plus");
+
});
+
 
+
 
+
$(".collapsable_menu_control").click(function() {
+
$(".menu_item").toggle();
+
});
+
 
+
$( window ).resize(function() {
+
$(".menu_item").show();
+
});
+
 
+
 
+
});
+
  
 
</div>
 
</div>
 +
    </div>
 +
  </div>
  
 
+
<script>
</script>
+
function openrequirement(evt, requirementName) {
 
+
  var i, x, tablinks;
 
+
  x = document.getElementsByClassName("requirement");
</html>
+
  for (i = 0; i < x.length; i++) {
 +
    x[i].style.display = "none";
 +
  }
 +
  tablinks = document.getElementsByClassName("tablink");
 +
  for (i = 0; i < x.length; i++) {
 +
    tablinks[i].className = tablinks[i].className.replace(" w3-border-green", "");
 +
  }
 +
  document.getElementById(requirementName).style.display = "block";
 +
  evt.currentTarget.firstElementChild.className += " w3-border-green";
 +
}
 +
var mybtn = document.getElementsByClassName("tablink")[0];
 +
mybtn.click();
 +
</script>
 +
</body>

Latest revision as of 11:10, 4 November 2016

Home

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