logic

_includes/navmenu.html

@@ -9,3 +9,16 @@
     <img src="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" width="125px" height="125px" alt="Sakrecoer Logo" />
   </a>
 </div>
+{% if page.collection != 'tracks' %}
+<script type="text/javascript">
+  $(window).scroll(function(){
+      $("#navigation").css("opacity", 0 + $(window).scrollTop() / 250);
+  });
+</script>
+{% else %}
+<script type="text/javascript">
+  $(window).scroll(function(){
+      $("#navigation").css("opacity", 1 - $(window).scrollTop() / 250);
+  });
+</script>
+{% endif %}

_layouts/default.html

@@ -8,6 +8,7 @@
 <link rel="icon" type="image/png" href="{{ site.baseurl }}/touch-icon.png" sizes="192x192">
 <link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png" type="image/png" />
 <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style2019-07.css" />
+<script src="/assets/js/jquery-3.4.1.min.js"></script>
 {% include seo.html %}  
 <style>
 body{

_layouts/music.html

@@ -82,4 +82,9 @@ layout: default
   body {
     background-image:url('{{ page.image }}') ;
   }
+
+#navigation {
+
+  opacity: 1;
+}
 </style>

_sass/main.scss

@@ -369,6 +369,7 @@ min-height: 80vh;
   position: fixed;
   bottom: 10px;
   right: 10px;
+  opacity: 0;
 }
 .aboutflex {
   display: flex;