Difference between revisions of "Team:TU Darmstadt"

 
(125 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Team:TU_Darmstadt/Jonas}}
+
{{Team:TU_Darmstadt/Viki}}
 
<html>
 
<html>
 
<head>
 
<head>
−
<title>iGEM - Darmstadt</title>
+
<style>
−
<meta charset="utf-8" />
+
−
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
  
−
</head>
+
  .startspalte{
−
<body class="landing">
+
    width:100%;
−
     <style>
+
     float:none;
−
#slick-menu {
+
    padding-top:42px;
−
  width: 100%;
+
    padding-bottom:42px;
−
  list-style-type: none;
+
    padding-right:0;
−
   overflow: hidden;
+
    padding-left:0;
−
   text-align: center;
+
   }
−
  margin: 0;
+
  .startIMG {
−
  padding: 0;
+
    position: relative;
−
  background-color: #019ac8;  
+
    width:42%;
 +
    padding:42px 42px;
 +
   }
 +
  .startText {
 +
    text-align:center;
 +
    width:70%;
 +
    font-size:70px;
 +
    padding-bottom:42px;
 +
    padding-top:42px;
 +
    color:white;
 
}
 
}
−
 
+
.startSubText {
−
#slick-menu > li {
+
    text-align:center;
−
  display: inline-block;
+
    width:70%;
−
  margin: 0 5px;
+
    font-size:42px;
−
  padding: 5px 0; }
+
     padding-bottom:42px;
−
 
+
     padding-top:20px;
−
#slick-menu > li > a {
+
     color:white;
−
  display: block;
+
     line-height:3rem;
−
  padding: 10px;
+
−
  margin: 0;
+
−
  color: #fff;
+
−
  text-decoration: none;
+
−
  font-family: calibri;
+
−
}
+
−
 
+
−
#slick-menu > li > a:hover, #slick-menu > li > a.current {
+
−
  font-weight: 600;
+
−
  color: white; }
+
−
 
+
−
@media only screen and (max-width: 1250px) {
+
−
  #slick-menu {
+
−
     padding-top: 20px;
+
−
    margin-bottom: 22px;
+
−
     float: left;
+
−
    text-align: left;
+
−
     width: 100%; }
+
−
 
+
−
  #slick-menu {
+
−
     padding-top: 0px; }
+
 
}
 
}
  
−
@media only screen and (max-width: 1250px) {
+
</style>
−
  #slick-menu > li {
+
</head>
−
    width: 100%;
+
<body>
−
    padding: 7px 0;
+
<div class="vviki" id="vviki">
−
    margin: 0; } }
+
</html>{{Team:TU_Darmstadt/MainMenu}}<html>
 +
<center><img style="width:100%" src="https://static.igem.org/mediawiki/2016/a/a0/T--TU_Darmstadt--startViki.png"/></center></div>
 +
<center><div style="background-color:#2a2a2f;width:100%;padding-top:70px;padding-bottom:120px;"><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TU_Darmstadt--colSQ_20.10.png" style="width:42%;"/></div></center>
  
−
.open-nav {
 
−
  max-height: 100% !important; }
 
  
−
.open-nav .mobile-toggle {
+
<div class="startspalte" style="background-color:#333337;">
−
  transform-origin: 25x 25px;
+
<center><div class="startIMG"><img src="https://static.igem.org/mediawiki/2016/9/93/T--TU_Darmstadt--Killswitch.png" style="width:100%;"></div>
−
  -webkit-transform: rotate(180deg);
+
<div class="startText">WETLAB</div>
−
  transform: rotate(180deg); }
+
<div class="startSubText">our work at making synbio safer can be found <a href="https://2016.igem.org/Team:TU_Darmstadt/Lab">here</a></div></center>
 +
</div>
  
