Difference between revisions of "Team:Heidelberg"

Line 1: Line 1:
−
 
  
 
<html lang="en" dir="ltr" class="client-nojs">
 
<html lang="en" dir="ltr" class="client-nojs">
Line 125: Line 124:
 
<link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" />
 
<link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" />
  
−
<link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-zoom-1.0.min.css" type="text/css" media="all" />
+
 
 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Roboto:300,400,500">
 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Roboto:300,400,500">
 
<link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/bootstrap/css/bootstrap.min.css">
 
<link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/bootstrap/css/bootstrap.min.css">
Line 140: Line 139:
 
     font-weight: 300;
 
     font-weight: 300;
 
     color: #888;
 
     color: #888;
−
     overflow-x: hidden;
+
      
 
     text-align: center;
 
     text-align: center;
 
}
 
}
Line 375: Line 374:
 
     transition: color 1s;
 
     transition: color 1s;
 
}
 
}
−
    @media (max-width: 1211px) {
 
−
       
 
−
        ul.navbar-nav {
 
  
−
font-size: 13px;
 
  
−
}
+
/***** MEDIA QUERIES *****/
  
−
.navbar-brand {
+
@media (max-width: 1211px) {
−
width: 100%;
+
−
    left: 0px;
+
−
    position: absolute;
+
−
    top: 1px;
+
−
}
+
−
    }
+
−
 
+
−
   
+
−
@media (max-width: 1100px) {
+
 
     .navbar-header {
 
     .navbar-header {
 
         float: none;
 
         float: none;
Line 569: Line 555:
  
 
                         <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
                         <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
−
<script src="http://static.tildacdn.com/js/jquery-1.10.2.min.js"></script>
 
−
<script src="http://static.tildacdn.com/js/tilda-scripts-2.8.min.js"></script>
 
  
−
<script src="http://static.tildacdn.com/js/tilda-zoom-1.0.min.js"></script>
 
−
 
−
<script src="http://static.tildacdn.com/js/jquery.touchswipe.min.js"></script>
 
−
<script src="http://static.tildacdn.com/js/tilda-map-1.0.min.js"></script>
 
−
<script src="http://static.tildacdn.com/js/lazyload-1.3.min.js"></script>
 
 
  <!-- jQuery CDN -->
 
  <!-- jQuery CDN -->
 
         <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
 
         <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
Line 584: Line 563:
 
         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.6.8-fix/jquery.nicescroll.min.js"></script>
 
         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.6.8-fix/jquery.nicescroll.min.js"></script>
 
  <style>
 
  <style>
 +
   
 +
    #sidebarCollapse {
 +
        background-color: white;
 +
    }
 +
    #overall-wrapper {
 +
        min-width: 700px;
 +
    }
 
     body {
 
     body {
 
         background-color: #010101;
 
         background-color: #010101;
Line 702: Line 688:
 
         padding-bottom: 0px;
 
         padding-bottom: 0px;
 
     }
 
     }
−
    #sidebarCollapse {
+
 
−
        border: none !important;
+
     
−
    }
+
−
    #sidebarCollapse:hover {
+
−
        background-color: white !important;
+
−
    }
+
 
                               video {  
 
                               video {  
 
                             position: relative;
 
                             position: relative;
Line 1,063: Line 1,045:
 
       }
 
       }
 
        
 
        
−
      @media (max-width: 700px) {
+
      
−
         
+
−
          #wrapper {
+
−
              padding-bottom: 680px;
+
−
             
+
−
          }
+
−
            #toolbox-row1 {
+
−
                top: 0px;
+
−
            }
+
−
            #toolbox-row2 {
+
−
                top: 100px;
+
−
            }
+
−
            #toolbox-row3 {
+
−
                top: 200px;
+
−
            }
+
−
         
+
−
         
+
−
         
+
−
          #toolbox {
+
−
              position: absolute;
+
−
              top: 97%;
+
−
          }
+
−
              #textblock1 {
+
−
          position: absolute;
+
−
          top: 4%;
+
−
          left: 0px;
+
−
          width: 42%;
+
−
             
+
−
      }     
+
−
          #textblock1 > p,#textblock2 > p, #textblock3 > p,#textblock4 > p, #textblock5 > p,#textblock6 > p, #textblock7 > p {
+
−
    color: white !important;
+
−
    line-height: 3.2vw !important;
+
−
    text-align: center;
+
−
    font-size: 3.1vw !important;
+
−
    font-weight: 300 !important;
+
−
}
+
−
         
+
−
    #textblock1 > a, #textblock2 > a, #textblock3 > a, #textblock4 > a, #textblock5 > a, #textblock6 > a, #textblock7 > a {
+
−
  line-height: 3vw !important;
+
−
    font-size: 3.1vw;
