Difference between revisions of "Team:Calgary/Layout"

 
(44 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="#">Description</a>
+
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Description">Description</a>
−
                        <a class="dropdown-item" href="#">CRISPR</a>
+
                      <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/CRISPR">CRISPR</a>
−
                         <a class="dropdown-item" href="#">CME</a>
+
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/FLP-Beta">FLP-Beta</a>
−
                         <a class="dropdown-item" href="#">Microfluidics</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Chromatin_Modifying_Elements">CME</a>
−
                         <a class="dropdown-item" href="#">Results</a>
+
                      <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 64: Line 94:
 
                     <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="https://2018.igem.org/Team:Calgary/Team">Team Members</a>
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Team">Team Members</a>
−
                         <a class="dropdown-item" href="#">Attributions</a>
+
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Attributions">Attributions</a>
−
                         <a class="dropdown-item" href="#">Sponsors</a>
+
                         <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="#">Summary</a>
+
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Human_Practices">Summary</a>
−
                         <a class="dropdown-item" href="#">Silver</a>
+
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Human_Practices/Silver">Silver</a>
−
                         <a class="dropdown-item" href="#">Integrated</a>
+
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Human_Practices/Gold_Integrated">Integrated</a>
−
                         <a class="dropdown-item" href="#">Collaborations</a>
+
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Collaborations">Collaborations</a>
−
                         <a class="dropdown-item" href="#">Engagement</a>
+
                         <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 88: Line 120:
 
                     <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="https://2018.igem.org/Team:Calgary/MedalRequirements">Medal Requirements</a>
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/MedalRequirements">Medal Requirements</a>
−
                         <a class="dropdown-item" href="#">Interlab</a>
+
                         <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 style="padding-right: 0px" href="https://www.facebook.com/igemcalgary/" target="_blank">
+
                 <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" target="_blank">
+
                 <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" target="_blank">
+
                 <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="mailto:igem.calgary@gmail.com?subject=iGEM Calgary 2018" target="_blank">
+
                 <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