−
.mobile-toggle {
+
<div class="startspalte" style="background-color:#2a2a2f;">
−
  display: none;
+
<center><div class="startIMG"><img src="https://static.igem.org/mediawiki/2016/1/1e/T--TU_Darmstadt--ColE2.png" style="width:100%;"></div>
−
  float: left;
+
<div class="startText">Modeling</div><div class="startSubText">information about the molecular dynamics simulations of our proteins can be found <a href="https://2016.igem.org/Team:TU_Darmstadt/Model">here</a></div></center>
−
  cursor: pointer;
+
</div>
−
  transition: all 200ms ease-in; }
+
  
−
@media only screen and (max-width: 1250px) {
+
<div class="startspalte" style="background-color:#141419;">
−
  .mobile-toggle {
+
<center><div class="startIMG"><img src="https://static.igem.org/mediawiki/2016/c/c6/T--TU_Darmstadt--printer_landing.png" style="width:100%;"></div>
−
    display: block; } }
+
<div class="startText">Robotics</div><div class="startSubText">information about our robot can be found <a href="https://2016.igem.org/Team:TU_Darmstadt/Hardware">here</a></div></center>
 +
</div>
  
−
.mobile-toggle span {
+
<div class="startspalte" style="background-color:#2a2a2f;">
−
  width: 30px;
+
<center>
−
  height: 4px;
+
<div class="startText">Human Practices</div><div class="startSubText">all our work involving human beings can be found <a href="https://2016.igem.org/Team:TU_Darmstadt/Human_Practices">here</a></div></center>
−
  margin-bottom: 6px;
+
</div>
−
  border-radius: 1000px;
+
</html>{{Team:TU_Darmstadt/Footer}}<html>
−
  background: #c8c8c8;
+
−
  display: block; }
+
−
 
+
−
.navbar {
+
−
  max-height: 50px;
+
−
  overflow: hidden;
+
−
  background-color: #019ac8;
+
−
  -webkit-transition: all 0.3s ease-in;
+
−
  -moz-transition: all 0.3s ease-in;
+
−
  -ms-transition: all 0.3s ease-in;
+
−
  -o-transition: all 0.3s ease-in;
+
−
  transition: all 0.3s ease-in;
+
−
}
+
−
 
+
−
.mobile-toggle img {
+
−
  height: 20px;
+
−
  margin: 15px
+
−
}
+
−
 
+
−
.top-fixed {
+
−
  position: fixed;
+
−
  top: 10px;
+
−
}
+
−
</style>
+
−
    <div id="page-wrapper">
+
−
        <!-- header -->
+
−
      <div class="navbar">
+
−
  <div class="mobile-toggle">
+
−
      <img src="https://static.igem.org/mediawiki/2016/c/c9/T--TU_Darmstadt--zahnrad.png" alt="menu" id="menu-zahnrad">
+
−
  </div>
+
−
  <ul id="slick-menu">
+
−
    <li><a href="https://2016.igem.org/Team:TU_Darmstadt/Achievements">Achievements</a></li>
+
−
    <li><a href="https://2016.igem.org/Team:TU_Darmstadt/Lab">In the Lab</a></li>
+
−
    <li><a href="https://2016.igem.org/Team:TU_Darmstadt/Parts">Parts</a></li>
+
−
    <li><a href="#">Results</a></li>            
+
−
    <li><a href="https://2016.igem.org/Team:TU_Darmstadt/Hardware">Robotics</a></li>
+
−
    <li><a href="https://2016.igem.org/Team:TU_Darmstadt/Model">Modeling</a></li>
+
−
    <li><a href="https://2016.igem.org/Team:TU_Darmstadt/Human_Practices">Human Practices</a></li>
+
−
    <li><a href="https://2016.igem.org/Team:TU_Darmstadt/Collaborations">Collaborations</a></li>
+
−
    <li><a href="https://2016.igem.org/Team:TU_Darmstadt/Notebook">Notebook</a></li>
+
−
    <li><a href="https://2016.igem.org/Team:TU_Darmstadt/Team">Team</a></li>
+
−
  </ul>
+
 
</div>
 
</div>
−
   
 
−
        <!-- Banner -->
 
