WIP: feat(webserver): Vendor and reimplement in leptos

pkgs/packages/webserver/style/custom-bulma.scss

@@ -0,0 +1,52 @@
+@use "bulma/sass/utilities/initial-variables" as iv with (
+  $black: #0f0f0f,
+  $grey-darker: #11151c,
+  $grey-light: #dddddd,
+  $white: #ffffff,
+
+  $orange: #d26937,
+  $yellow: #b58900,
+  $green: #2aa889,
+  $cyan: #599cab,
+  $blue: #195466,
+  $red: #dc322f,
+);
+
+iv.$family-sans-serif: "Nunito", iv.$family-sans-serif;
+iv.$family-monospace: "Hack", iv.$family-monospace;
+
+@forward "bulma/sass/utilities/functions";
+@use "bulma/sass/utilities/derived-variables" with (
+  $link: iv.$green,
+  $primary: #99d1ce,
+);
+@forward "bulma/sass/utilities/controls";
+
+@forward "bulma/sass/base" with (
+  $body-background-color: iv.$black,
+  $body-color: iv.$grey-light,
+
+  $hr-background-color: iv.$grey-light,
+  $hr-height: 1px,
+);
+@forward "bulma/sass/themes";
+
+@use "bulma/sass/elements/content" with (
+  $content-heading-weight: iv.$weight-semibold,
+);
+
+@use "bulma/sass/elements/title" with (
+  $title-color: #99d1ce,
+);
+
+@forward "bulma/sass/grid/columns";
+
+@forward "bulma/sass/helpers/typography";
+@forward "bulma/sass/helpers/color";
+
+@forward "bulma/sass/layout/container";
+@forward "bulma/sass/layout/section";
+
+@forward "bulma/sass/components/navbar" with (
+  $navbar-burger-color: iv.$grey-light,
+);

pkgs/packages/webserver/style/fonts.scss

@@ -0,0 +1,48 @@
+@use "@fontsource-utils/scss/src/mixins" as fontsource with (
+  $display: auto
+);
+@use "@fontsource-variable/arimo/scss/metadata.scss" as arimo;
+@use "@fontsource-variable/nunito/scss/metadata.scss" as nunito;
+
+@include fontsource.faces(
+  $metadata: nunito.$metadata,
+  $weights: (
+    300,
+    400,
+    500,
+    600,
+    700,
+  ),
+  $subsets: latin,
+  $styles: (
+    normal,
+    italic,
+  ),
+  $family: "Nunito",
+  $directory: "/@fontsource-variable/nunito"
+);
+
+@include fontsource.faces(
+  $metadata: arimo.$metadata,
+  $weights: 400,
+  $subsets: latin,
+  $styles: normal,
+  $family: "Arimo",
+  $directory: "/@fontsource-variable/arimo"
+);
+
+// Hack *does* come with its own CSS, but it's broken and hasn't seen
+// a release since https://github.com/source-foundry/Hack/issues/467
+// was resolved.
+
+$variants: regular normal 400, bold normal 700, italic italic 400, bolditalic italic 700;
+
+@each $name, $style, $weights in $variants {
+  @font-face {
+    font-family: "Hack";
+    font-style: $style;
+    font-display: auto;
+    font-weight: $weights;
+    src: url("/hack-font/hack-#{$name}-subset.woff2") format("woff2-variations");
+  }
+}

pkgs/packages/webserver/style/main.scss

@@ -0,0 +1,2 @@
+@use "fonts";
+@use "custom-bulma";