From 693e8c96658112356b51276ab810f2e7fca4736d Mon Sep 17 00:00:00 2001
From: Anna Sidwell <anna@takkaria.org>
Date: Tue, 3 Dec 2019 00:08:31 +0100
Subject: [PATCH] Fix front page

---
 src/assets/js/main.js | 381 +++++++++++++++++++++---------------------
 1 file changed, 190 insertions(+), 191 deletions(-)

diff --git a/src/assets/js/main.js b/src/assets/js/main.js
index 3b50c15..5df2f67 100644
--- a/src/assets/js/main.js
+++ b/src/assets/js/main.js
@@ -1,191 +1,190 @@
-/*
-  Spectral by HTML5 UP
-  html5up.net | @ajlkn
-  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
-
-(function($) {
-  skel.breakpoints({
-    xlarge: "(max-width: 1680px)",
-    large: "(max-width: 1280px)",
-    medium: "(max-width: 980px)",
-    small: "(max-width: 736px)",
-    xsmall: "(max-width: 480px)"
-  });
-
-  $(function() {
-    var $window = $(window),
-      $body = $("body"),
-      $wrapper = $("#page-wrapper"),
-      $banner = $("#banner"),
-      $header = $(".header");
-
-    // Disable animations/transitions until the page has loaded.
-    $body.addClass("is-loading");
-
-    $window.on("load", function() {
-      window.setTimeout(function() {
-        $body.removeClass("is-loading");
-      }, 100);
-    });
-
-    // Mobile?
-    if (skel.vars.mobile) $body.addClass("is-mobile");
-    else
-      skel
-        .on("-medium !medium", function() {
-          $body.removeClass("is-mobile");
-        })
-        .on("+medium", function() {
-          $body.addClass("is-mobile");
-        });
-
-    // Fix: Placeholder polyfill.
-    $("form").placeholder();
-
-    // Prioritize "important" elements on medium.
-    skel.on("+medium -medium", function() {
-      $.prioritize(
-        ".important\\28 medium\\29",
-        skel.breakpoint("medium").active
-      );
-    });
-
-    // Header.
-    if (skel.vars.IEVersion < 9) $header.removeClass("alt");
-
-    if ($banner.length > 0 && $header.hasClass("alt")) {
-      $window.on("resize", function() {
-        $window.trigger("scroll");
-      });
-
-      $banner.scrollex({
-        bottom: $header.outerHeight() + 1,
-        terminate: function() {
-          $header.removeClass("alt");
-        },
-        enter: function() {
-          $header.addClass("alt");
-        },
-        leave: function() {
-          $header.removeClass("alt");
-        }
-      });
-
-      // Particles
-      if ($(window).width() > 980) {
-        particlesJS("banner", {
-          particles: {
-            number: {
-              value: 65,
-              density: {
-                enable: false,
-                value_area: 800
-              }
-            },
-            color: {
-              value: "#f99081"
-            },
-            shape: {
-              type: "circle",
-              stroke: {
-                width: 0,
-                color: "#000000"
-              },
-              polygon: {
-                nb_sides: 5
-              },
-              image: {
-                src: "img/github.svg",
-                width: 100,
-                height: 100
-              }
-            },
-            opacity: {
-              value: 0.6,
-              random: true,
-              anim: {
-                enable: false,
-                speed: 1,
-                opacity_min: 0.4,
-                sync: false
-              }
-            },
-            size: {
-              value: 14,
-              random: true,
-              anim: {
-                enable: true,
-                speed: 6,
-                size_min: 4,
-                sync: false
-              }
-            },
-            line_linked: {
-              enable: true,
-              distance: 250,
-              color: "#f99081",
-              opacity: 0.8,
-              width: 2
-            },
-            move: {
-              enable: true,
-              speed: 0.4,
-              direction: "none",
-              random: true,
-              straight: false,
-              out_mode: "out",
-              bounce: false,
-              attract: {
-                enable: false,
-                rotateX: 600,
-                rotateY: 1200
-              }
-            }
-          },
-          interactivity: {
-            detect_on: "canvas",
-            events: {
-              onhover: {
-                enable: true,
-                mode: "grab"
-              },
-              onclick: {
-                enable: true,
-                mode: "push"
-              },
-              resize: true
-            },
-            modes: {
-              grab: {
-                distance: 200,
-                line_linked: {
-                  opacity: 0.8
-                }
-              },
-              bubble: {
-                distance: 400,
-                size: 40,
-                duration: 2,
-                opacity: 8,
-                speed: 3
-              },
-              repulse: {
-                distance: 200,
-                duration: 0.4
-              },
-              push: {
-                particles_nb: 2
-              },
-              remove: {
-                particles_nb: 2
-              }
-            }
-          },
-          retina_detect: true
-        });
-      }
-    }
-  });
-})(jQuery);
-
+/*
+  Spectral by HTML5 UP
+  html5up.net | @ajlkn
+  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+(function($) {
+  skel.breakpoints({
+    xlarge: "(max-width: 1680px)",
+    large: "(max-width: 1280px)",
+    medium: "(max-width: 980px)",
+    small: "(max-width: 736px)",
+    xsmall: "(max-width: 480px)"
+  });
+
+  var $window = $(window),
+    $body = $("body"),
+    $wrapper = $("#page-wrapper"),
+    $banner = $("#banner"),
+    $header = $(".header");
+
+  // Disable animations/transitions until the page has loaded.
+  $body.addClass("is-loading");
+
+  $window.on("load", function() {
+    window.setTimeout(function() {
+      $body.removeClass("is-loading");
+    }, 100);
+  });
+
+  // Mobile?
+  if (skel.vars.mobile) {
+    $body.addClass("is-mobile");
+  } else {
+    skel
+      .on("-medium !medium", function() {
+        $body.removeClass("is-mobile");
+      })
+      .on("+medium", function() {
+        $body.addClass("is-mobile");
+      });
+  }
+
+  // Fix: Placeholder polyfill.
+  $("form").placeholder();
+
+  // Prioritize "important" elements on medium.
+  skel.on("+medium -medium", function() {
+    $.prioritize(
+      ".important\\28 medium\\29",
+      skel.breakpoint("medium").active
+    );
+  });
+
+  // Header.
+  if (skel.vars.IEVersion < 9) $header.removeClass("alt");
+
+  if ($banner.length > 0 && $header.hasClass("alt")) {
+    $window.on("resize", function() {
+      $window.trigger("scroll");
+    });
+
+    $banner.scrollex({
+      bottom: $header.outerHeight() + 1,
+      terminate: function() {
+        $header.removeClass("alt");
+      },
+      enter: function() {
+        $header.addClass("alt");
+      },
+      leave: function() {
+        $header.removeClass("alt");
+      }
+    });
+
+    // Particles
+    if ($(window).width() > 980) {
+      particlesJS("banner", {
+        particles: {
+          number: {
+            value: 65,
+            density: {
+              enable: false,
+              value_area: 800
+            }
+          },
+          color: {
+            value: "#f99081"
+          },
+          shape: {
+            type: "circle",
+            stroke: {
+              width: 0,
+              color: "#000000"
+            },
+            polygon: {
+              nb_sides: 5
+            },
+            image: {
+              src: "img/github.svg",
+              width: 100,
+              height: 100
+            }
+          },
+          opacity: {
+            value: 0.6,
+            random: true,
+            anim: {
+              enable: false,
+              speed: 1,
+              opacity_min: 0.4,
+              sync: false
+            }
+          },
+          size: {
+            value: 14,
+            random: true,
+            anim: {
+              enable: true,
+              speed: 6,
+              size_min: 4,
+              sync: false
+            }
+          },
+          line_linked: {
+            enable: true,
+            distance: 250,
+            color: "#f99081",
+            opacity: 0.8,
+            width: 2
+          },
+          move: {
+            enable: true,
+            speed: 0.4,
+            direction: "none",
+            random: true,
+            straight: false,
+            out_mode: "out",
+            bounce: false,
+            attract: {
+              enable: false,
+              rotateX: 600,
+              rotateY: 1200
+            }
+          }
+        },
+        interactivity: {
+          detect_on: "canvas",
+          events: {
+            onhover: {
+              enable: true,
+              mode: "grab"
+            },
+            onclick: {
+              enable: true,
+              mode: "push"
+            },
+            resize: true
+          },
+          modes: {
+            grab: {
+              distance: 200,
+              line_linked: {
+                opacity: 0.8
+              }
+            },
+            bubble: {
+              distance: 400,
+              size: 40,
+              duration: 2,
+              opacity: 8,
+              speed: 3
+            },
+            repulse: {
+              distance: 200,
+              duration: 0.4
+            },
+            push: {
+              particles_nb: 2
+            },
+            remove: {
+              particles_nb: 2
+            }
+          }
+        },
+        retina_detect: true
+      });
+    }
+  }
+})(jQuery);