−
        <section id="banner" style="">
 
−
            <div class="inner" >
 
−
<h2 style="color: #FFF; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;">Colicide Squad</h2>
 
−
<p style="color: #FFF; font-weight: bold; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; text-align: center;">Glow<br />
 
−
  before you<br />
 
−
    go.</p>
 
−
            </div>
 
−
<a href="#one" class="more scrolly">learn more</a>
 
−
        </section>
 
−
 
 
−
<!-- One -->
 
−
<section id="one" class="wrapper style1 special" style="height: 300px;">
 
−
            <div class="inner">
 
−
                <header class="major">
 
−
                    <h2>This page is dedicated to the project<br />
 
−
                        of iGEM Technische Universität Darmstadt 2016</h2>
 
−
 
−
</header>
 
−
            </div>
 
−
        </section>                         
 
−
   
 
−
 
−
        <!-- Two -->
 
−
<section id="two" class="wrapper alt style2">
 
−
    <section class="spotlight">
 
−
                <div class="image"><img src="https://static.igem.org/mediawiki/2016/1/1e/T--TU_Darmstadt--ColE2.png" alt="" /></div><div class="content">
 
−
    <h2>metabolic<br />
 
−
Engineering</h2>
 
−
                    <p>Work in the laboratory and achievements can be found <a href="http://google.com">here</a></p>
 
−
</div>
 
−
            </section>
 
−
            <section class="spotlight">
 
−
                <div class="image"><img src="https://static.igem.org/mediawiki/2016/1/1e/T--TU_Darmstadt--ColE2.png" alt="" /></div><div class="content">
 
−
    <h2>Modeling</h2>
 
−
                    <h2>
 
−
                        <p>This page is dedicated to the project<br />
 
−
                        of iGEM Technische Universität Darmstadt 2016</h2>
 
−
<p></p>
 
−
                </div>
 
−
            </section>
 
−
            <section class="spotlight">
 
−
                <div class="image"><img src="https://static.igem.org/mediawiki/2016/1/1e/T--TU_Darmstadt--ColE2.png" alt="" /></div><div class="content">
 
−
                    <h2>Human Practices</h2>
 
−
                    <p>All our work with human beings can be found <a href="http://google.com">here</a></p>
 
−
                </div>
 
−
            </section>
 
−
</section>
 
−
           
 
−
        <!-- CTA -->
 
−
<section id="cta" class="wrapper style4" style="height: 300px;">
 
−
<div class="inner">
 
−
<header>
 
−
<h2>Thank you!</h2>
 
−
<p>For your interest in our project<br />
 
−
                                Sincerely, the team
 
−
                                </p>
 
−
</header>
 
−
<ul class="actions vertical">
 
−
<li><a href="#" class="button fit">Sponsors</a></li>
 
−
<li><a href="#" class="button fit">Impressum</a></li>
 
−
</ul>
 
−
</div>
 
−
</section>
 
−
 
−
 
−
          <!-- Footer -->
 
−
  <footer id="footer">
 
−
  <ul class="icons">
 
−
<li><a href="https://twitter.com/igem_darmstadt" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
 
−
<li><a href="https://de-de.facebook.com/IGEM-TU-Darmstadt-656627597701598/info?tab=page_info" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
 
−
<li><a href="mailto:igem@bio.tu-darmstadt.de" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
 
−
  </ul>
 
−
  <ul class="copyright">
 
−
<li>&copy; iGEM Technische Universität Darmstadt</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
 
−
  </ul>
 
−
  </footer>
 
−
 
−
 
−
 
−
       
 
−
        <!-- Scripts -->
 
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:15, 19 October 2016

If you can see this message, you do not use Javascript. This Website is best to use with Javascript enabled. Without Javascript enabled, many features including the mobile version are not usable.
menu
WETLAB
our work at making synbio safer can be found here
Modeling
information about the molecular dynamics simulations of our proteins can be found here
Robotics
information about our robot can be found here
Human Practices
all our work involving human beings can be found here