Difference between revisions of "Team:TU Delft/Header Test"

 
(187 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
<link rel="stylesheet" href="https://2015.igem.org/Team:TU_Delft/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
+
<link rel="stylesheet" href="https://2015.igem.org/Team:TU_Delft/bootstrap?action=raw&ctype=text/css" type="text/css">
<link rel="stylesheet" href="https://2015.igem.org/Team:TU_Delft/stylesheet.css?action=raw&ctype=text/css" type="text/css">
+
<link rel="stylesheet" href="https://2015.igem.org/Team:TU_Delft/stylesheet?action=raw&ctype=text/css" type="text/css">
 
+
<script type="text/javascript" src="https://2015.igem.org/Team:TU_Delft/bootstrapminjs?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Team:TU_Delft/nativehistoryminjs?action=raw&ctype=text/javascript"></script>
 
+
<script type="text/javascript" src="https://2015.igem.org/Team:TU_Delft/hoverIntentjs?action=raw&ctype=text/javascript"></script>
<!-- Latest compiled and minified JavaScript -->
+
<link rel="stylesheet" href="https://2015.igem.org/Team:TU_Delft/slicknavcss?action=raw&ctype=text/css" type="text/css">
<script type="text/javascript" src="https://2015.igem.org/Team:TU_Delft/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Team:TU_Delft/slicknav?action=raw&ctype=text/javascript"></script>
<script src="https://2014.igem.org/Team:LMU-Munich/xscrolly.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:TU_Delft/navigation?action=raw&ctype=text/javascript"></script>
<script src="https://2014.igem.org/Team:LMU-Munich/native.history.min.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:TU_Delft/xscrolly?action=raw&ctype=text/javascript"></script>
<script src="https://2014.igem.org/Team:LMU-Munich/ajaxload.js?action=raw&ctype=text/javascript"></script>
+
 
+
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.hoverIntent.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.scrollTo.js?action=raw&ctype=text/javascript"></script>
+
 
+
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.slicknav.js?action=raw&ctype=text/javascript"></script>
+
<link href="https://2014.igem.org/Team:LMU-Munich/slicknav.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
<script src="https://2014.igem.org/Team:LMU-Munich/iGEM.js?action=raw&ctype=text/javascript"></script>
+
<!--
+
<script src="https://2015.igem.org/Team:TU_Delft/slicknav.js?action=raw&ctype=text/javascript"></script>
+
<link href="https://2015.igem.org/Team:TU_Delft/slicknav.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
<script src="https://2015.igem.org/Team:TU_Delft/navigation.js?action=raw&ctype=text/javascript"></script>
+
-->
+
 
<style>
 
<style>
 
#contentSub, #footer-box, #catlinks, #search-controls,
 
#contentSub, #footer-box, #catlinks, #search-controls,
Line 53: Line 40:
 
padding: 0px;
 
padding: 0px;
 
font-size: 100%;
 
font-size: 100%;
 +
z-index:0;
 
}
 
}
 
li {
 
li {
Line 91: Line 79:
  
 
#header {
 
#header {
     width:950px;
+
     width:100%;
 
     margin: auto;
 
     margin: auto;
  
Line 97: Line 85:
  
 
#logo img {
 
#logo img {
     width: 70px;
+
     width: 68px;
 
     float: left;
 
     float: left;
 
     padding-top: 7px;
 
     padding-top: 7px;
 
   background: white;
 
   background: white;
 +
margin-left:0px;
 +
margin-bottom:0px;
 
}
 
}
 
#navigation {
 
#navigation {
    float: right;
+
  font-size: 0.93em;
    font-size: 1.2em;
+
  font-weight: 200;
 +
  width: 100%;
  
 +
}
 +
#navigation ul{
 +
float: right;
 +
max-margin-right:20px;
 +
margin-bottom:0px;
 +
}
 +
#navigation a{
 +
padding-left:8px;
 
}
 
}
  
Line 111: Line 110:
 
     width:960px;
 
     width:960px;
 
     text-align: right;
 
     text-align: right;
    font-size: 0.9em;
+
  font-size: 0.9em;
 
     margin:auto;
 
     margin:auto;
 +
