Difference between revisions of "Team:TU Delft/Header Test"
(192 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 | + | <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 | + | <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="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> | |
− | + | <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/ | + | <script type="text/javascript" src="https://2015.igem.org/Team:TU_Delft/slicknav?action=raw&ctype=text/javascript"></script> |
− | <script src="https:// | + | <script src="https://2015.igem.org/Team:TU_Delft/navigation?action=raw&ctype=text/javascript"></script> |
− | <script | + | <script src="https://2015.igem.org/Team:TU_Delft/xscrolly?action=raw&ctype=text/javascript"></script> |
− | + | ||
− | < | + | |
− | <script | + | |
− | + | ||
− | < | + | |
− | <script src="https://2015.igem.org/Team:TU_Delft/ | + | |
<style> | <style> | ||
#contentSub, #footer-box, #catlinks, #search-controls, | #contentSub, #footer-box, #catlinks, #search-controls, | ||
Line 46: | Line 40: | ||
padding: 0px; | padding: 0px; | ||
font-size: 100%; | font-size: 100%; | ||
+ | z-index:0; | ||
} | } | ||
li { | li { | ||
Line 84: | Line 79: | ||
#header { | #header { | ||
− | width: | + | width:100%; |
margin: auto; | margin: auto; | ||
Line 90: | Line 85: | ||
#logo img { | #logo img { | ||
− | width: | + | width: 68px; |
float: left; | float: left; | ||
padding-top: 7px; | padding-top: 7px; | ||
background: white; | background: white; | ||
+ | margin-left:0px; | ||
+ | margin-bottom:0px; | ||
} | } | ||
#navigation { | #navigation { | ||
− | + | font-size: 0.93em; | |
− | + | font-weight: 200; | |
+ | width: 100%; | ||
+ | } | ||
+ | #navigation ul{ | ||
+ | float: right; | ||
+ | max-margin-right:20px; | ||
+ | margin-bottom:0px; | ||
+ | } | ||
+ | #navigation a{ | ||
+ | padding-left:8px; | ||
} | } | ||
Line 104: | Line 110: | ||
width:960px; | width:960px; | ||
text-align: right; | text-align: right; | ||
− | + | font-size: 0.9em; | |
margin:auto; | margin:auto; | ||
+ | font-weight:200; | ||
} | } | ||
Line 169: | Line 176: | ||
display: inline; | display: inline; | ||
float:left; | float:left; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 186: | Line 185: | ||
background-position: center 15px ; | background-position: center 15px ; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | line-height: | + | line-height: 61px; |
text-align:center; | text-align:center; | ||
padding-top: 10px; | padding-top: 10px; | ||
Line 193: | Line 192: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
− | + | .carousel-indicators { | |
+ | text-align:center; | ||
+ | } | ||
.team { | .team { | ||
background-image: url(); | background-image: url(); | ||
Line 216: | 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 221: | 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: - | + | margin-top: -120px; /*same height as header*/ |
visibility: hidden; | visibility: hidden; | ||
} | } | ||
Line 241: | Line 244: | ||
} | } | ||
} | } | ||
− | + | ||
− | + | 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:// | + | <a href="https://2015.igem.org/Team:TU_Delft/Achievements">Achievements</a> |
<ul> | <ul> | ||
− | + | <li><a href="https://2015.igem.org/Team:TU_Delft/Achievements#prizes" >Prizes and Nominations</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:TU_Delft/Achievements#jamboree">Giant Jamboree</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:// | + | <a href="https://2015.igem.org/Team:TU_Delft/Description" >Project</a> |
+ | |||
<ul> | <ul> | ||
− | + | <li><a href="https://2015.igem.org/Team:TU_Delft/Description#description" >Description</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:// | + | <a href="https://2015.igem.org/Team:TU_Delft/Parts">Parts</a> |
<ul> | <ul> | ||
− | + | <li><a href="https://2015.igem.org/Team:TU_Delft/Parts#overview" >Overview</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:TU_Delft/Parts#table" >Parts</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:TU_Delft/Parts#collection" >Part Collection</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 288: | 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/ | + | <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=" | + | <li><a href="https://2015.igem.org/Team:TU_Delft/Achievements" class="achievements nav-item" id="achievements">Achievements</a</li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:TU_Delft/Description" class="project nav-item" id="project">Project</a</li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:TU_Delft/Parts" class="results nav-item" id="parts">Parts</a></li> |
− | <li><a href=" | + | <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 303: | Line 394: | ||
<div id="sub-navigation-wrapper"> | <div id="sub-navigation-wrapper"> | ||
<div id="sub-navigation"> | <div id="sub-navigation"> | ||
− | <ul id=" | + | <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="# | + | <li><a href="https://2015.igem.org/Team:TU_Delft/Description#description" class="sub-nav-item">Description</a></li> |
− | <li><a href="# | + | <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=" | + | <ul id="parts-sub"> |
− | <li><a href="#" class="sub-nav-item"> | + | <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"> | + | <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=" | + | |
− | <li><a href="#" class="sub-nav-item"> | + | <ul id="hardware-sub"> |
− | <li><a href="#" class="sub-nav-item"> | + | <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"> | + | <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 326: | Line 469: | ||
</header> | </header> | ||
<body> | <body> | ||
− | + | ||
− | + | <div id="afixLeft"> | |
− | < | + | <a href="https://www.facebook.com/iGEM.TUDelft.Team" target="_blank"> |
− | + | <img src="https://static.igem.org/mediawiki/2015/0/08/TUDelft_facebook-4-50.png" style="opacity:0.95"> | |
− | + | </a> | |
− | + | <a href="https://twitter.com/tudelft_igem" target="_blank"> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/5/52/TUDelft_twitter-4-50.png" style="opacity:0.95"> | |
− | + | </a> | |
− | + | </div> | |
− | < | + | |
− | + | <div id="afixRight"> | |
− | + | <a href="https://2015.igem.org/"> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/a/af/TU_Delft_igem_bw.png" style="opacity:0.95; width:50px;"> | |
− | + | </a> | |
− | + | ||
+ | <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> | + | <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