+
−
}
+
−
         
+
−
     #textblock2 {
+
−
          position: absolute;
+
−
          top: 23%;
+
−
          left: 15%;
+
−
          width: 40%;
+
−
      } 
+
−
       
+
−
      #textblock3 {
+
−
            position: absolute;
+
−
          top: 24%;
+
−
          right: 3%;
+
−
          width: 40%;
+
−
         
+
−
      }
+
−
      #textblock4 {
+
−
            position: absolute;
+
−
          top: 35%;
+
−
          left: 10%;
+
−
          width: 40%;
+
−
      }
+
−
      #textblock5 {
+
−
            position: absolute;
+
−
          top: 48%;
+
−
          right: 0px;
+
−
          width: 50%;
+
−
      }
+
−
      #textblock6 {
+
−
            position: absolute;
+
−
          top: 60%;
+
−
          left: 0%;
+
−
          width: 40%;
+
−
      } 
+
−
        #textblock7 {
+
−
            position: absolute;
+
−
          top: 72%;
+
−
          right: 5%;
+
−
          width: 40%;
+
−
      }   
+
−
          .toolbox-icon {
+
−
          width: 80px;
+
−
          height: 80px;
+
−
          border-radius: 100%;
+
−
          position: absolute;
+
−
         
+
−
      }
+
−
        #textblock1 > a, #textblock2 > a, #textblock3 > a, #textblock4 > a, #textblock5 > a, #textblock6 > a, #textblock7 > a {
+
−
  line-height: 3vw !important;
+
−
    font-size: 3.1vw;
+
−
}   
+
−
        #Icon1 > .icon-text > h5 {
+
−
            line-height: 3vw !important;
+
−
    font-size: 3.1vw;
+
−
          text-transform: uppercase;
+
−
          color: #009E73 !important;
+
−
          font-weight: 400 !important;
+
−
       
+
−
      }
+
 
        
 
        
−
      #Icon1:hover > .icon-text > p,#Icon2:hover > .icon-text > p,#Icon3:hover > .icon-text > p,#Icon4:hover > .icon-text-right > p,#Icon5:hover > .icon-text-right > p,#Icon6:hover > .icon-text-right > p {
 
−
          visibility: visible !important;
 
−
          text-align: center;
 
−
          transition: color 1s ease;
 
−
          color: white !important;
 
−
      }
 
−
      #Icon1 > .icon-text > p,#Icon2 > .icon-text > p,#Icon3 > .icon-text > p,#Icon4 > .icon-text-right > p,#Icon5 > .icon-text-right > p,#Icon6 > .icon-text-right > p  {
 
−
          visibility: hidden!important;
 
−
      }
 
−
      #Icon2 > .icon-text > h5 {
 
−
          text-transform: uppercase;
 
−
          color: #F8991D !important;
 
−
          font-weight: 400 !important;
 
−
          line-height: 3vw !important;
 
−
    font-size: 3.1vw;
 
−
      } 
 
−
 
−
     
 
−
      #Icon3 > .icon-text > h5 {
 
−
          text-transform: uppercase;
 
−
          color: #6698BE !important;
 
−
          font-weight: 400 !important;
 
−
          line-height: 3vw !important;
 
−
    font-size: 3.1vw;
 
−
      } 
 
 
        
 
        
  
 
        
 
        
−
      #Icon4 > .icon-text-right > h5 {
 
−
          text-transform: uppercase;
 
−
          color: #FEE000 !important;
 
−
          font-weight: 400 !important;
 
−
         
 
−
            line-height: 3vw !important;
 
−
    font-size: 3.1vw;
 
−
      }
 
−
 
−
     
 
−
      #Icon5 > .icon-text-right > h5 {
 
−
          text-transform: uppercase;
 
−
          color: #009193 !important;
 
−
          font-weight: 400 !important;
 
−
            line-height: 3vw !important;
 
−
    font-size: 3.1vw;
 
−
      }
 
−
     
 
−
 
 
        
 
        
−
      #Icon6 > .icon-text-right > h5 {
 
−
          text-transform: uppercase;
 
−
          color: #9D1C20 !important;
 
−
          font-weight: 400 !important;
 
−
            line-height: 3vw !important;
 
−
    font-size: 3.1vw;
 
−
      } 
 
−
         
 
−
         
 
−
         
 
−
         
 
−
      }
 
 
        
 
        
 
        
 
        
−
 
 
 
 
 
