Difference between revisions of "Team:Duesseldorf/Test2"

 
(36 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
−
<head>
+
<head>
−
+
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
−
 
 
<style>
 
<style>
−
a text:hover {
+
@media only screen and (max-width: 1024px) {
−
  fill: #111;
+
video {display:none;}
 
}
 
}
 
</style>
 
</style>
−
 
 
</head>
 
</head>
  
Line 19: 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="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
+
<li><a style="color: white;" href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Project</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Description</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Results">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/Cooperations">Cooperations</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Proof</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaborations</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Lab-Book">Lab Book</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Hardware">Hardware</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attributions</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Team">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 43: Line 45:
 
     </table>
 
     </table>
 
   </div>
 
   </div>
−
 
−
<div class="topnav">
 
−
          <ul>
 
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
 
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Project</a></li>
 
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Results">Results</a></li>
 
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Cooperations">Cooperations</a></li>
 
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
 
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Lab-Book">Lab Book</a></li>
 
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</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>
 
−
          </ul>
 
−
</div>
 
 
   <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">
−
        <?xml version="1.0" encoding="utf-8"?>
+
 
−
<svg id="Ebene_1" style="enable-background:new 0 0 749.6 323.9;" x="0px" y="0px" viewBox="-3 -7 395 337" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
<video id="Logo" src="https://static.igem.org/mediawiki/2016/b/b7/T--Duesseldorf--Logo-Animation.mov" autoplay="autoplay" width="100%;" height="auto;"></video>
−
  <defs>
+
 
−
     <style id="bx-google-fonts">@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic);</style>
+
<h2 id="Medal_Criteria">Medal Criteria</h2>
−
     <path id="text-path-0" d="M 155.132 26.632 C 177.604 18.131 234.895 24.557 245.906 45.911" style="fill: none; stroke: red; stroke-width: 2;"/>
+
<div class="w3-container" style="margin-bottom:50px;margin-top: 20px;">
−
   </defs>
+
  <div class="w3-row">
−
   <style type="text/css">
