Difference between revisions of "Team:Calgary/Layout"
| (48 intermediate revisions by 2 users not shown) | |||
| Line 13: | Line 13: | ||
<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/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://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 --> | <!-- 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_3_3_1_min_js?action=raw&ctype=text/javascript"></script> | ||
| Line 26: | Line 30: | ||
}); | }); | ||
}); | }); | ||
| + | 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> | ||
<script src="https://2018.igem.org/Team:Calgary/bootstrap_min_js?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Team:Calgary/bootstrap_min_js?action=raw&ctype=text/javascript"></script> | ||
| Line 31: | Line 51: | ||
<body> | <body> | ||
| + | <button onclick="topFunction()" id="topBtn" title="Go to top">TOP</button> | ||
<!-- Header --> | <!-- Header --> | ||
<nav class="navbar navbar-expand-lg navbar-light"> | <nav class="navbar navbar-expand-lg navbar-light"> | ||
| − | <a class="navbar-brand" href=" | + | <a class="navbar-brand" href="https://2018.igem.org/Team:Calgary"> |
<img class="navbar-logo" src="https://static.igem.org/mediawiki/2018/4/43/T--Calgary--LogoNavOff.png"> | <img class="navbar-logo" src="https://static.igem.org/mediawiki/2018/4/43/T--Calgary--LogoNavOff.png"> | ||
</a> | </a> | ||
| Line 46: | Line 67: | ||
</a> | </a> | ||
<div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink"> | <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink"> | ||
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Description">Description</a> |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/CRISPR">CRISPR</a> | |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/FLP-Beta">FLP-Beta</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Chromatin_Modifying_Elements">CME</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Applied_Design">Product Design</a> |
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Model">Modelling</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Software">Software</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Results">Results</a> | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <li class="nav-item"> | + | <li class="nav-item dropdown"> |
| − | <a class="nav-link underline-animation" href="#">Notebook</a> | + | <a class="nav-link underline-animation" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
| + | Notebook | ||
| + | </a> | ||
| + | <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink"> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Notebook">Journals</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Protocols">Protocols</a> | ||
| + | </div> | ||
</li> | </li> | ||
| Line 63: | Line 93: | ||
</a> | </a> | ||
<div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink"> | <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink"> | ||
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Team">Team Members</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Attributions">Attributions</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Sponsors">Sponsors</a> |
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Contact_Us">Contact Us</a> | ||
</div> | </div> | ||
</li> | </li> | ||
| Line 74: | Line 105: | ||
</a> | </a> | ||
<div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink"> | <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink"> | ||
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Human_Practices">Summary</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Human_Practices/Silver">Silver</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Human_Practices/Gold_Integrated">Integrated</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Collaborations">Collaborations</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Public_Engagement">Public Engagement</a> |
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Safety">Safety</a> | ||
</div> | </div> | ||
</li> | </li> | ||
| Line 87: | Line 119: | ||
</a> | </a> | ||
<div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink"> | <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink"> | ||
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/MedalRequirements">Medal Requirements</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Parts">Parts</a> |
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Improve">Improved Part</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/InterLab">Interlab</a> | ||
</div> | </div> | ||
</li> | </li> | ||
| Line 99: | Line 133: | ||
<ul id="social-media-icons"> | <ul id="social-media-icons"> | ||
<li> | <li> | ||
| − | <a href="https://www.facebook.com/igemcalgary/"> | + | <a class="social-media-link" href="https://2018.igem.org/Team:Calgary/MedalRequirements"> |
| + | <i class="fas fa-medal achievements-icon" aria-hidden="true"></i> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li> | ||
| + | <a class="social-media-link" href="https://www.facebook.com/igemcalgary/" target="_blank"> | ||
<i class="fab fa-facebook-f social-media-icon" aria-hidden="true"></i> | <i class="fab fa-facebook-f social-media-icon" aria-hidden="true"></i> | ||
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href="https://www.instagram.com/igemcalgary/?hl=en"> | + | <a class="social-media-link" href="https://www.instagram.com/igemcalgary/?hl=en" target="_blank"> |
<i class="fab fa-instagram social-media-icon" aria-hidden="true"></i> | <i class="fab fa-instagram social-media-icon" aria-hidden="true"></i> | ||
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href="https://twitter.com/igemcalgary?lang=en"> | + | <a class="social-media-link" href="https://twitter.com/igemcalgary?lang=en" target="_blank"> |
<i class="fab fa-twitter social-media-icon" aria-hidden="true"></i> | <i class="fab fa-twitter social-media-icon" aria-hidden="true"></i> | ||
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href=" | + | <a class="social-media-link" href="https://2018.igem.org/Team:Calgary/Contact_Us" target="_blank"> |
<i class="far fa-envelope social-media-icon" aria-hidden="true"></i> | <i class="far fa-envelope social-media-icon" aria-hidden="true"></i> | ||
</a> | </a> | ||
Latest revision as of 23:22, 25 November 2018