.fa-twitter{
 
.fa-twitter{
Line 1,244: Line 1,071:
 
</head>
 
</head>
 
<body class="t-body">
 
<body class="t-body">
−
        
+
       <div id="overall-wrapper">
 
     <!-- Top menu -->
 
     <!-- Top menu -->
 
<nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation">
 
<nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation">
Line 1,250: Line 1,077:
 
<div class="navbar-header">
 
<div class="navbar-header">
 
                    
 
                    
−
                    <a class="navbar-brand" href="https://2017.igem.org/Team:Heidelberg"><div id="circle">
+
                      <a class="navbar-brand" href="https://2017.igem.org/Team:Heidelberg"><div id="circle">
 
                         </div></a>
 
                         </div></a>
 
               <a type="button" data-canvas="body" id="sidebarCollapse" class="navbar-toggle" data-toggle="offcanvas" data-target="#sidebar" style="color: #393939;margin-top: 10px;">SIDEBAR   
 
               <a type="button" data-canvas="body" id="sidebarCollapse" class="navbar-toggle" data-toggle="offcanvas" data-target="#sidebar" style="color: #393939;margin-top: 10px;">SIDEBAR   
 
                     </a>
 
                     </a>
 +
             
 
</div>
 
</div>
 
<!-- Collect the nav links, forms, and other content for toggling -->
 
<!-- Collect the nav links, forms, and other content for toggling -->
Line 1,385: Line 1,213:
 
                                                                 </div>
 
                                                                 </div>
 
                                                                 <div id="textblock3">
 
                                                                 <div id="textblock3">
−
                                                                      
+
                                                                     <iframe width="100%" height="100%" src="https://www.youtube.com/embed/2fsSNhgj-Qs" frameborder="0" allowfullscreen></iframe>
 
                                                                      
 
                                                                      
 
</div>
 
</div>
Line 1,391: Line 1,219:
 
                                                                     <p>As finding the right startersequence is quite difficult we used</p>
 
                                                                     <p>As finding the right startersequence is quite difficult we used</p>
 
                                                                     <a href="#" id="artificial_intelligence"><strong>Artificial Intelligence</strong></a>
 
                                                                     <a href="#" id="artificial_intelligence"><strong>Artificial Intelligence</strong></a>
−
                                                                     <p>for protein classification &amp; generation of entirely new functional sequences</p>
+
                                                                     <p>for protein classification & generation of entirely new functional sequences</p>
 
                                                                      
 
                                                                      
 
</div>
 
</div>
Line 1,404: Line 1,232:
 
</div>
 
</div>
 
                                                     <div id="textblock7">
 
                                                     <div id="textblock7">
−
                                                         <p> As we affect the world &amp; <br> the world affects us, we need</p>
+
                                                         <p> As we affect the world & <br> the world affects us, we need</p>
 
                                                                     <a href="#"><strong>Human Practice</strong></a>
 
                                                                     <a href="#"><strong>Human Practice</strong></a>
 
</div>
 
</div>
Line 1,462: Line 1,290:
 
                     <h4> Follow us on </h4>
 
                     <h4> Follow us on </h4>
 
                     <a href="#" target="_blank"><i class="fa fa-facebook" id="facebook"></i></a>   
 
                     <a href="#" target="_blank"><i class="fa fa-facebook" id="facebook"></i></a>   
−
                     <span style="color: grey">&amp;</span>
+
                     <span style="color: grey">&</span>
 
                     <a href="#" target="_blank"><i class="fa fa-twitter" id="twitter"></i></a>
 
                     <a href="#" target="_blank"><i class="fa fa-twitter" id="twitter"></i></a>
 
                 </div>
 
                 </div>
Line 1,491: Line 1,319:
 
         </div>
 
         </div>
 
     </section>
 
     </section>
 +
    </div>
 
     <script>
 
     <script>
 
    
 
    
Line 1,504: Line 1,333:
 
});
 
});
 
</script>
 
</script>
−
+
 
  
 
          
 
          
  
 
         </body></div></div>
 
         </body></div></div>
−
 
−
 
−
    </div>
 
 
</html>
 
</html>

Revision as of 16:09, 16 October 2017

WikitemplateA home - 2014.igem.org

 

WikitemplateA home

From 2014.igem.org

This year´s iGEM Team Heidelberg aims at harnessing the enormous power of

Accelerated evolution

by using Phage-assisted continious evolution (PACE) and our newly created method called PREDCEL

Let us introduce you to the next generation of directed evolution...

Come discover the diversity of Nature

As finding the right startersequence is quite difficult we used

Artificial Intelligence

for protein classification & generation of entirely new functional sequences

Right at the beginning our major ambition was it utilize PACE for

Carbon-Silicon Bond Formation

which could ultimately affect a lot of different aspects of our life and life in general

In order to make PREDCEL work, we also had a lot to model


Therefore check out our

Interactive modeling

As we affect the world &
the world affects us, we need

Human Practice
Destructase Screening

Screen

Organo silicones

Produce

DNA Editing

Edit

Protein Interaction

Interact

Opto-Genetics

Turn on

Protein Specificity

Specify