Difference between revisions of "Template:WLC-Milwaukee/header"

Latest revision as of 02:13, 18 October 2018

PLACEHOLDER

@@ Line 35: / Line 35: @@
      window.onscroll = function() {
        var currentScrollPos = window.pageYOffset;
+      //If At (or above @safari) the top
+      if(currentScrollPos <= 0 ) {
+        document.getElementById("navbar").style.top = "10px";
+        $(".dropdown").removeClass("nomouse");
+        if(!$(".dropdown").is(":visible"))
+        {
+          $(".navigation").show();
+        }
+        else { $(".navigation").css("display", "");}
+        return;
+      }
+      //If Scrolling Up
        if (prevScrollpos > currentScrollPos) {
          document.getElementById("navbar").style.top = "10px";
@@ Line 44: / Line 59: @@
          }
          else { $(".navigation").css("display", "");}
-       } else {
+       }
+      //If Scrolling Down
+      else {
          if($(".navigation").hasClass("open"))if(!$(".dropdown").is(":visible")){return;}
          document.getElementById("navbar").style.top = "-45px";
@@ Line 60: / Line 77: @@
 });
-/////////////////////////////////////////////////////////////
-//SCROLLING JS//
-/*
-	From: https://github.com/luster-io/prevent-overscroll/blob/master/index.html
-	Purpose: Disable elastic scrolling effect in mobile Safari
-*/
-var overscroll = function(el) {
-  el.addEventListener('touchstart', function() {
-    var top = el.scrollTop
-      , totalScroll = el.scrollHeight
-      , currentScroll = top + el.offsetHeight
-    //If we're at the top or the bottom of the containers
-    //scroll, push up or down one pixel.
-    //
-    //this prevents the scroll from "passing through" to
-    //the body.
-    if(top === 0) {
-      el.scrollTop = 1
-    } else if(currentScroll === totalScroll) {
-      el.scrollTop = top - 1
-    }
-  })
-  el.addEventListener('touchmove', function(evt) {
-    //if the content is actually scrollable, i.e. the content is long enough
-    //that scrolling can occur
-    if(el.offsetHeight < el.scrollHeight)
-      evt._isScroller = true
-  })
-}
-//overscroll(document.querySelector('.scroll'));
-document.body.addEventListener('touchmove', function(evt) {
-  //In this case, the default behavior is scrolling the body, which
-  //would result in an overflow.  Since we don't want that, we preventDefault.
-  if(!evt._isScroller) {
-    evt.preventDefault()
-  }
-})
 </script>
@@ Line 111: / Line 91: @@
 }
+.container a:visited{
-.content, #mw-content-text, #bodyContent, #HQ_page, #content, #globalWrapper{
+  color: #800080;
-  position: relative;
- height: 100%;
 }
 .nomouse
@@ Line 393: / Line 371: @@
      display: flex;
      flex-direction: column;
-     font-family: 'Open Sans';
+     font-family: 'Open Sans', sans-serif !important;
      font: initial !important;
    }
@@ Line 457: / Line 435: @@
 h1,h2,h3{
-   font-family: sans-serif;
+   font-family: 'Arimo', sans-serif !important;
-   font-weight: lighter;
+   font-weight: lighter !important;
 }
 p{
+  font-family: 'Open sans', sans-serif !important;
-   line-height: 1.5em;
+   line-height: 1.5em !important;
-   font-size: 1.1em;
+   font-size: 1.1em !important;
 }
@@ Line 636: / Line 614: @@
 	<!--Desktop Navbar-->
 	<div id="navbar" class="navbar unselectable shadow">
-	    <a href="/Team:WLC-Milwaukee/">
+	    <a href="/Team:WLC-Milwaukee">
 	    	<img height="40" title="WLC-Milwaukee iGEM Home" class="header-logo" src="https://static.igem.org/mediawiki/2018/7/7b/T--WLC-Milwaukee--wlcMilwaukeeIgemLogo.png" alt="WLC-Milwaukee">
 	    </a>
@@ Line 642: / Line 620: @@
 	    <!--PROJECT DROPDOWN-->
 	    <div class="dropdown">
-	      <a href="Description">PROJECT</a>
+	      <a href="/Team:WLC-Milwaukee/Description">PROJECT</a>
 	      <div class="dropdown-content">
 		<a href="\Team:WLC-Milwaukee\Description">Overview</a>
 		<a href="\Team:WLC-Milwaukee\Background">Background</a>
 		<a href="\Team:WLC-Milwaukee\Applied_Design">System Design</a>
-		<a href="\Team:WLC-Milwaukee\Experiments">Wetlab</a>
+		<a href="\Team:WLC-Milwaukee\Experiments">Wet Lab</a>
 		<a href="\Team:WLC-Milwaukee\Demonstrate">Results</a>
 		<a href="\Team:WLC-Milwaukee\Improve">Parts</a>
@@ Line 692: / Line 670: @@
 	    <div class="menu">
 	    <div class="menu-header">
-	    <a href="index">
+	    <a href="/Team:WLC-Milwaukee">
 	    <p>
 				<img height="40" title="WLC-Milwaukee iGEM Home"  src="https://static.igem.org/mediawiki/2018/7/7b/T--WLC-Milwaukee--wlcMilwaukeeIgemLogo.png" alt="WLC-Milwaukee">