+
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Bronze');">
−
.st0{fill:#FFD551;}
+
      <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>
−
.st1{fill:#149375;}
+
    </a>
−
.st2{fill:#FFFFFF;}
+
     <a href="javascript:void(0)" onclick="openrequirement(event, 'Silver');">
−
</style>
+
      <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>
−
   <path class="st0" d="M 384.7 66.2 C 382.2 60.1 375.1 57.2 369 59.7 L 174.4 140.3 L 119.3 7.4 C 116.8 1.3 109.7 -1.6 103.6 0.9 C 97.5 3.4 94.6 10.5 97.1 16.6 L 149.9 144 L 49.6 144 C 43 144 37.6 149.4 37.6 156 C 37.6 162.6 43 168 49.6 168 L 138.9 168 L 107 199.9 C 102.3 204.6 102.3 212.2 107 216.9 C 109.3 219.2 112.4 220.4 115.5 220.4 C 118.6 220.4 121.6 219.2 124 216.9 L 155.9 185 L 155.9 274.8 C 155.9 281.4 161.3 286.8 167.9 286.8 C 174.5 286.8 179.9 281.4 179.9 274.8 L 179.9 185 L 211.7 216.8 C 214 219.1 217.1 220.3 220.2 220.3 C 223.3 220.3 226.3 219.1 228.7 216.8 C 233.4 212.1 233.4 204.5 228.7 199.8 L 189.1 160.2 L 378.2 81.9 C 384.3 79.4 387.3 72.3 384.7 66.2 Z"/>
+
     </a>
−
   <g>
+
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Gold');">
−
    <path class="st1" d="M167.9,56.7c13.1,0,25.9,2.5,38,7.5c0,0,0,0,0,0c12.1,5,23,12.3,32.2,21.5c2.3,2.3,5.4,3.5,8.5,3.5&#10;&#9;&#9;&#9;&#9;c3.1,0,6.1-1.2,8.5-3.5c4.7-4.7,4.7-12.3,0-17c-11.5-11.5-25-20.5-40-26.7c0,0,0,0,0,0c-15-6.2-30.9-9.4-47.2-9.4&#10;&#9;&#9;&#9;&#9;c-6.6,0-12,5.4-12,12S161.2,56.7,167.9,56.7z"/>
+
      <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>
−
     <path class="st1" d="M279.2,144c-6.6,0-12,5.4-12,12c0,13.1-2.5,25.9-7.5,38c-5,12.1-12.3,22.9-21.5,32.2&#10;&#9;&#9;&#9;&#9;c-9.3,9.3-20.1,16.5-32.2,21.5c-6.1,2.5-9,9.6-6.5,15.7c1.9,4.6,6.4,7.4,11.1,7.4c1.5,0,3.1-0.3,4.6-0.9&#10;&#9;&#9;&#9;&#9;c15-6.2,28.5-15.2,40-26.7c11.5-11.5,20.5-25,26.7-40c6.2-15,9.4-30.9,9.4-47.2C291.2,149.4,285.9,144,279.2,144z"/>
+
    </a>
−
    <path class="st1" d="M60.4,124.5c1.5,0.6,3.1,0.9,4.6,0.9c4.7,0,9.2-2.8,11.1-7.4c5-12.1,12.3-22.9,21.5-32.2&#10;&#9;&#9;&#9;&#9;c4.7-4.7,4.7-12.3,0-17c-4.7-4.7-12.3-4.7-17,0c-11.5,11.5-20.5,25-26.7,40C51.4,114.9,54.3,122,60.4,124.5z"/>
+
   </div>
−
    <path class="st1" d="M120.7,270c1.5,0.6,3.1,0.9,4.6,0.9c4.7,0,9.2-2.8,11.1-7.4c2.5-6.1-0.4-13.2-6.5-15.7&#10;&#9;&#9;&#9;&#9;c-12.1-5-22.9-12.3-32.2-21.5c0,0,0,0,0,0c-9.3-9.3-16.5-20.1-21.5-32.2c-2.5-6.1-9.6-9-15.7-6.5c-6.1,2.5-9,9.6-6.5,15.7&#10;&#9;&#9;&#9;&#9;c6.2,15,15.2,28.5,26.7,40c0,0,0,0,0,0C92.2,254.8,105.6,263.8,120.7,270z"/>
+
 
−
    <path class="st1" d="M205.9,292.3c-12.1,5-24.9,7.5-38,7.5c-13.1,0-25.9-2.5-38-7.5c-6.1-2.5-13.2,0.4-15.7,6.5&#10;&#9;&#9;&#9;&#9;c-2.5,6.1,0.4,13.2,6.5,15.7c15,6.2,30.9,9.4,47.2,9.4s32.2-3.2,47.2-9.4c6.1-2.5,9-9.6,6.5-15.7&#10;&#9;&#9;&#9;&#9;C219,292.7,212,289.8,205.9,292.3z"/>
+
   <div id="Bronze" class="w3-container requirement">
−
    <path class="st1" d="M25.1,102.3c-6.1-2.5-13.2,0.4-15.7,6.5C3.2,123.8,0,139.7,0,156c0,16.3,3.2,32.2,9.4,47.2&#10;&#9;&#9;&#9;&#9;c1.9,4.6,6.4,7.4,11.1,7.4c1.5,0,3.1-0.3,4.6-0.9c6.1-2.5,9-9.6,6.5-15.7c-5-12.1-7.5-24.9-7.5-38c0-13.1,2.5-25.9,7.5-38&#10;&#9;&#9;&#9;&#9;C34.1,111.9,31.2,104.9,25.1,102.3z"/>
+
    <h2>Bronze</h2>
−
  </g>
+
    <p>Bronze text.</p>
−
  <g/>
+
  </div>
−
  <a target="_blank" xlink:href="https://2016.igem.org/Team:Duesseldorf/Results">
+
 
−
    <text x="312.577" y="93.492" transform="matrix(0.374606, 0.927184, -0.927183, 0.374605, 70.720787, -312.696564)" style="fill: rgb(255, 255, 255); font-size: 20px; white-space: pre;">RESULTS</text>
+
   <div id="Silver" class="w3-container requirement">
−
  </a>
+
    <h2>Silver</h2>
−
  <a target="_blank" xlink:href="https://2016.igem.org/Team:Duesseldorf/Description">
+
    <p>Silver text.</p>
−
    <text x="91.949" y="59.466" transform="matrix(0.927184, -0.374608, 0.374608, 0.927184, 154.253476, 103.438926)" style="fill: rgb(255, 255, 255); font-size: 20px; text-transform: uppercase; white-space: pre;">Description</text>
+
   </div>
−
  </a>
+
 
−
  <a target="_blank" xlink:href="https://2016.igem.org/Team:Duesseldorf/Outreach">
+
  <div id="Gold" class="w3-container requirement">
−
    <text x="40.834" y="162.597" style="fill: rgb(255, 255, 255); font-size: 20px; white-space: pre;">OUTREACH</text>
+
    <h2>Gold</h2>
−
  </a>
+
     <p>Gold text.</p>
−
  <a target="_blank" xlink:href="https://2016.igem.org/Team:Duesseldorf/Safety">
+
  </div>
−
    <text x="255.989" y="274.782" transform="matrix(0, -1, 1, 0, -99.587372, 538.051871)" style="fill: rgb(255, 255, 255); font-size: 20px; text-transform: uppercase; white-space: pre;">Safety</text>
+
</div>
−
  </a>
+
 
−
  <a target="_blank" xlink:href="https://2016.igem.org/Team:Duesseldorf/Team">
+
 
−
    <text x="173.094" y="165.926" transform="matrix(0.707107, -0.707107, 0.707107, 0.707106, -124.162697, 222.950043)" style="fill: rgb(255, 255, 255); font-size: 20px; white-space: pre;">TEAM</text>
+
 
−
  </a>
+
 
−
  <a target="_blank" transform="matrix(1, 0, 0, 1, -7.222190777460725, -6.706320007642111)" xlink:href="https://2016.igem.org/Team:Duesseldorf/Parts">
+
<div class="sponsor">
−
    <text x="176.981" y="167.87" transform="matrix(0.707107, 0.707107, -0.707106, 0.707106, 179.44754, -60.747955)" style="fill: rgb(255, 255, 255); font-size: 20px; white-space: pre;">PARTS</text>
+
<h3>Many thanks to our sponsors!</h3>
−
  </a>
+
<table style="border: hidden" class="footer">
−
</svg>
+
<tr style="border: hidden">
−
      </div>
+
<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.