Difference between revisions of "Team:Duesseldorf/Test2"

 
(43 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
−
<head>
+
<head>
−
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximun-scale=1.0, user-scalable=no">
+
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 +
<style>
 +
@media only screen and (max-width: 1024px) {
 +
video {display:none;}
 +
}
 +
</style>
 
</head>
 
</head>
  
Line 12: Line 16:
 
     <table style="margin: 0; border: none; width: 100%;">
 
     <table style="margin: 0; border: none; width: 100%;">
 
       <tr style="border:none;">
 
       <tr style="border:none;">
−
         <td style="border:none; padding: 0 20px 0 20px;"> <img src="https://static.igem.org/mediawiki/2016/f/f3/T--Duesseldorf--logo-white.svg"></td>
+
         <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>
 
       <tr style="border:none;">
 
       <tr style="border:none;">
 
         <td style="border:none;">
 
         <td style="border:none;">
 
           <ul>
 
           <ul>
−
            <li><a href="#">Home</a></li>
+
<li><a style="color: white;" href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
−
            <li><a href="#">Project</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Description</a></li>
−
            <li><a href="#">Results</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate</a></li>
−
            <li><a href="#">Cooperations</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Proof</a></li>
−
            <li><a href="#">Outreach</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaborations</a></li>
−
            <li><a href="#">Lab Book</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
−
            <li><a href="#">Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Hardware">Hardware</a></li>
−
            <li><a href="#">Safety</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attributions</a></li>
−
            <li><a href="#">Team</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>
 
           </ul>
 
         </td>
 
         </td>
Line 38: Line 47:
 
   <div class="page">
 
   <div class="page">
 
     <div class="paper">
 
     <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/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Proof</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/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">
 +
 
       <div class="article">
 
       <div class="article">
−
        <h1>Welcome!</h1>
 
−
        <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
 
−
          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>
 
  
−
        <h2>The essentials of <b>opt</b>optosis</h2>
+
<video id="Logo" src="https://static.igem.org/mediawiki/2016/b/b7/T--Duesseldorf--Logo-Animation.mov" autoplay="autoplay" width="100%;" height="auto;"></video>
−
        <p>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.
+
 
−
          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
+
<h2 id="Medal_Criteria">Medal Criteria</h2>
−
          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
+
<div class="w3-container" style="margin-bottom:50px;margin-top: 20px;">
−
          proteins to their target site. <a href="https://2016.igem.org/Team:Duesseldorf/Description">Read on.</a></p>
+
  <div class="w3-row">
−
     
+
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Bronze');">
−
<h2 style="text-align:left">Results</h2>
+
      <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>
−
<p> Text. <a href="https://2016.igem.org/Team:Duesseldorf/Results">Read on.</a></p>
+
    </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 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 88: Line 133:
 
     </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>

Latest revision as of 11:06, 4 November 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.