fixed menu

Author: zesameri

css/main.css

@@ -34,6 +34,7 @@ section {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
+  background-color: #222;
 }
 .menu > div {
   display: flex;

index.html

@@ -58,7 +58,14 @@ <h1>zesameri</h1>
     <div><div> tbd </div></div>
   </section>
 
-  <footer class="footer" id="footer">
+  <footer class="footer hero-footer" id="footer">
+    <a class="footer__link--github" href="https://github.com/zesameri" target="_blank" rel="noopener noreferrer">i'm smart</a>
+    <a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958" target="_blank" rel="noopener noreferrer">vibes</a>
+    <a class="footer__link--linkedin" href="https://www.linkedin.com/in/zesameri/" target="_blank" rel="noopener noreferrer">love me</a>
+    <a class="footer__link--instagram" href="https://www.instagram.com/zesameri/" target="_blank" rel="noopener noreferrer">look at me</a>
+    <div class="crumple" aria-hidden=""></div>
+  </footer>
+  <footer class="footer menu-footer" id="footer">
     <a class="footer__link--github" href="https://github.com/zesameri" target="_blank" rel="noopener noreferrer">i'm smart</a>
     <a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958" target="_blank" rel="noopener noreferrer">vibes</a>
     <a class="footer__link--linkedin" href="https://www.linkedin.com/in/zesameri/" target="_blank" rel="noopener noreferrer">love me</a>

js/main.js

@@ -129,25 +129,3 @@
 	const items = Array.from(document.querySelectorAll('.item'));
 	const init = (() => items.forEach(item => new ImgItem(item)))();
 };
-
-$(window).scroll(function() {
-  var isMobile = window.matchMedia("only screen and (max-width: 850px)").matches ||
-                  /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-  var isOtherMediaQuery = window.matchMedia("only screen and (min-width:1080px)").matches;
-  if(isMobile && !isOtherMediaQuery) {
-   // some code..
- } else {
-   var hT = $('#menu').offset().top,
-       hH = $('#menu').outerHeight(),
-       wH = $(window).height(),
-       wS = $(this).scrollTop();
-
-   if (wS > (hT+hH-wH)){
-     $('#footer').addClass("menu-footer");
-     $('#footer').removeClass("hero-footer");
-   } else {
-     $('#footer').addClass("hero-footer");
-     $('#footer').removeClass("menu-footer");
-   }
- }
-});