font-weight:200;
  
 
}
 
}
Line 176: Line 176:
 
     display: inline;
 
     display: inline;
 
     float:left;
 
     float:left;
}
 
 
#scroll-spy li.sub-heading {
 
    margin-left:20px;
 
}
 
 
#scroll-spy li.active {
 
    color:red;
 
 
}
 
}
  
Line 193: Line 185:
 
     background-position: center 15px ;
 
     background-position: center 15px ;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
     line-height: 65px;
+
     line-height: 61px;
 
     text-align:center;
 
     text-align:center;
 
     padding-top: 10px;
 
     padding-top: 10px;
Line 200: Line 192:
 
     text-transform: uppercase;
 
     text-transform: uppercase;
 
}
 
}
 
+
.carousel-indicators {
 +
text-align:center;
 +
}
 
.team {
 
.team {
 
     background-image: url();
 
     background-image: url();
Line 223: Line 217:
 
     background-color: rgba(57, 61, 63,0.98);
 
     background-color: rgba(57, 61, 63,0.98);
 
}
 
}
 +
 
#sub-navigation > ul {
 
#sub-navigation > ul {
 
     display:none;
 
     display:none;
Line 228: Line 223:
 
body{
 
body{
 
   padding-top: 120px;
 
   padding-top: 120px;
 +
 
}
 
}
 
.anchor{
 
.anchor{
 
   display: block;
 
   display: block;
 
   height: 120px; /*same height as header*/
 
   height: 120px; /*same height as header*/
   margin-top: -115px; /*same height as header*/
+
   margin-top: -120px; /*same height as header*/
 
   visibility: hidden;
 
   visibility: hidden;
 
}
 
}
Line 248: Line 244:
 
}
 
}
 
}
 
}
.a {
+
 
target:"_self";
+
div#afixLeft{
 +
width:50px;
 +
position:fixed;
 +
bottom:10%;
 +
left:0;
 +
z-index:11;
 +
}
 +
div#afixRight{
 +
width:50px;
 +
position:fixed;
 +
bottom:10%;
 +
right:0;
 +
z-index:11;
 
}
 
}
 
</style>
 
</style>
 +
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
</head>
 
</head>
 +
<head>
 +
<base target="_self">
 +
</head>
 +
 
<header>
 
<header>
 
<div id="slick-navigation"></div>
 
<div id="slick-navigation"></div>
 
     <div id="mobile-navigation">
 
     <div id="mobile-navigation">
 
         <ul>
 
         <ul>
 +
            <li><a href="https://2015.igem.org/Team:TU_Delft" >Home</a></li>
 
             <li>
 
             <li>
                 <a href="https://2014.igem.org/Team:LMU-Munich/Team">Team</a>
+
                 <a href="https://2015.igem.org/Team:TU_Delft/Achievements">Achievements</a>
 
                 <ul>
 
                 <ul>
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team">Members</a></li>
+
                  <li><a href="https://2015.igem.org/Team:TU_Delft/Achievements#prizes" >Prizes and Nominations</a></li>
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Financing">Advisors</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Delft/Achievements#jamboree">Giant Jamboree</a></li>
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Attributions">Attributions</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Delft/Achievements#medal">Medal Requirements</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 +
 
             <li>
 
             <li>
                 <a href="https://2014.igem.org/Team:LMU-Munich/Project">Project</a>
+
                 <a href="https://2015.igem.org/Team:TU_Delft/Description" >Project</a>
 +
 
 
                 <ul>
 
                 <ul>
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/Problem">Problem</a></li>
+
              <li><a href="https://2015.igem.org/Team:TU_Delft/Description#description" >Description</a></li>
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/BioBrickBox">Solution</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Delft/Description#strains" >Strains</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Description#cells" >Linking Cells</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Description#tags" >Affinity Tags</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Description#printing" >Printing Biofilm Layers</a></li> 
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Description#references" >References</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
                 <a href="https://2014.igem.org/Team:LMU-Munich/Results">Results</a>
