Difference between revisions of "Team:TU Darmstadt"

 
(153 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" />
+
−
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
+
  
−
</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;
−
#slick-menu > li {
+
   }
−
  display: inline-block;
+
  .startText {
−
  margin: 0 5px;
+
    text-align:center;
−
  padding: 5px 0; }
+
    width:70%;
−
 
+
     font-size:70px;
−
#slick-menu > li > a {
+
     padding-bottom:42px;
−
   display: block;
+
     padding-top:42px;
−
   padding: 10px;
+
     color:white;
−
  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; }
+
 
}
 
}
−
 
+
.startSubText {
−
@media only screen and (max-width: 1250px) {
+
    text-align:center;
−
  #slick-menu > li {
+
     width:70%;
−
     width: 100%;
+
     font-size:42px;
−
     padding: 7px 0;
+
     padding-bottom:42px;
−
    margin: 0; } }
+
    padding-top:20px;
−
 
+
    color:white;
−
.open-nav {
+
    line-height:3rem;
−
  max-height: 100% !important; }
+
−
 
+
−
.open-nav .mobile-toggle {
+
−
  transform-origin: 25x 25px;
+
−
  -webkit-transform: rotate(180deg);
+
−
  transform: rotate(180deg); }
+
−
 
+
−
.mobile-toggle {
+
−
  display: none;
+
−
  float: left;
+
−
  cursor: pointer;
+
−
  transition: all 200ms ease-in; }
+
−
 
+
−
@media only screen and (max-width: 1250px) {
+
−
  .mobile-toggle {
+
−
     display: block; } }
+
−
 
+
−
.mobile-toggle span {
+
−
  width: 30px;
+
−
  height: 4px;
+
−
  margin-bottom: 6px;
+
−
  border-radius: 1000px;
+
−
  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>
 
</style>
−
    <div id="page-wrapper">
+
</head>
−
        <!-- header -->
+
<body>
−
      <div class="navbar">
+
<div class="vviki" id="vviki">
−
  <div class="mobile-toggle">
+
</html>{{Team:TU_Darmstadt/MainMenu}}<html>
−
      <img src="https://static.igem.org/mediawiki/2016/c/c9/T--TU_Darmstadt--zahnrad.png" alt="menu" id="menu-zahnrad">
+
<center><img style="width:100%" src="https://static.igem.org/mediawiki/2016/a/a0/T--TU_Darmstadt--startViki.png"/></center></div>
−
  </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>
−
  <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" class="current">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>
+
−
   
+
−
        <!-- 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 align="right" style="color: #FFF; font-weight: bold; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;">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">
+
−
            <div class="inner">
+
−
                <header class="major">
+
−
                    <h2>This page is dedicated to the project<br />
+
−
                        of iGEM Technische Universität Darmstadt 2016</h2>
+
−
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+
−
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+
−
</header>
+
−
            </div>
+
−
        </section>             
+
−
           
+
−
   
+
−
        <!-- Two -->
+
−
<section id="two" class="wrapper alt style2">
+
−
    <section class="spotlight">
+
−
                <div class="image"><img src="images/Laboratory.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="images/lambdaCapsid.jpg" 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>Bonding between Colicin E2 and its immunity protein depends highly on structural properties. Changing the amino acid sequence of Colicin E2's immunity protein can therefore take strong influence in it's effecitveness.<br/>
+
−
Hence we tried to approximate the influence of our noncanonical amino acid in the immunity protein. We achieved this by applying molecular dynamics simualtions to explore relevant configurations and free energie calcualtions to compare the bonding properties of our mutation variants. We also developed an extended CHARMm force field for our noncanonical amino acid <i>O</i>-methyl tyrosine.<a href="http://google.com">here</a></p>
+
−
                </div>
+
−
            </section>
+
−
            <section class="spotlight">
+
−
                <div class="image"><img src="images/maxresdefault.jpg" 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">
+
−
<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 -->
+
<div class="startspalte" style="background-color:#333337;">
−
  <footer id="footer">
+
<center><div class="startIMG"><img src="https://static.igem.org/mediawiki/2016/9/93/T--TU_Darmstadt--Killswitch.png" style="width:100%;"></div>
−
  <ul class="icons">
+
<div class="startText">WETLAB</div>
−
<li><a href="https://twitter.com/igem_darmstadt" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+
<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>
−
<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>
+
</div>
−
<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>
+
  
−
+
<div class="startspalte" style="background-color:#2a2a2f;">
−
       
+
<center><div class="startIMG"><img src="https://static.igem.org/mediawiki/2016/1/1e/T--TU_Darmstadt--ColE2.png" style="width:100%;"></div>
−
        <!-- Scripts -->
+
<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>
 +
</div>
  
 +
<div class="startspalte" style="background-color:#141419;">
 +
<center><div class="startIMG"><img src="https://static.igem.org/mediawiki/2016/c/c6/T--TU_Darmstadt--printer_landing.png" style="width:100%;"></div>
 +
<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>
  
 +
<div class="startspalte" style="background-color:#2a2a2f;">
 +
<center>
 +
<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>
 +
</div>
 +
</html>{{Team:TU_Darmstadt/Footer}}<html>
 +
</div>
 
</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