Difference between revisions of "Team:Calgary/Layout"

Revision as of 01:41, 16 October 2018 (view source)

Limrainer (Talk | contribs)

← Older edit

Latest revision as of 23:22, 25 November 2018 (view source)

Limrainer (Talk | contribs)

(21 intermediate revisions by 2 users not shown)

Line 13:

+

+

crossorigin="anonymous">

+

+

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>

Line 31:

Line 51:

<body>

+

Line 47:

Line 68:

<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="https://2018.igem.org/Team:Calgary/CRISPR">CRISPR</a>

−

<a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/~~Microfluidics~~">~~Microfluidics~~</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="#">Results</a>

+

<a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Results">Results</a>

</div>

</li>

Line 74:

Line 96:

<a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Attributions">Attributions</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>

</li>

Line 87:

Line 110:

<a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Collaborations">Collaborations</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/~~Entrepreneurship~~">~~Entrepreneurship~~</a>

+

<a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Safety">Safety</a>

</div>

</li>

Line 98:

Line 121:

<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/Parts">Parts</a>

−

<a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Improve">~~Improve~~</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>

Line 109:

Line 132:

+

<li>

+

+

+

</a>

+

</li>

<li>

Line 125:

Line 153:

</li>

<li>

−

+

</a>

@@ 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/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>
@@ 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 src="https://2018.igem.org/Team:Calgary/bootstrap_min_js?action=raw&ctype=text/javascript"></script>
@@ Line 31: / Line 51: @@
 <body>
+    <button onclick="topFunction()" id="topBtn" title="Go to top">TOP</button>
      <!-- Header -->
      <nav class="navbar navbar-expand-lg navbar-light">
@@ Line 47: / Line 68: @@
                      <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink">
                          <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="https://2018.igem.org/Team:Calgary/CRISPR">CRISPR</a>
                          <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/FLP-Beta">FLP-Beta</a>
                          <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Chromatin_Modifying_Elements">CME</a>
-                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Microfluidics">Microfluidics</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="#">Results</a>
+                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Results">Results</a>
                      </div>
                  </li>
@@ Line 74: / Line 96: @@
                          <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Attributions">Attributions</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>
                  </li>
@@ Line 87: / Line 110: @@
                          <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Collaborations">Collaborations</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/Entrepreneurship">Entrepreneurship</a>
+                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Safety">Safety</a>
                      </div>
                  </li>
@@ Line 98: / Line 121: @@
                          <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/Parts">Parts</a>
-                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Improve">Improve</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>
@@ Line 109: / Line 132: @@
      <div class="bottom-left">
          <ul id="social-media-icons">
+            <li>
+                <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">
@@ Line 125: / Line 153: @@
              </li>
              <li>
-                 <a class="social-media-link" 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>
                  </a>