Difference between revisions of "Team:Duesseldorf/Test2"

 
(66 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{Template:Duesseldorf/CSS2}}
 +
 
<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">
−
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
−
<!-- Img Swap -->
 
−
<script type="text/javascript">
 
−
$(document).ready(function() {
 
−
$('.sg-container').on('click', function() {
 
−
$(this).toggleClass('active');
 
−
});
 
−
});
 
−
</script>
 
−
 
 
<style>
 
<style>
−
/***** Wiki CSS ******/
+
@media only screen and (max-width: 1024px) {
−
#sideMenu, #top_title { display: none; }
+
video {display:none;}
−
#content { width: 100%; padding: 0px; margin: 0px; margin-top: -2px; background-color: #e6e6e6; }
+
−
 
+
−
/**** Page CSS ******/
+
−
* {
+
−
  box-sizing: border-box;
+
−
  margin: 0;
+
−
  padding: 0;
+
−
}
+
−
 
+
−
body {
+
−
  width: 100%;
+
−
}
+
−
 
+
−
.content {
+
−
  font-family: 'Roboto', sans-serif;
+
−
  line-height: 1.5;
+
−
  font-size: 15px;
+
−
}
+
−
 
+
−
.nav {
+
−
  position: fixed;
+
−
  padding: 10px;
+
−
  top: 0;
+
−
  left: 0;
+
−
  height: 100%;
+
−
  width: 20%;
+
−
  background-color: #333333;
+
−
}
+
−
 
+
−
.nav table {
+
−
  width: 100%;
+
−
  height: 100%;
+
−
  background: transparent;
+
−
border:none;
+
−
}
+
−
 
+
−
.nav tr {}
+
−
 
+
−
.nav td {
+
−
  border: none;
+
−
  vertical-align: middle;
+
−
  font-size: 12px;
+
−
  text-align: center;
+
−
  color: #666666;
+
−
}
+
−
 
+
−
.nav td ul {list-style-type: none;}
+
−
 
+
−
.nav a:link {
+
−
  font-size: 22px;
+
−
  color: #666666;
+
−
  -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;
+
−
  text-decoration: none;
+
−
}
+
−
 
+
−
.nav a:visited {
+
−
  color: #0C9476;
+
−
}
+
−
 
+
−
.nav a:hover {
+
−
  color: #FFFFFF;
+
−
}
+
−
 
+
−
.nav a:active {
+
−
  color: #FFFFFF;
+
−
}
+
−
 
+
−
.nav p {
+
−
  color: #666666;
+
−
  text-align: center;
+
−
}
+
−
 
+
−
.page {
+
−
  position: relative;
+
−
  margin-left: 20%;
+
−
  padding: 5%;
+
−
  background-color: #e6e6e6;
+
−
  min-height: 1000px;
+
−
}
+
−
 
+
−
.paper {
+
−
  margin: auto;
+
−
  padding: 10%;
+
−
  border-radius: 10px;
+
−
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
+
−
  background-color: #FFFFFF;
+
−
  min-height: 1000px;
+
−
}
+
−
 
+
−
.page h1 {
+
−
  color: #0C9476;
+
−
  padding-bottom: 5px;
+
−
  font-size: 36px
+
−
}
+
−
 
+
−
.page h2 {
+
−
  color: #0C9476;
+
−
  padding-bottom: 5px;
+
−
  font-size: 30px
+
−
}
+
−
 
+
−
.page h3 {
+
−
  color: #0C9476;
+
−
  padding-bottom: 5px;
+
−
  font-size: 24px
+
−
}
+
−
 
+
−
.page h4 {
+
−
  color: #0C9476;
+
−
  padding-bottom: 5px;
+
−
  font-size: 20px
+
−
}
+
−
 
+
−
.page h5 {
+
−
  color: #0C9476;
+
−
  padding-bottom: 5px;
+
−
  font-size: 18px
+
−
}
+
−
 
+
−
.page h6 {
+
−
  color: #0C9476;
+
−
  padding-bottom: 5px;
+
−
  font-size: 16px
+
−
}
+
−
 
+
−
.page a:link {
+
−
  color: #0C9476;
+
−
  font-weight: bold;
+
−
  -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;
+
−
  text-decoration: none;
+
−
}
+
−
 
+
−
.page a:visited {
+
−
  color: #0C9476;
+
−
}
+
−
 
+
−
.page a:hover {
+
−
  color: black;
+
−
  text-decoration: underline;
+
−
}
+
−
 
+
−
.page a:active {
+
−
  color: #0C9476;
+
−
}
+
−
 
+
−
.page p {
+
−
  text-align: justify;
+
−
  padding-bottom: 5px;
+
−
}
+
−
 
+
−
img {
+
−
  max-width: 100%;
+
 
}
 
}
 
</style>
 
</style>
−
 
 
</head>
 
</head>
  
 
<body>
 
<body>
−
 
 
<div class="content">
 
<div class="content">
 
   <div class="nav">
 
   <div class="nav">
−
     <table>
+
     <table style="margin: 0; border: none; width: 100%;">
−
       <tr>
+
       <tr style="border:none;">
−
         <td> <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>
+
       <tr style="border:none;">
−
         <td>
+
         <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>
 
       </tr>
 
       </tr>
−
       <tr>
+
       <tr style="border:none;">
−
         <td>
+
         <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 213: 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 OPTOPTOSIS</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>
+
−
      </div>
+
  
−
     </div>
+
<h2 id="Medal_Criteria">Medal Criteria</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-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>
 
</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>
 +
 +
<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.