Difference between revisions of "Team:Duesseldorf"

Line 5: Line 5:
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
<style>
 
<style>
 +
.requirement {display:none;}
 +
.w3-container{}
 +
.w3-container:after,.w3-row:after {content:"";display:table;clear:both}
 +
.w3-third {float:left;width:33.33333%}
 +
.w3-bottombar{border-bottom:6px solid #ccc!important}
 +
.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
 +
.w3-padding {padding:8px 16px!important}
 +
.w3-border-green,.w3-hover-border-green:hover{border-color:##0C9476!important}
 +
 
@media only screen and (max-width: 1024px) {
 
@media only screen and (max-width: 1024px) {
 
video {display:none;}
 
video {display:none;}
 
}
 
}
−
 
−
 
 
</style>
 
</style>
 
</head>
 
</head>
Line 66: Line 73:
 
</div>
 
</div>
 
       <div class="article">
 
       <div class="article">
 +
 
<video id="Logo" src="https://static.igem.org/mediawiki/2016/b/b7/T--Duesseldorf--Logo-Animation.mov" autoplay="autoplay" width="100%;" height="auto;"></video>
 
<video id="Logo" src="https://static.igem.org/mediawiki/2016/b/b7/T--Duesseldorf--Logo-Animation.mov" autoplay="autoplay" width="100%;" height="auto;"></video>
  
−
        <h1>Welcome!</h1>
+
<h2 id="Medal_Criteria">Medal Criteria</h2>
−
        <p>This year we established the first iGEM-team at the Heinrich Heine University in Duesseldorf in Germany. Our group consists of 22 undergraduate members, who came together to found the team in late 2015. We all joined iGEM with the motivation to
+
<div class="w3-container" style="margin-bottom:50px;margin-top: 20px;">
−
          apply and create synthetic biology. Already in the early stage of our project it was definite that we would emphasize on creating a mechanism to fight cancer.</p>
+
  <div class="w3-row">
 +
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Bronze');">
 +
      <span class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/a/a8/T--duesseldorf--medalbronze.PNG" style="width: 120px; height:120px; margin:auto;"></span>
 +
    </a>
 +
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Silver');">
 +
      <span class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/a/a0/T--duesseldorf--medalsilver.PNG" style="width: 120px; height:120px; margin:auto;"></span>
 +
    </a>
 +
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Gold');">
 +
      <span class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/8/86/T--duesseldorf--medalgold.PNG" style="width: 120px; height:120px; margin:auto;"></span>
 +
    </a>
 +
  </div>
 +
 
 +
  <div id="Bronze" class="w3-container requirement">
 +
    <h2>Bronze</h2>
 +
    <p>Bronze text.</p>
 +
  </div>
 +
 
 +
  <div id="Silver" class="w3-container requirement">
 +
    <h2>Silver</h2>
 +
    <p>Silver text.</p>
 +
  </div>
 +
 
 +
  <div id="Gold" class="w3-container requirement">
 +
    <h2>Gold</h2>
 +
    <p>Gold text.</p>
 +
  </div>
 +
</div>
  
−
        <h2>The essentials of optoptosis</h2>
 
−
        <p>The global increase of cancer cases and the lack of highly specific therapies 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.
 
−
          This is the goal of OPTOPTOSIS. 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
 
−
          precision of light-controlled optogenetics. We utilize two optogenetic proteins, namely Phytochrome B and LOV2. The red light switch based on Phytochrome B controls expression, while the blue light switch LOV2 controls localization of apoptotic
 
−
          proteins to their target site. <a href="https://2016.igem.org/Team:Duesseldorf/Description">Read on.</a></p>
 
−
     
 
−
<h2 style="text-align:left">Results</h2>
 
−
<p> Text. <a href="https://2016.igem.org/Team:Duesseldorf/Results">Read on.</a></p>
 
  
−
<h2 style="text-align:left">Our team</h2>
 
−
<img src="https://static.igem.org/mediawiki/2016/2/22/T--Duesseldorf--Group_Photo_1.jpg" alt="Team">
 
−
<p style="font-style:italic">Be sure to check out our marvelous photos on the <a class="active" href="https://2016.igem.org/Team:Duesseldorf/Team">team page!</a><p>
 
  
  
Line 119: Line 140:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
−
</div>
+
 
 +
<script>
 +
function openrequirement(evt, requirementName) {
 +
  var i, x, tablinks;
 +
  x = document.getElementsByClassName("requirement");
 +
  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";
 +
}
 +
</script>
 
</body>
 
</body>

Revision as of 13:36, 18 October 2016

Heinrich-Heine University
Universitätsstraße 1
40225 Düsseldorf
igem@hhu.de
facebook.com/igemhhu
Design by Marvin van Aalst

Medal Criteria

Bronze

Bronze text.

Silver

Silver text.

Gold

Gold text.