+
                 <a href="https://2015.igem.org/Team:TU_Delft/Parts">Parts</a>
 
                 <ul>
 
                 <ul>
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Results">Results</a></li>
+
                  <li><a href="https://2015.igem.org/Team:TU_Delft/Parts#overview" >Overview</a></li>
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Results/Registry">Registry</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Delft/Parts#table" >Parts</a></li>
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Results/Judging">Judging</a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Delft/Parts#collection" >Part Collection</a></li>
                </ul>
+
            </li>
+
            <li>
+
                <a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice">Human Practice</a>
+
                <ul>
+
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/Meetups">Meet ups</a></li>
+
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/SynBio">SynBio Day</a></li>
+
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Rathenau">Rathenau Instituut</a></li>
+
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:TU_Delft/Notebook" >Notebook</a>
 +
<ul>
 +
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Notebook#work" >Work Space</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Notebook#safety" >Safety</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Notebook#notes" >Day Notes</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Notebook#protocols">Protocols</a></li>
 +
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:TU_Delft/Design" >Hardware</a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Design#overview" >Overview</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Design#3dbiofilms" >Making 3D Biofilms</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Design#biolinker" >The Biolinker</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Design#integration" >Design and Integration</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Design#manuals" >DIY Manuals</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Design#protocols" >Protocols</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:TU_Delft/Modeling" >Modeling</a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Modeling#overview" >Overview</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Modeling#gene" >Kinetic Modeling</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Modeling#curli">Curli Formation</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Modeling#biofilm" >Biofilm Strength</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Modeling#p&p">Time for Printing</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:TU_Delft/Practices" >Policy&Practice</a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Practices#overview" >Overview</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Practices#regulations" >Regulations</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Practices#ethics" >Ethics</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Practices#social" >Experts' Opinions</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Practices#community" >iGEM Community</a></li>
 +
                                        <li><a href="https://2015.igem.org/Team:TU_Delft/Practices#tool" class="sub-nav-item">Biolink P&P Tool</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Practices#business" >Business Plan</a></li>
 +
                                      <li><a href="https://2015.igem.org/Team:TU_Delft/Practices#outreach" >Outreach</a></li>
 +
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:TU_Delft/Collaborations" >Collaboration</a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Collaborations#overview" >Overview</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Collaborations#testing" >Testing Biolinker</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Collaborations#course" >Dutch iGEM Teams Meeting</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Collaborations#cooperations" >Cooperations</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:TU_Delft/Attributions" >Attributions</a>
 +
<ul>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#members">Team Members</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#advisors">Advisors</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#support">Team Work Attributions</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#media">Media</a></li>
 +
      <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#sponsors">Sponsors</a></li>
 +
      <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#acknowledgements">Acknowledgements</a></li>
 +
</ul>
 +
</li>
 
         </ul>
 
         </ul>
 
     </div>
 
     </div>
Line 295: Line 373:
 
   <div id="header">
 
   <div id="header">
 
     <div id="logo">
 
     <div id="logo">
       <a href="">
+
       <a href="https://2015.igem.org/Team:TU_Delft">
         <img src="https://static.igem.org/mediawiki/2015/a/ab/TU_Delft_logo2.gif" alt="TUDelft Logo" />
+
         <img src="https://static.igem.org/mediawiki/2015/5/51/TU_Delft_Logos_Igem_3_logo_July_forWebsite.png" alt="TUDelft Logo" >
 
       </a>
 
       </a>
 
     </div>
 
     </div>
 
     <div id="navigation">
 
     <div id="navigation">
 
       <ul>
 
       <ul>
         <li><a href="#" class="team nav-item" id="team">Team</a></li>
+
         <li><a href="https://2015.igem.org/Team:TU_Delft/Achievements" class="achievements nav-item" id="achievements">Achievements</a</li>
         <li><a href="#" class="project nav-item active" id="project" target="_self">Project</a></li>
+
         <li><a href="https://2015.igem.org/Team:TU_Delft/Description" class="project nav-item" id="project">Project</a</li>
         <li><a href="#" class="results nav-item" id="results">Results</a></li>
+
        <li><a href="https://2015.igem.org/Team:TU_Delft/Parts" class="results nav-item" id="parts">Parts</a></li>
         <li><a href="#" class="outreach nav-item" id="human-practice">Human Practice</a></li>
