add divider, fix navbar when scrolling, update link

Author: despadam

_config.yml

@@ -106,9 +106,9 @@ facilities:
 
 
 partners:
-  - name: DECTRIS
-    image: /assets/images/partners/dectris.svg
-    url: https://www.dectris.ch/en/
+  - name: DECTRIS CLOUD
+    image: /assets/images/partners/dectris_cloud.svg
+    url: https://www.dectris.cloud/
 
 
 team:

_includes/facilities.html

@@ -17,8 +17,10 @@ <h1 class="mt-5 mb-5">Facilities</h1>
         </div>
       {% endfor %}
     </div>
-  </div>
-  <div class="container mb-3">
+    <aside class="secondary-breaker">
+      <div class="container text-center">
+      </div>
+    </aside>
     <h2 class="mt-5 mb-5">Industry Partners</h2>
     <div class="row justify-content-center">
       {% for partner in site.partners %}

_includes/nav.html

@@ -18,11 +18,13 @@
     }
   }
 
-  // Given a specific element Id, check if the element is currenty visible on the screen
+  // Given a specific element Id, check if more than 50% of the element is currently visible on the screen
   function isElementVisible(elemId) {
     let elm = document.getElementById(elemId).getBoundingClientRect();
     let viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
-    return !(elm.bottom < 0 || elm.top - viewHeight >= 0);
+    let elementHeight = elm.height || (elm.bottom - elm.top);
+    let visibleHeight = Math.min(elm.bottom, viewHeight) - Math.max(elm.top, 0);
+    return visibleHeight > elementHeight / 2;
   }
 
   /*

_includes/team.html

@@ -10,6 +10,10 @@ <h1 class="mt-5 mb-5">Team</h1>
    </div>
    {% endfor %}
   </div>
+  <aside class="secondary-breaker">
+    <div class="container text-center">
+    </div>
+  </aside>
   <h2 class="mt-5 mb-4">Contributors</h2>
   <div class="row contributors">
     <div id="loading" style="display: none;">

_sass/base.scss

@@ -67,7 +67,13 @@ div.container {
 .section-breaker {
   background-color: #041526;
   opacity: 0.9;
-  height: 0.3rem !important;
+  height: 0.2rem !important;
+}
+
+.secondary-breaker {
+  background-color: #0415263b;
+  opacity: 0.9;
+  height: 0.1rem !important;
 }
 
 .show-all-button {