Difference between revisions of "Team:Duesseldorf/Test2"

 
(56 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;"> <img src="https://static.igem.org/mediawiki/2016/9/9d/Optoptosis_logo_800x300_px.png"></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 31: Line 40:
 
       <tr style="border:none;">
 
       <tr style="border:none;">
 
         <td style="border:none;">
 
         <td style="border:none;">
−
           Heinrich-Heine University <br />Universitätsstraße 1 <br />40225 Düsseldorf <br />igem@hhu.de <br />facebook.com/igemhhu   
+
           Heinrich-Heine University <br />Universitätsstraße 1 <br />40225 Düsseldorf <br />igem@hhu.de <br />facebook.com/igemhhu  <br /> Design by Marvin van Aalst
 
         </td>
 
         </td>
 
       </tr>
 
       </tr>
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
+
−
          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>
+
<h2 id="Medal_Criteria">Medal Criteria</h2>
−
<img src="https://static.igem.org/mediawiki/2016/2/22/T--Duesseldorf--Group_Photo_1.jpg" alt="Team">
+
<div class="w3-container" style="margin-bottom:50px;margin-top: 20px;">
−
<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>
+
  <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>
+
  <div id="Silver" class="w3-container requirement">
−
</div>
+
    <h2>Silver</h2>
 +
    <p>Silver text.</p>
 +
  </div>
  
−
<div class="row sponsors middle width">
+
  <div id="Gold" class="w3-container requirement">
−
<h3>Many thanks to our sponsors!</h3>
+
    <h2>Gold</h2>
−
<img src="https://static.igem.org/mediawiki/2016/f/f5/T--Duesseldorf--Bayer_Logo.svg" alt="Bayer">
+
    <p>Gold text.</p>
−
<img src="https://static.igem.org/mediawiki/2016/5/5b/T--Duesseldorf--Biozym_Logo.jpg" alt="Biozym">
+
  </div>
−
<img src="https://static.igem.org/mediawiki/2016/5/5b/Muc16_Sponsor_CarlRoth.png" alt="Carl Roth">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2016/7/7a/T--Duesseldorf--Ceplas_Logo.jpg" alt="Ceplas">
+
−
<img src="https://static.igem.org/mediawiki/2016/5/55/T--Duesseldorf--Ella_Biotech_Logo.jpg" alt="Ella Biotech">
+
−
<img src="https://static.igem.org/mediawiki/2016/f/fa/Eppendorf-Logo.svg.png" alt="Eppendorf">
+
−
<img src="https://static.igem.org/mediawiki/2016/e/e6/Eurofins_logo.png" alt="Eurofins">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/95/GATC_Biotech_Logo.tiff.png" alt="GATC Biotech">
+
−
<img src="https://static.igem.org/mediawiki/2016/a/ad/Muc16_Sponsor_Geneious.png" alt="Geneious">
+
−
<img src="https://static.igem.org/mediawiki/2016/5/56/T--Duesseldorf--HHU_Logo.gif" alt="HHU">
+
−
<img src="https://static.igem.org/mediawiki/2016/6/67/Idt_logo.png" alt="IDT">
+
−
<img src="https://static.igem.org/mediawiki/2016/b/b1/2000px-MLP-Logo.svg.png" alt="MLP">
+
−
<img src="https://static.igem.org/mediawiki/2016/2/27/Muc16_Sponsor_NEB.png" alt="New England Biolabs">
+
−
<img src="https://static.igem.org/mediawiki/2016/c/cf/2000px-Promega-Logo.svg.png" alt="Promega">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9c/Qiagen_Logo.svg" alt="Qiagen">
+
−
<img src="https://static.igem.org/mediawiki/2016/a/a1/Untitled.png" alt="Starlab">
+
−
</div></div>
+
  
  
 +
 +
 +
<div class="sponsor">
 +
<h3>Many thanks to our sponsors!</h3>
 +
<table style="border: hidden" class="footer">
 +
<tr style="border: hidden">
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/f/f5/T--Duesseldorf--Bayer_Logo.svg" alt="Bayer"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/5/5b/T--Duesseldorf--Biozym_Logo.jpg" alt="Biozym"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/5/5b/Muc16_Sponsor_CarlRoth.png" alt="Carl Roth"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/7/7a/T--Duesseldorf--Ceplas_Logo.jpg" alt="Ceplas"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/5/55/T--Duesseldorf--Ella_Biotech_Logo.jpg" alt="Ella Biotech"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/f/fa/Eppendorf-Logo.svg.png" alt="Eppendorf"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/e/e6/Eurofins_logo.png" alt="Eurofins"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/9/95/GATC_Biotech_Logo.tiff.png" alt="GATC Biotech"></td>
 +
</tr>
 +
<tr style="border: hidden">
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/a/ad/Muc16_Sponsor_Geneious.png" alt="Geneious"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/5/56/T--Duesseldorf--HHU_Logo.gif" alt="HHU"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/6/67/Idt_logo.png" alt="IDT"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/b/b1/2000px-MLP-Logo.svg.png" alt="MLP"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/2/27/Muc16_Sponsor_NEB.png" alt="New England Biolabs"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/c/cf/2000px-Promega-Logo.svg.png" alt="Promega"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/9/9c/Qiagen_Logo.svg" alt="Qiagen"></td>
 +
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/a/a1/Untitled.png" alt="Starlab"></td>
 +
</tr>
 +
</table>
 +
 +
</div>
 +
</div>
  
 
</div>
 
</div>
 
     </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.