+
         <li><a href="https://2015.igem.org/Team:TU_Delft/Notebook" class="notebook nav-item" id="notebook">Notebook</a></li>
 +
         <li><a href="https://2015.igem.org/Team:TU_Delft/Design" class="hardware nav-item" id="hardware">Hardware</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Modeling" class="modeling nav-item" id="modeling">Modeling</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Practices" class="practices nav-item" id="practices">Practices</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Collaborations" class="collaborations nav-item" id="collaborations">Collaboration</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions" class="attributions nav-item" id="attributions">Attributions</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Measurement" class="interlab nav-item" id="interlab">InterLab</a></li>
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
Line 310: Line 394:
 
   <div id="sub-navigation-wrapper">
 
   <div id="sub-navigation-wrapper">
 
     <div id="sub-navigation">
 
     <div id="sub-navigation">
       <ul id="team-sub">
+
       <ul id="notebook-sub">
         <li><a href="#" class="sub-nav-item">Members</a></li>
+
 
         <li><a href="#" class="sub-nav-item">Advisors</a></li>
+
         <li><a href="https://2015.igem.org/Team:TU_Delft/Notebook#work" class="sub-nav-item">Work Space</a></li>
         <li><a href="#" class="sub-nav-item">Attributions</a></li>
+
        <li><a href="https://2015.igem.org/Team:TU_Delft/Notebook#safety" class="sub-nav-item">Safety</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Notebook#notes" class="sub-nav-item">Day Notes</a></li>
 +
      <li><a href="https://2015.igem.org/Team:TU_Delft/Notebook#protocols" class="sub-nav-item">Protocols</a></li>
 +
 +
      </ul>
 +
      <ul id="achievements-sub">
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Achievements#prizes" class="sub-nav-item">Prizes and Nominations</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Achievements#jamboree" class="sub-nav-item">Giant Jamboree</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Achievements#medal" class="sub-nav-item">Medal Requirements</a></li>
 +
</ul>
 +
      <ul id="attributions-sub">
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#members" class="sub-nav-item">Team Members</a></li>
 +
         <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#advisors" class="sub-nav-item">Advisors</a></li>
 +
         <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#support" class="sub-nav-item">Team Work Attributions</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#media" class="sub-nav-item">Media</a></li>
 +
      <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#sponsors" class="sub-nav-item">Sponsors</a></li>
 +
      <li><a href="https://2015.igem.org/Team:TU_Delft/Attributions#acknowledgements" class="sub-nav-item">Acknowledgements</a></li>
 
       </ul>
 
       </ul>
 
       <ul id="project-sub">
 
       <ul id="project-sub">
         <li><a href="#members" class="sub-nav-item" target="_self">Problem</a></li>
+
         <li><a href="https://2015.igem.org/Team:TU_Delft/Description#description" class="sub-nav-item">Description</a></li>
        <li><a href="#advisors" class="sub-nav-item" target="_self">Solution</a></li>
+
        <li><a href="https://2015.igem.org/Team:TU_Delft/Description#strains" class="sub-nav-item">Strains</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Description#cells" class="sub-nav-item" >Linking Cells</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Description#tags" class="sub-nav-item" >Affinity Tags</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Description#printing" class="sub-nav-item" >Printing Biofilm Layers</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Description#references" class="sub-nav-item" >References</a></li>
 
       </ul>
 
       </ul>
       <ul id="results-sub">
+
       <ul id="parts-sub">
         <li><a href="#" class="sub-nav-item">Results</a></li>
+
         <li><a href="https://2015.igem.org/Team:TU_Delft/Parts#overview" class="sub-nav-item">Overview</a></li>
         <li><a href="#" class="sub-nav-item">Registry</a></li>
+
         <li><a href="https://2015.igem.org/Team:TU_Delft/Parts#table" class="sub-nav-item">Parts</a></li>
 +
<li><a href="https://2015.igem.org/Team:TU_Delft/Parts#collection" class="sub-nav-item">Part Collection</a></li>
 
       </ul>
 
       </ul>
       <ul id="human-practice-sub">
+
 
         <li><a href="#" class="sub-nav-item">Meet ups</a></li>
+
       <ul id="hardware-sub">
         <li><a href="#" class="sub-nav-item">SynBio Day</a></li>
