Difference between revisions of "Template:McMaster/Header2"

Line 9: Line 9:
 
<link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/font-awesome/css/font-awesome.min.css">
 
<link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/font-awesome/css/font-awesome.min.css">
  
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 +
    <!-- CSS -->
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/WikiResetCSSImposter?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/bootstrap_min_css?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans">
 +
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/jquery_fullPage_css?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/animation_css?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/layout_css?action=raw&ctype=text/css">
 +
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
 +
        crossorigin="anonymous">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/animation_css?action=raw&ctype=text/css">
 +
  <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/ProjectCSS_css?action=raw&ctype=text/css">
 +
    <!-- JS -->
 +
    <script src="https://2018.igem.org/Team:Calgary/jquery_3_3_1_min_js?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2018.igem.org/Team:Calgary/jquery_fullPage_js?action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
        $(document).ready(function () {
 +
            $('#fullpage').fullpage({
 +
                loopBottom: true,
 +
                loopTop: true,
 +
                responsiveWidth: 750,
 +
                responsiveHeight: 400,
 +
                afterResponsive: function (isResponsive) { }
 +
            });
 +
        });
 +
    window.onscroll = function() {scrollFunction()};
 +
 +
function scrollFunction() {
 +
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
        document.getElementById("topBtn").style.display = "block";
 +
    } else {
 +
        document.getElementById("topBtn").style.display = "none";
 +
    }
 +
}
 +
 +
// When the user clicks on the button, scroll to the top of the document
 +
function topFunction() {
 +
    document.body.scrollTop = 0;
 +
    document.documentElement.scrollTop = 0;
 +
}
  
 +
    </script>
 +
    <script src="https://2018.igem.org/Team:Calgary/bootstrap_min_js?action=raw&ctype=text/javascript"></script>
  
 
 
Line 100: Line 145:
  
 
<body>
 
<body>
−
    <button onclick="topFunction()" id="topBtn" title="Go to top">TOP</button>
 
−
    <!-- Header -->
 
−
    <nav class="navbar navbar-expand-lg navbar-light">
 
−
        <a class="navbar-brand" href="https://2018.igem.org/Team:McMaster">
 
−
            <img class="navbar-logo" src="https://static.igem.org/mediawiki/2018/7/72/T--McMaster--Brain.png">
 
−
        </a>
 
−
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 
−
            <span class="navbar-toggler-icon"></span>
 
−
        </button>
 
 
         <div class="collapse navbar-collapse" id="navbarNavDropdown">
 
         <div class="collapse navbar-collapse" id="navbarNavDropdown">
 
             <ul class="navbar-nav">
 
             <ul class="navbar-nav">

Revision as of 04:51, 17 October 2018