fix: change water bottle colour to be consistent & correct stickman movements to it

Author: taghizadlaura

website/js/race-navigation.js

@@ -97,17 +97,23 @@
 
     function applyFooterRunner() {
       nav.classList.add("race-is-footer");
+      nav.style.setProperty("--race-progress", "100%");
       if (runner) {
         runner.style.top = "calc(100% + 60px)";
+        runner.style.setProperty("--runner-x", config.mainRunnerX);
       }
+      updateCheckpoints(state.sections.length - 1, 0);
     }
 
     function restoreRunner() {
       nav.classList.remove("race-is-footer");
       if (runner) {
         const progress = getProgressPercent(state.currentSectionIndex);
+        const lineProgress = state.currentSectionIndex === 0 ? 0 : progress;
+        nav.style.setProperty("--race-progress", `${lineProgress}%`);
         runner.style.top = `${progress}%`;
       }
+      updateCheckpoints(state.currentSectionIndex, state.currentSlideIndex);
     }
 
     const observer = new MutationObserver(() => {

website/styles.css

@@ -1455,16 +1455,17 @@ h4 {
 }
 
 /* FINISH: golden by default, white when active */
-#race-nav:not(.race-is-finish) .race-finish-btn {
+#race-nav:not(.race-is-footer) .race-finish-btn {
   color: #f4b400;
   filter: drop-shadow(0 0 6px rgba(244, 180, 0, 0.5));
 }
 
-#race-nav.race-is-finish .race-finish-btn {
+#race-nav.race-is-footer .race-finish-btn {
   color: white;
   filter:
-    drop-shadow(0 0 8px rgba(255, 255, 255, 0.6))
-    drop-shadow(0 0 14px rgba(244, 180, 0, 0.35));
+    drop-shadow(0 0 6px rgba(255, 255, 255, 1))
+    drop-shadow(0 0 14px rgba(255, 255, 255, 0.85))
+    drop-shadow(0 0 28px rgba(244, 180, 0, 0.6));
 }
 
 .race-start-btn:hover,
@@ -1575,6 +1576,12 @@ h4 {
     0 0 18px rgba(255, 255, 255, 0.85);
 }
 
+#race-nav.race-is-footer .race-checkpoint.is-active .race-dot {
+  background: #f4b400;
+  border-color: #f4b400;
+  box-shadow: none;
+}
+
 /* =============================================
    Side path for sections with horizontal slides
    =========================================== */