+
        <li><a href="https://2015.igem.org/Team:TU_Delft/Design#overview" class="sub-nav-item">Overview</a></li>
         <li><a href="#" class="sub-nav-item">Rathenau Instituut</a></li>
+
        <li><a href="https://2015.igem.org/Team:TU_Delft/Design#3dbiofilms" class="sub-nav-item">Making 3D Biofilms</a></li>
 +
         <li><a href="https://2015.igem.org/Team:TU_Delft/Design#biolinker" class="sub-nav-item">The Biolinker</a></li>
 +
         <li><a href="https://2015.igem.org/Team:TU_Delft/Design#integration" class="sub-nav-item">Design and Integration</a></li>
 +
         <li><a href="https://2015.igem.org/Team:TU_Delft/Design#manuals" class="sub-nav-item">DIY Manuals</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Design#protocols" class="sub-nav-item">Protocols</a></li>
 +
      </ul>
 +
      <ul id="collaborations-sub">
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Collaborations#overview" class="sub-nav-item">Overview</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Collaborations#testing" class="sub-nav-item">Testing Biolinker</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Collaborations#course" class="sub-nav-item">Dutch iGEM Teams Meeting</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Collaborations#cooperations" class="sub-nav-item">Cooperations</a></li>
 +
      </ul>
 +
      <ul id="practices-sub">
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Practices#overview" class="sub-nav-item">Overview</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Practices#regulations" class="sub-nav-item">Regulations</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Practices#ethics" class="sub-nav-item">Ethics</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Practices#social" class="sub-nav-item">Experts' Opinions</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Practices#community" class="sub-nav-item">iGEM Community</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Practices#tool" class="sub-nav-item">Biolink P&P Tool</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Practices#business" class="sub-nav-item">Business Plan</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Practices#outreach" class="sub-nav-item">Outreach</a></li>
 +
      </ul>
 +
<ul id="interlab-sub">
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Measurement#results" class="sub-nav-item">Results</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Measurement#protocols" class="sub-nav-item">Protocols</a></li>
 +
      </ul>
 +
      <ul id="modeling-sub">
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Modeling#overview" class="sub-nav-item">Overview</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Modeling#gene" class="sub-nav-item">Kinetic Modeling</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Modeling#curli" class="sub-nav-item">Curli Formation</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Modeling#biofilm" class="sub-nav-item">Biofilm Strength</a></li>
 +
        <li><a href="https://2015.igem.org/Team:TU_Delft/Modeling#p&p" class="sub-nav-item">Time for Printing</a></li>
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
Line 333: Line 469:
 
</header>
 
</header>
 
<body>
 
<body>
  <div class="container-fluid">
+
 
    <span class="anchor" id="members"></span>
+
<div id="afixLeft">
     <p>Lorem ipsum dolor sit amet, elit munere eleifend per ex, his ne prima aliquando reformidans, sed an tation legere. At mei diam labitur, mel ne sumo wisi. Ut partem comprehensam pri, eos id posse accommodare, ex mel doctus aeterno. Solum hendrerit
+
  <a href="https://www.facebook.com/iGEM.TUDelft.Team" target="_blank">
      sadipscing ius id, vix ex justo tamquam, prima dissentiunt ius ne. Ex eum inani corpora consequuntur, mel cu iriure aliquid referrentur. Sed ea eligendi disputando necessitatibus. Adhuc impetus eruditi duo ad. Ne affert perfecto insolens pri. Et
+
     <img src="https://static.igem.org/mediawiki/2015/0/08/TUDelft_facebook-4-50.png" style="opacity:0.95">
      bonorum commune accumsan cum, ex quo dicam legere. Odio deleniti abhorreant no sea, autem ancillae sit ne. Ex per iuvaret iudicabit, pro no purto blandit. Mazim primis eos at, eos wisi veri eleifend cu. Quodsi definitiones eu qui, mea ad purto delenit
+
  </a>
      petentium. Ex ferri insolens evertitur eam, audire adipiscing eos cu, fabulas verterem eam ea. Ei labitur diceret mea, oporteat probatus mea te. Posidonium percipitur sit ad, vel sint doming at, eu tale menandri scripserit sea. Eos ei everti nusquam
