Line 1: | Line 1: | ||
− | + | Skip to content | |
+ | Features | ||
+ | Business | ||
+ | Explore | ||
+ | Marketplace | ||
+ | Pricing | ||
+ | This repository | ||
+ | Search | ||
+ | Sign in or Sign up | ||
+ | Watch 1 Star 0 Fork 1 igemkuleuven/website | ||
+ | Code Issues 0 Pull requests 0 Projects 0 Insights | ||
+ | Branch: master Find file Copy pathwebsite/website/home.html | ||
+ | 63fe45b on 8 Aug | ||
+ | @ThomasVanRiel ThomasVanRiel work | ||
+ | 1 contributor | ||
+ | RawBlameHistory | ||
+ | 295 lines (278 sloc) 15 KB | ||
+ | <!DOCTYPE html> | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <head> | |
− | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | |
− | + | <script type="text/javascript" src="script.js"></script> | |
− | + | <script type="text/javascript" src="https://2017.igem.org/Template:KU_Leuven/scrollrjs?action=raw&ctype=text/javascript"></script> | |
− | + | <link rel="stylesheet" href="assets/bootstrap.min.css"> | |
− | + | <!-- Latest compiled and minified JavaScript --> | |
− | + | <script src="assets/bootstrap.min.js"></script> | |
− | + | <!-- This tells the browser that your page is responsive --> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | + | <link rel="stylesheet" type="text/css" href="style.css"> | |
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <body> | |
− | + | <nav class="navbar navbar-default navbar-fixed-top"> | |
− | + | <div class="container"> | |
− | + | <div class="navbar-header"> | |
− | + | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> | |
− | + | <span class="sr-only">Toggle navigation</span> | |
− | < | + | <span class="icon-bar"></span> |
− | + | <span class="icon-bar"></span> | |
− | + | <span class="icon-bar"></span> | |
− | + | </button> | |
− | + | <a class="navbar-brand" href="#"> | |
− | + | <img height="100%" src="https://static.igem.org/mediawiki/2017/1/18/KU_Leuven-Logo_Brand.gif"> | |
− | + | </a> | |
− | + | </div> | |
− | + | <div id="navbar" class="navbar-collapse collapse"> | |
− | + | <ul class="nav navbar-nav navbar-right"> | |
− | + | <li class="active"><a href="https://2017.igem.org/Team:KU_Leuven">HOME</a></li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="https://2017.igem.org/Team:KU_Leuven/Team" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu dropdown-menu-left"> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Team">Team</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Collaborations">Collaborations</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="https://2017.igem.org/Team:KU_Leuven/Project" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu dropdown-menu-left"> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Description">Description</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Design">Design</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Experiments">Experiments</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Notebook">Notebook</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/InterLab">InterLab</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Contribution">Contribution</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Model">Model</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Results">Results</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Demonstrate">Demonstrate</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Improve">Improve</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Attributions">Attributions</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu dropdown-menu-left"> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Parts">Parts</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Basic_Part">Basic Parts</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Composite_Part">Composite Parts</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Part_Collection">Part Collection</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Safety">SAFETY</a></li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu dropdown-menu-left"> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/HP/Silver">Silver HP</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/HP/Gold_Integrated">Integrated and Gold</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Public">Public Engagement</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="https://2017.igem.org/Team:KU_Leuven/Awards" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AWARDS<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu dropdown-menu-left"> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Applied_Design">Applied Design</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Entrepeneurship">Entrepeneurship</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Hardware">Hardware</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Measurement">Measurement</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Model">Model</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Plant">Plant</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:KU_Leuven/Software">Software</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li><a href="https://igem.org/2017_Judging_Form?team=KU_Leuven">JUDGING FORM</a></li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | <!--/.nav-collapse --> | |
− | + | </div> | |
− | + | </nav> | |
− | + | <div class="igem_2017_content_wrapper"> | |
− | + | <style type="text/css"> | |
− | + | p { | |
− | + | text-align: justify; | |
− | + | } | |
− | + | .home { | |
− | + | position: relative; | |
− | + | } | |
− | + | .home .bg { | |
− | + | position: fixed; | |
− | + | display: block; | |
− | + | height: 100vh; | |
− | + | width: 100%; | |
− | + | background-size: cover; | |
− | + | background-image: url(https://static.igem.org/mediawiki/2017/e/e5/KU_Leuven-home_bg.png); | |
− | + | background-repeat: no-repeat; | |
− | + | background-position: center; | |
− | + | } | |
− | </div> | + | .home .fg { |
− | <script> | + | height: 100vh; |
− | + | visibility: hidden; | |
− | + | } | |
− | + | .overlay, | |
− | + | footer { | |
− | + | background-color: #f2f2f2; | |
− | + | opacity: 1; | |
− | + | position: relative; | |
− | + | } | |
− | + | .igem_2017_content_wrapper { | |
− | + | padding-bottom: 0; | |
− | + | } | |
− | + | .animated_svg { | |
− | + | position: relative; | |
− | + | display: block; | |
− | + | width: 100%; | |
− | + | height: auto; | |
− | + | text-align: center; | |
− | + | } | |
− | + | .animated_svg>* { | |
− | + | max-width: 800px; | |
− | + | display: inline-block; | |
− | + | } | |
− | + | .arrow { | |
− | + | position: absolute; | |
− | + | bottom: 80px; | |
− | $(function() { | + | left: 50%; |
+ | margin-left: -40px; | ||
+ | width: 80px; | ||
+ | height: 80px; | ||
+ | border-radius: 50%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .arrow:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.175); | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .arrow img { | ||
+ | margin: 15px; | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
+ | } | ||
+ | </style> | ||
+ | <div class="home"> | ||
+ | <div data-0="transform:translate(0px, 0px);" data-800="transform:translate(0px, -480px);" class="bg"> | ||
+ | </div> | ||
+ | <div class="fg"> | ||
+ | </div> | ||
+ | <div id="scrolldown" class="arrow"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/0f/KU_Leuven-scroll_arrow.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="overlay" class="overlay" style="border-top: 2px solid #c33"> | ||
+ | <div class="container"> | ||
+ | <div class="animated_svg"> | ||
+ | <svg height="auto" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 1200 3000"> | ||
+ | <image height="3000px" width="1200px" xlink:href="https://static.igem.org/mediawiki/2017/7/71/KU_Leuven-homepage.svg"></image> | ||
+ | <path style="fill:none;stroke:#cc3333;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:8000;stroke-dashoffset:0" data-500-end="stroke-dashoffset:0;" data-200-top="stroke-dashoffset:8000;" d="M1180,0v600h-90l-12.5-37.5l-12.5,75l-12.5-37.5H20v650l180,1.5c57.7-0.2,57.4,98.8,114.5,98.5c56.9,0,56.3-98.8,114.1-99c57.7-0.2,57.4,98.8,114.5,98.5c56.9,0,56.3-98.8,114.1-99c57.7-0.2,57.4,98.8,114.5,98.5c56.9,0,56.3-98.8,114.1-99c57.7-0.2,57.4,100.2,114.2,100h175v100l25,7.5l-50,10l25,7.5v475H600v450l200-100l-200,100l200,100l-200-100l-200,100l200-100l-200-100"> | ||
+ | </path> | ||
+ | <a xlink:href="https://2017.igem.org/Team:KU_Leuven/Model"> | ||
+ | <rect x="200" y="2100" display="inline" opacity="0" fill="#000000" width="200" height="200" /> | ||
+ | </a> | ||
+ | <a xlink:href="#game"> | ||
+ | <rect x="800" y="2100" display="inline" opacity="0" fill="#000000" width="200" height="200" /> | ||
+ | </a> | ||
+ | <a xlink:href="https://2017.igem.org/Team:KU_Leuven/HP/Gold_Integrated"> | ||
+ | <rect x="200" y="2500" display="inline" opacity="0" fill="#000000" width="200" height="200" /> | ||
+ | </a> | ||
+ | <a xlink:href="#education"> | ||
+ | <rect x="800" y="2500" display="inline" opacity="0" fill="#000000" width="200" height="200" /> | ||
+ | </a> | ||
+ | </svg> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
// initialize skrollr if the window width is large enough | // initialize skrollr if the window width is large enough | ||
if ($(window).width() > 767) { | if ($(window).width() > 767) { | ||
skrollr.init(); | skrollr.init(); | ||
} | } | ||
− | |||
// disable skrollr if the window is resized below 768px wide | // disable skrollr if the window is resized below 768px wide | ||
$(window).on('resize', function() { | $(window).on('resize', function() { | ||
Line 179: | Line 215: | ||
}); | }); | ||
}); | }); | ||
− | |||
$('#scrolldown').click(function(event) { | $('#scrolldown').click(function(event) { | ||
event.preventDefault(); | event.preventDefault(); | ||
Line 185: | Line 220: | ||
$('html, body').animate({ scrollTop: n - 15 }, 1000); | $('html, body').animate({ scrollTop: n - 15 }, 1000); | ||
}); | }); | ||
− | + | </script> | |
− | </script> | + | <footer> |
− | + | ||
− | + | ||
− | + | ||
− | <footer> | + | |
<div class="container" style="margin-bottom:20px;"> | <div class="container" style="margin-bottom:20px;"> | ||
<ul class="row" id="sponsors"> | <ul class="row" id="sponsors"> | ||
<h1>Sponsors and Partners:</h1> | <h1>Sponsors and Partners:</h1> | ||
− | <a href=" | + | <a href="#"> |
<li class="col-sm-6"> | <li class="col-sm-6"> | ||
<div><img src="https://static.igem.org/mediawiki/2017/0/0a/KU_Leuven-sponsor-vib.png" /></div> | <div><img src="https://static.igem.org/mediawiki/2017/0/0a/KU_Leuven-sponsor-vib.png" /></div> | ||
</li> | </li> | ||
</a> | </a> | ||
− | <a href=" | + | <a href="#"> |
<li class="col-sm-6"> | <li class="col-sm-6"> | ||
<div><img src="https://static.igem.org/mediawiki/2017/7/72/KU_Leuven-sponsor-kuleuven.png" /></div> | <div><img src="https://static.igem.org/mediawiki/2017/7/72/KU_Leuven-sponsor-kuleuven.png" /></div> | ||
</li> | </li> | ||
</a> | </a> | ||
− | <a href=" | + | <a href="#"> |
<li class="col-sm-3"> | <li class="col-sm-3"> | ||
<div><img src="https://static.igem.org/mediawiki/2017/9/9f/KU_Leuven-sponsor-lrd.png" /></div> | <div><img src="https://static.igem.org/mediawiki/2017/9/9f/KU_Leuven-sponsor-lrd.png" /></div> | ||
</li> | </li> | ||
</a> | </a> | ||
− | + | <a href="#"> | |
− | <a href=" | + | |
<li class="col-sm-3"> | <li class="col-sm-3"> | ||
− | <div><img src="https://static.igem.org/mediawiki/2017/ | + | <div><img src="https://static.igem.org/mediawiki/2017/b/b8/KU_Leuven-sponsor-merck.png" /></div> |
</li> | </li> | ||
</a> | </a> | ||
− | <a href=" | + | <a href="#"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<li class="col-sm-3"> | <li class="col-sm-3"> | ||
<div><img src="https://static.igem.org/mediawiki/2017/5/53/KU_Leuven-sponsor-vlaanderen.png" /></div> | <div><img src="https://static.igem.org/mediawiki/2017/5/53/KU_Leuven-sponsor-vlaanderen.png" /></div> | ||
</li> | </li> | ||
</a> | </a> | ||
− | <a href=" | + | <a href="#"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<li class="col-sm-3"> | <li class="col-sm-3"> | ||
<div><img src="https://static.igem.org/mediawiki/2017/a/ac/KU_Leuven-sponsor-janssen.png" /></div> | <div><img src="https://static.igem.org/mediawiki/2017/a/ac/KU_Leuven-sponsor-janssen.png" /></div> | ||
Line 240: | Line 260: | ||
</li> | </li> | ||
</a> | </a> | ||
− | <a href=" | + | <a href="#"> |
<li class="col-sm-3"> | <li class="col-sm-3"> | ||
<div><img src="https://static.igem.org/mediawiki/2017/3/32/KU_Leuven-sponsor-saillart.png" /></div> | <div><img src="https://static.igem.org/mediawiki/2017/3/32/KU_Leuven-sponsor-saillart.png" /></div> | ||
</li> | </li> | ||
</a> | </a> | ||
− | <a href=" | + | <a href="#"> |
<li class="col-sm-3"> | <li class="col-sm-3"> | ||
<div><img src="https://static.igem.org/mediawiki/2017/9/94/KU_Leuven-sponsor-tfs.png" /></div> | <div><img src="https://static.igem.org/mediawiki/2017/9/94/KU_Leuven-sponsor-tfs.png" /></div> | ||
</li> | </li> | ||
</a> | </a> | ||
− | <a href=" | + | <a href="#"> |
<li class="col-sm-3"> | <li class="col-sm-3"> | ||
− | <div> | + | <div>Ko-Lo</div> |
</li> | </li> | ||
</a> | </a> | ||
− | + | <a href="#"> | |
− | + | ||
− | + | ||
− | <a href=" | + | |
<li class="col-sm-3"> | <li class="col-sm-3"> | ||
<div><img src="https://static.igem.org/mediawiki/2017/1/15/KU_Leuven-sponsor-filterservice.png" /></div> | <div><img src="https://static.igem.org/mediawiki/2017/1/15/KU_Leuven-sponsor-filterservice.png" /></div> | ||
</li> | </li> | ||
</a> | </a> | ||
− | <a href=" | + | <a href="#"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<li class="col-sm-3"> | <li class="col-sm-3"> | ||
− | <div> | + | <div>Snapgene</div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
</a> | </a> | ||
Line 292: | Line 294: | ||
</div> | </div> | ||
</footer> | </footer> | ||
+ | </body> | ||
+ | |||
</html> | </html> |
Revision as of 21:47, 17 September 2017
Skip to content Features Business Explore Marketplace Pricing This repository Search Sign in or Sign up
Watch 1 Star 0 Fork 1 igemkuleuven/website Code Issues 0 Pull requests 0 Projects 0 Insights
Branch: master Find file Copy pathwebsite/website/home.html 63fe45b on 8 Aug @ThomasVanRiel ThomasVanRiel work 1 contributor RawBlameHistory 295 lines (278 sloc) 15 KB <!DOCTYPE html>