+
  <a href="https://twitter.com/tudelft_igem" target="_blank">
      inimicus, ei eos scaevola disputando, tollit legendos pertinacia in has. Altera quaestio necessitatibus ius at. Ea modus ignota has, ea sonet clita sea. Sumo volumus insolens vel ad, et vim congue feugiat molestie. Et alia lorem mollis eum.
+
     <img src="https://static.igem.org/mediawiki/2015/5/52/TUDelft_twitter-4-50.png" style="opacity:0.95">
    </p>
+
  </a>
      <span class="anchor" id="advisors"></span>
+
</div>
     <p>Has audire contentiones ut, his ne nisl dolore, ei falli epicurei consetetur vix. An eum lucilius consetetur. Pri vero scripta an. Mea delicata dignissim et, nominati complectitur nec ex, ea inani pertinax duo. Id qui unum dicat, sea nostrud perfecto
+
 
      accommodare an, exerci recteque mel at. Nec causae suavitate cu, saepe primis temporibus ea pro. Ferri etiam vel id, nostro fastidii efficiantur has ut. Et tamquam scribentur dissentiet vis. In vix possim nostrud delicata. No his nihil officiis
+
<div id="afixRight">
      adversarium, cu eirmod maiorum explicari vim. Cu officiis disputando concludaturque quo. </p>
+
  <a href="https://2015.igem.org/">
      <span class="anchor" id="attributions"></span>
+
    <img src="https://static.igem.org/mediawiki/2015/a/af/TU_Delft_igem_bw.png" style="opacity:0.95; width:50px;">
    <p>Pri ut numquam electram urbanitas, vim option delicata comprehensam et. Ne mea partiendo dissentiet. Ut eum labitur senserit, ei usu unum aliquam atomorum, usu ad theophrastus conclusionemque. Blandit verterem no mel, ei ius gubergren vulputate definitionem.
+
  </a>
      Vis facer mundi et, mea postea disputando ea. At mea ludus omnes, at insolens honestatis eloquentiam has. Cu consul dicunt nec. Eos ex sanctus fuisset. Denique posidonium usu ad.</p>
+
 
 +
<a href="#cover" role="button" onclick="$('html,body').animate({scrollTop: $('#cover').offset().top}, 'slow');" style="text-decoration:none;">
 +
    <img src="https://static.igem.org/mediawiki/2015/a/a7/TUDelft_arrow-141-50.png" style="opacity:0.95">
 +
  </a>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>
  
<html><script>initiateNavigation("project");</script></html>
+
<html>
 +
<script>
 +
$(document).ready(initiateMobileView);
 +
 
 +
function initiateMobileView() {
 +
  //$('#sidr').sidr();
 +
  $('#mobile-navigation').slicknav({closeOnClick:true,allowParentLinks:true,prependTo:'#slick-navigation'});
 +
  $('#mobile-navigation').hide();
 +
  $('.slicknav_menu').addClass('hidden-md');
 +
  $('.slicknav_menu').addClass('hidden-lg');
 +
    $('.thumbinner').each(function() {
 +
    $(this).width($(this).width() + 6);
 +
  });
 +
}
 +
</script>
 +
<script>
 +
var jumboHeight = $('.jumbotron#cover').outerHeight();
 +
 
 +
function parallax() {
 +
  var scrolled = $(window).scrollTop();
 +
  $('.bg').css('height', (jumboHeight - scrolled) + 'px');
 +
}
 +
 
 +
$(window).scroll(function(e) {
 +
  parallax();
 +
});
 +
 
 +
</script>
 +
<script>
 +
function centerModal() {
 +
    $(this).css('display', 'block');
 +
    var $dialog = $(this).find(".modal-dialog");
 +
    var offset = ($(window).height() - $dialog.height()) / 2;
 +
    // Center modal vertically in window
 +
    $dialog.css("margin-top", offset);
 +
}
 +
 
 +
$('.modal').on('show.bs.modal', centerModal);
 +
$(window).on("resize", function () {
 +
    $('.modal:visible').each(centerModal);
 +
});
 +
</script>
 +
</html>

Latest revision as of 17:14, 29 November 2015