feat(dgnum.eu): v2

Switch to 11ty for the website generation, while keeping the same content
2024-12-25 22:05:20 +01:00 · 2024-12-25 22:05:20 +01:00 · e2408410f3
commit e2408410f3
parent 95b123ce2f
166 changed files with 15087 additions and 20598 deletions
--- a/.eleventy.js
+++ b/.eleventy.js
@ -0,0 +1,108 @@
+// Module imports
+import syntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
+import { feedPlugin } from "@11ty/eleventy-plugin-rss";
+import markdownIt from "markdown-it";
+import anchor from "markdown-it-anchor";
+import attributes from "markdown-it-attrs";
+import { minify } from "terser";
+import { extname } from "path";
+
+const headerIconLink = (slug, _, state, idx) => {
+  const linkTokens = [
+    Object.assign(new state.Token("link_open", "a", 1), {
+      attrs: [
+        ["href", `#${slug}`],
+        ["class", "header-anchor"],
+      ],
+    }),
+    ...[new state.Token("span_open", "span", 1)],
+    ...state.tokens[idx + 1].children,
+    ...[new state.Token("span_close", "span", -1)],
+    Object.assign(new state.Token("html_inline", "", 0), {
+      content: `&nbsp;<i class="ti ti-link" aria-hidden=true></i>`,
+      meta: { isPermalinkSymbol: true },
+    }),
+    new state.Token("link_close", "a", -1),
+  ];
+
+  state.tokens[idx + 1] = Object.assign(new state.Token("inline", "", 0), {
+    children: linkTokens,
+  });
+};
+
+const copy = (md, _) => {
+  md.renderer.rules.fence = ((rule) => {
+    return (tokens, idx, options, env, self) => {
+      // The original rendered code block
+      const rendered = rule(tokens, idx, options, env, self);
+
+      if (!tokens[idx].info) {
+        return rendered;
+      }
+
+      return `<div class="code-container">${rendered}<button class="code-copy"><span class="ti ti-clipboard"></span></button></div>`;
+    };
+  })(md.renderer.rules.fence);
+};
+
+export default function (config) {
+  // Setup passthrough directories
+  [
+    "src/_uploads",
+    ...["css", "js", "fonts"].map((d) => `src/assets/${d}`),
+  ].forEach((dir) => config.addPassthroughCopy(dir));
+
+  config.addPassthroughCopy({
+    "node_modules/@tabler/icons-webfont/dist/fonts": "assets/icons/fonts",
+    "node_modules/@tabler/icons-webfont/dist/*.min.css": "assets/icons",
+  });
+
+  // Plugins registration
+  config.addPlugin(syntaxHighlight, { lineSeparator: "<br>" });
+  config.addPlugin(feedPlugin, {
+    type: "atom",
+    outputPath: "/feed.xml",
+    collection: {
+      name: "post",
+      limit: 10,
+    },
+    metadata: {
+      language: "fr",
+      title: "DGNum",
+      subtitle: "A small collection of texts.",
+      base: "https://dgnum.eu/",
+      author: {
+        name: "La Délégation Générale Numérique",
+      },
+    },
+  });
+
+  // Date filter
+  config.addFilter("showDate", (d) => d.toDateString());
+
+  // Markdown configuration
+  config.setLibrary(
+    "md",
+    markdownIt({ html: true, breaks: true, linkify: true })
+      .use(anchor, { permalink: headerIconLink })
+      .use(copy)
+      .use(attributes),
+  );
+
+  // Minify js files
+  // config.addTransform("min.js", async (content, outputPath) => {
+  //   if (outputPath && extname(outputPath) == ".js") {
+  //     const js = await minify(content, {});
+  //     return js.code;
+  //   }
+  //
+  //   return content;
+  // });
+
+  return {
+    dir: {
+      includes: "_includes",
+      layouts: "_layouts",
+    },
+  };
+}
--- a/.envrc
+++ b/.envrc
@ -1 +1 @@
-use flake
+use nix
--- a/.gitignore
+++ b/.gitignore
@ -9,3 +9,4 @@ _cache
 _site
 dist-newstyle
 .ghc.environment.*
+node_modules
--- a/default.nix
+++ b/default.nix
@ -1,10 +1,16 @@
-(import
-  (
-    let lock = builtins.fromJSON (builtins.readFile ./flake.lock); in
-    fetchTarball {
-      url = "https://github.com/edolstra/flake-compat/archive/${lock.nodes.flake-compat.locked.rev}.tar.gz";
-      sha256 = lock.nodes.flake-compat.locked.narHash;
-    }
-  )
-  { src = ./.; }
-).defaultNix
+{
+  sources ? import ./npins,
+  pkgs ? import sources.nixpkgs { },
+}:
+
+(pkgs.callPackage ./package.nix { })
+// {
+  devShell = pkgs.mkShell {
+    name = "dgnum-eu.dev";
+
+    packages = [
+      pkgs.nodejs
+      pkgs.sass
+    ];
+  };
+}
--- a/flake.lock
+++ b/flake.lock
@ -1,77 +0,0 @@
-{
-  "nodes": {
-    "flake-compat": {
-      "flake": false,
-      "locked": {
-        "lastModified": 1673956053,
-        "narHash": "sha256-4gtG9iQuiKITOjNQQeQIpoIB6b16fm+504Ch3sNKLd8=",
-        "owner": "edolstra",
-        "repo": "flake-compat",
-        "rev": "35bb57c0c8d8b62bbfd284272c928ceb64ddbde9",
-        "type": "github"
-      },
-      "original": {
-        "owner": "edolstra",
-        "repo": "flake-compat",
-        "type": "github"
-      }
-    },
-    "flake-utils": {
-      "inputs": {
-        "systems": "systems"
-      },
-      "locked": {
-        "lastModified": 1685518550,
-        "narHash": "sha256-o2d0KcvaXzTrPRIo0kOLV0/QXHhDQ5DTi+OxcjO8xqY=",
-        "owner": "numtide",
-        "repo": "flake-utils",
-        "rev": "a1720a10a6cfe8234c0e93907ffe81be440f4cef",
-        "type": "github"
-      },
-      "original": {
-        "owner": "numtide",
-        "repo": "flake-utils",
-        "type": "github"
-      }
-    },
-    "nixpkgs": {
-      "locked": {
-        "lastModified": 1686501370,
-        "narHash": "sha256-G0WuM9fqTPRc2URKP9Lgi5nhZMqsfHGrdEbrLvAPJcg=",
-        "owner": "NixOS",
-        "repo": "nixpkgs",
-        "rev": "75a5ebf473cd60148ba9aec0d219f72e5cf52519",
-        "type": "github"
-      },
-      "original": {
-        "id": "nixpkgs",
-        "ref": "nixos-unstable",
-        "type": "indirect"
-      }
-    },
-    "root": {
-      "inputs": {
-        "flake-compat": "flake-compat",
-        "flake-utils": "flake-utils",
-        "nixpkgs": "nixpkgs"
-      }
-    },
-    "systems": {
-      "locked": {
-        "lastModified": 1681028828,
-        "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
-        "owner": "nix-systems",
-        "repo": "default",
-        "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
-        "type": "github"
-      },
-      "original": {
-        "owner": "nix-systems",
-        "repo": "default",
-        "type": "github"
-      }
-    }
-  },
-  "root": "root",
-  "version": 7
-}
--- a/flake.nix
+++ b/flake.nix
@ -1,39 +0,0 @@
-{
-  description = "Website for dgnum.eu";
-
-  inputs = {
-    nixpkgs.url = "nixpkgs/nixos-unstable";
-    flake-utils.url = "github:numtide/flake-utils";
-    flake-compat = {
-      url = "github:edolstra/flake-compat";
-      flake = false;
-    };
-  };
-
-  outputs = { self, nixpkgs, flake-utils, ... }:
-    flake-utils.lib.eachDefaultSystem (system:
-      let
-        pkgs = nixpkgs.legacyPackages.${system};
-        ssg = pkgs.callPackage ./ssg { };
-        defaultInputs = with pkgs; [ nixfmt shellcheck ];
-      in
-      {
-        formatter = pkgs.nixfmt;
-
-        devShells = {
-          default = pkgs.mkShell { buildInputs = [ ssg ] ++ defaultInputs; };
-
-          ssg = pkgs.haskellPackages.shellFor {
-            packages = _: [ ssg ];
-            buildInputs = with pkgs.haskellPackages;
-              [ cabal-install ghcid hlint ] ++ defaultInputs;
-          };
-        };
-
-        packages = {
-          inherit ssg;
-          site = pkgs.callPackage ./site { inherit ssg; };
-        };
-        defaultPackage = self.packages.${system}.site;
-      });
-}
--- a/npins/default.nix
+++ b/npins/default.nix
@ -0,0 +1,80 @@
+# Generated by npins. Do not modify; will be overwritten regularly
+let
+  data = builtins.fromJSON (builtins.readFile ./sources.json);
+  version = data.version;
+
+  mkSource =
+    spec:
+    assert spec ? type;
+    let
+      path =
+        if spec.type == "Git" then
+          mkGitSource spec
+        else if spec.type == "GitRelease" then
+          mkGitSource spec
+        else if spec.type == "PyPi" then
+          mkPyPiSource spec
+        else if spec.type == "Channel" then
+          mkChannelSource spec
+        else
+          builtins.throw "Unknown source type ${spec.type}";
+    in
+    spec // { outPath = path; };
+
+  mkGitSource =
+    {
+      repository,
+      revision,
+      url ? null,
+      hash,
+      branch ? null,
+      ...
+    }:
+    assert repository ? type;
+    # At the moment, either it is a plain git repository (which has an url), or it is a GitHub/GitLab repository
+    # In the latter case, there we will always be an url to the tarball
+    if url != null then
+      (builtins.fetchTarball {
+        inherit url;
+        sha256 = hash; # FIXME: check nix version & use SRI hashes
+      })
+    else
+      assert repository.type == "Git";
+      let
+        urlToName =
+          url: rev:
+          let
+            matched = builtins.match "^.*/([^/]*)(\\.git)?$" repository.url;
+
+            short = builtins.substring 0 7 rev;
+
+            appendShort = if (builtins.match "[a-f0-9]*" rev) != null then "-${short}" else "";
+          in
+          "${if matched == null then "source" else builtins.head matched}${appendShort}";
+        name = urlToName repository.url revision;
+      in
+      builtins.fetchGit {
+        url = repository.url;
+        rev = revision;
+        inherit name;
+        # hash = hash;
+      };
+
+  mkPyPiSource =
+    { url, hash, ... }:
+    builtins.fetchurl {
+      inherit url;
+      sha256 = hash;
+    };
+
+  mkChannelSource =
+    { url, hash, ... }:
+    builtins.fetchTarball {
+      inherit url;
+      sha256 = hash;
+    };
+in
+if version == 3 then
+  builtins.mapAttrs (_: mkSource) data.pins
+else
+  throw "Unsupported format version ${toString version} in sources.json. Try running `npins upgrade`"
--- a/npins/sources.json
+++ b/npins/sources.json
@ -0,0 +1,51 @@
+{
+  "pins": {
+    "git-hooks": {
+      "type": "Git",
+      "repository": {
+        "type": "GitHub",
+        "owner": "cachix",
+        "repo": "git-hooks.nix"
+      },
+      "branch": "master",
+      "revision": "0ddd26d0925f618c3a5d85a4fa5eb1e23a09491d",
+      "url": "https://github.com/cachix/git-hooks.nix/archive/0ddd26d0925f618c3a5d85a4fa5eb1e23a09491d.tar.gz",
+      "hash": "126hw0930is76hdqa43vc4z2mfdlb28xj4gz572a7mbqn98kjccz"
+    },
+    "nix-actions": {
+      "type": "GitRelease",
+      "repository": {
+        "type": "Git",
+        "url": "https://git.dgnum.eu/DGNum/nix-actions"
+      },
+      "pre_releases": false,
+      "version_upper_bound": null,
+      "release_prefix": null,
+      "version": "v0.2.2",
+      "revision": "b9cb5d6f945d1e3fd7b70d63848c70335e9912e8",
+      "url": null,
+      "hash": "0m6bw5qlrchsigx7x4nz3xkcn3dnr14k5j0ws9lbggnldnz9qg2w"
+    },
+    "nix-reuse": {
+      "type": "GitRelease",
+      "repository": {
+        "type": "Git",
+        "url": "https://git.dgnum.eu/DGNum/nix-reuse"
+      },
+      "pre_releases": false,
+      "version_upper_bound": null,
+      "release_prefix": null,
+      "version": "v0.1.2",
+      "revision": "2f45f2e7e6f5ecfe03f1f7445aeda04958beed61",
+      "url": null,
+      "hash": "0l4mq7z7zmx9c8mjnzsvkkza55dcz4vcs9j26znz49n97irp3aal"
+    },
+    "nixpkgs": {
+      "type": "Channel",
+      "name": "nixpkgs-unstable",
+      "url": "https://releases.nixos.org/nixpkgs/nixpkgs-25.05pre723402.4989a246d7a3/nixexprs.tar.xz",
+      "hash": "0hjng6rhkjiql1dqbanjm6jl6npik29q2lmba032j897fhyzin91"
+    }
+  },
+  "version": 3
+}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,29 @@
+{
+  "name": "dgnum.eu",
+  "version": "2.0.0",
+  "description": "Website of the DGNum",
+  "type": "module",
+  "scripts": {
+    "11ty": "npx @11ty/eleventy --input=src --serve",
+    "sass": "sass --watch src/assets/scss/dgnum.scss:src/assets/css/dgnum.css",
+    "build": "sass --no-source-map --style compressed src/assets/scss/dgnum.scss:src/assets/css/dgnum.css && npx @11ty/eleventy --input=src",
+    "dev": "npm run sass & npm run 11ty"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.dgnum.eu/DGNum/dgnum.eu"
+  },
+  "author": "Délégation Générale Numérique",
+  "license": "EUPL-1.2",
+  "dependencies": {
+    "@11ty/eleventy": "^3.0.0",
+    "@11ty/eleventy-plugin-rss": "^2.0.2",
+    "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
+    "@tabler/icons-webfont": "^3.26.0",
+    "markdown-it-anchor": "^9.2.0",
+    "markdown-it-attrs": "^4.3.0",
+    "sass": "^1.83.0",
+    "sass-migrator": "^2.3.0",
+    "terser": "^5.37.0"
+  }
+}
--- a/package.nix
+++ b/package.nix
@ -0,0 +1,44 @@
+{
+  lib,
+  buildNpmPackage,
+  sass,
+}:
+
+let
+  inherit (lib.fileset)
+    difference
+    maybeMissing
+    toSource
+    unions
+    ;
+in
+
+buildNpmPackage {
+  pname = "dgnum.eu";
+  version = "2.0";
+
+  src = toSource {
+    root = ./.;
+
+    fileset = difference ./. (
+      unions (
+        builtins.map maybeMissing [
+          ./.direnv
+          ./.envrc
+          ./_site
+          ./default.nix
+          ./node_modules
+          ./shell.nix
+        ]
+      )
+    );
+  };
+
+  npmDepsHash = "sha256-ORR+FQOjW6aF03McT5vrnnUBFeBDwIiEN0Tru8Aty0E=";
+
+  buildInputs = [ sass ];
+
+  installPhase = ''
+    mv _site $out
+  '';
+}
--- a/shell.nix
+++ b/shell.nix
@ -0,0 +1 @@
+(import ./. { }).devShell
--- a/site/about.html
+++ b/site/about.html
@ -1,114 +0,0 @@
---
-title: À propos
-index: true
---
-
-<div class="tile is-ancestor is-vertical">
-  <div class="tile is-parent">
-    <div class="tile is-child px-5 notification">
-      <h2 class="title is-2 has-text-centered">La Délégation Générale Numérique</h2>
-
-      <div class="block">
-        <p>
-          La Délégation Générale Numérique est une association loi 1901 domiciliée à l'ENS dont les buts sont de
-          promouvoir la chose numérique ainsi que son usage.
-        </p>
-        <!-- TODO
-
-        - expliquer la DGNum en 2 lignes
-        - RGPD (`rgpd@dgnum at eu`) -->
-      </div>
-
-      <hr>
-
-      <div class="block pl-5">
-        <h3 class="subtitle">Documents</h3>
-
-        <li><a href="/documents/statuts.pdf">Statuts</a></li>
-        <li><a href="/documents/reglement-interieur.pdf">Règlement Intérieur</a></li>
-        <li><a href="/documents/charte-confidentialite.pdf">Charte de confidentialité</a></li>
-
-      </div>
-    </div>
-  </div>
-
-  <div class="tile is-parent">
-    <div class="tile is-child px-5 notification">
-      <h2 class="title is-2 has-text-centered">Le Bureau</h2>
-
-      <p class="mb-4">
-        Le bureau est actuellement constitué de :
-      </p>
-
-      <div class="block pl-5">
-        <li>
-          Jean-Marc <b>Gailis</b> <span class="tag is-link ml-2 mb-2">Président</span>
-        </li>
-        <li>
-          Maurice <b>Debray</b> <span class="tag is-link ml-2 mb-2">Trésorier</span>
-        </li>
-        <li>
-          Ryan <b>Lahfa</b> <span class="tag is-link ml-2 mb-2">Co-président</span> <span class="tag is-link is-light ml-2 mb-2">Co-trésorier</span>
-        </li>
-        <li>
-          Elias <b>Coppens</b> <span class="tag is-link ml-2 mb-2">Secrétaire</span> <span class="tag is-link is-light ml-2 mb-2">Co-président</span>
-        </li>
-      </div>
-    </div>
-  </div>
-
-  <div class="tile is-parent" id="poles">
-    <div class="tile is-child px-5 notification">
-      <h2 class="title is-2 has-text-centered">Les Pôles</h2>
-
-      <p class="mb-4">
-        La DGNum est organisé en pôles :
-      </p>
-
-      <ul class="block pl-5">
-        <li class="mb-1">
-          <a href="poles/administration-systeme.html">
-            <span class="icon"><i class="fa-solid fa-server"></i></span>
-            Administration Système
-          </a>
-        </li>
-        <li class="mb-1">
-          <a href="poles/communication.html">
-            <span class="icon"><i class="fa-solid fa-microphone"></i></span>
-            Communication
-          </a>
-        </li>
-        <li class="mb-1">
-          <a href="poles/formation.html">
-            <span class="icon"><i class="fa-solid fa-book"></i></span>
-            Formation
-          </a>
-        </li>
-        <li class="mb-1">
-          <a href="poles/geopolitique.html">
-            <span class="icon"><i class="fa-solid fa-earth-europe"></i></span>
-            Géopolitique
-          </a>
-        </li>
-        <li class="mb-1">
-          <a href="poles/juridique.html">
-            <span class="icon"><i class="fa-solid fa-landmark"></i></span>
-            Juridique
-          </a>
-        </li>
-        <li class="mb-1">
-          <a href="poles/logiciel.html">
-            <span class="icon"><i class="fa-solid fa-laptop"></i></span>
-            Logiciel
-          </a>
-        </li>
-        <li class="mb-1">
-          <a href="poles/recherche.html">
-            <span class="icon"><i class="fa-solid fa-flask"></i></span>
-            Recherche
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</div>
--- a/site/archives.html
+++ b/site/archives.html
@ -1,12 +0,0 @@
---
-title: Liste des publications
---
-
-<div class="panel-tabs">
-  <a class="is-active">Toutes les publications</a>
-  <a href="/tags.html">Catégories</a>
-  <a href="/poles.html">Pôles</a>
-  <a href="/authors.html">Auteur·e·s</a>
-</div>
-
-$partial("templates/posts.html")$
--- a/site/contact.md
+++ b/site/contact.md
@ -1,16 +0,0 @@
---
-title: Contact
-in_content: true
---
-
-Vous pouvez nous contacter par email à `contact at dgnum.eu`.
-
-Nous avons aussi une addresse postale :
-```
-Délégation Générale Numérique (DGNum)
-45 rue d'Ulm
-75005 Paris
-```
-
-La DGNum est également présente sur [Mastodon](https://social.dgnum.eu/@dgnum)
-et [Instagram](https://www.instagram.com/dgnum_eu/).
--- a/site/css/bulma.min.css
+++ b/site/css/bulma.min.css
--- a/site/css/dgnum.css
+++ b/site/css/dgnum.css
@ -1,3 +0,0 @@
-.notification hr {
-  background-color: currentColor;
-}
--- a/site/default.nix
+++ b/site/default.nix
@ -1,19 +0,0 @@
-{ glibcLocales
-, nix-gitignore
-, ssg
-, stdenv
-}:
-
-stdenv.mkDerivation {
-  name = "dgnum.eu";
-  version = "0.1.0";
-  srcs = nix-gitignore.gitignoreSourcePure ../.gitignore ./.;
-  buildInputs = [ glibcLocales ];
-  LANG = "en_US.UTF-8";
-  buildPhase = ''
-    ${ssg}/bin/ssg build
-  '';
-  installPhase = ''
-    cp -av _site $out
-  '';
-}
--- a/site/faq.md
+++ b/site/faq.md
@ -1,35 +0,0 @@
---
-title: Foire Aux Questions
-in_content: true
---
-
----
-
-## Mais c'est quoi la DGNum ?
-
-La DGNum est une association loi 1901 fondée par des étudiants de l'ENS ayant en
-commun un attrait pour les sujets numériques, dans leurs aspects techniques mais
-également leur relation à l'intérêt général, en particulier dans le cadre de la
-communauté étudiante normalienne.
-
-Notre projet principal en ce moment est l'installation de bornes Wi-Fi dans le
-cadre de la création d'un FAI (fournisseur d'accès internet), visant à reprendre
-la gestion du réseau dans les internats de l'ENS.
-
-## Je suis pas informaticien, mais le numérique m'intéresse, je peux quand même vous rejoindre ?
-
-Biensûr. Même si le coeur de nos activités tourne autour de sujets techniques et
-informatiques, nos membres s'occupent de problématiques diverses, par exemple
-ayant trait à la géopolotique cyber, les relations avec les administrations ou
-bien la communication auprès de notre communauté.
-
-## Comment rejoindre la DGNum ?
-
-Vous pouvez [nous contacter](/contact.html) pour en savoir plus sur nos
-activités et nous rejoindre.
-
-## Comment la DGNum est-elle organisée ?
-
-C'est expliqué sur la page [à propos](/about.html).
-Vous pouvez aussi vous référer aux statuts et au règlement intérieur (RI) pour
-plus de détails.
--- a/site/images/dgnum-logo.svg
+++ b/site/images/dgnum-logo.svg
@ -1,154 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   version="1.1"
-   id="Calque_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 259.75614 70.097367"
-   xml:space="preserve"
-   sodipodi:docname="dgnum-logo.svg"
-   width="259.75613"
-   height="70.097366"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs93"><inkscape:path-effect
-     effect="fill_between_many"
-     method="originald"
-     linkedpaths="#path6119,0,1"
-     id="path-effect8116"
-     is_visible="true"
-     lpeversion="0"
-     join="true"
-     close="true"
-     autoreverse="true" /><clipPath
-     clipPathUnits="userSpaceOnUse"
-     id="clipPath8129"><g
-       inkscape:label="Clip"
-       id="use8131" /></clipPath><clipPath
-     clipPathUnits="userSpaceOnUse"
-     id="clipPath9258"><g
-       inkscape:label="Clip"
-       id="use9260" /></clipPath><clipPath
-     id="SVGID_00000071559021375305558940000017381780678920267449_">
-			<use
-   xlink:href="#SVGID_1_"
-   style="overflow:visible"
-   id="use7" />
-		</clipPath><clipPath
-     id="SVGID_00000021827592807738578330000004588594336787880373_">
-			<use
-   xlink:href="#SVGID_00000085230230189371685700000006788812971434823571_"
-   style="overflow:visible"
-   id="use19" />
-		</clipPath><rect
-     id="SVGID_1_"
-     x="802"
-     y="457"
-     width="315"
-     height="167" /><rect
-     id="SVGID_00000085230230189371685700000006788812971434823571_"
-     x="802"
-     y="457"
-     width="315"
-     height="167" /><clipPath
-     clipPathUnits="userSpaceOnUse"
-     id="clipPath471"><path
-       id="path473"
-       style="display:inline;fill:#5d25ff;fill-opacity:1;stroke:none;stroke-width:1.56271;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
-       d="m 336.57201,48.57058 v 70.09736 m 0,0 c -83.90307,2.4e-4 -168.35829,-0.0106 -252.779856,-0.0103 -19.710602,4e-5 -29.379069,0 -29.379069,-36.11764 0,-33.90049 9.668467,-33.90049 29.379069,-33.90049 L 335.53502,48.57058"
-       sodipodi:nodetypes="ccccscc"
-       inkscape:label="path6119"
-       clip-path="none" /></clipPath></defs><sodipodi:namedview
-   id="namedview91"
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1.0"
-   inkscape:showpageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="0"
-   inkscape:deskcolor="#d1d1d1"
-   showgrid="false"
-   inkscape:zoom="9.3523354"
-   inkscape:cx="66.400527"
-   inkscape:cy="24.753176"
-   inkscape:window-width="1920"
-   inkscape:window-height="1043"
-   inkscape:window-x="0"
-   inkscape:window-y="0"
-   inkscape:window-maximized="1"
-   inkscape:current-layer="g464"
-   showguides="true"><sodipodi:guide
-     position="29.164985,70.028437"
-     orientation="0,-1"
-     id="guide8108"
-     inkscape:locked="false" /><sodipodi:guide
-     position="29.37907,14.016143"
-     orientation="1,0"
-     id="guide8110"
-     inkscape:locked="false" /><sodipodi:guide
-     position="9.6684675,70.028437"
-     orientation="1,0"
-     id="guide8112"
-     inkscape:locked="false" /><sodipodi:guide
-     position="30.961916,0.010310933"
-     orientation="0,-1"
-     id="guide8114"
-     inkscape:locked="false" /><sodipodi:guide
-     position="29.37907,35.759677"
-     orientation="0,-1"
-     id="guide8120"
-     inkscape:locked="false" /><sodipodi:guide
-     position="4.1581041e-07,36.127946"
-     orientation="1,0"
-     id="guide8122"
-     inkscape:locked="false" /></sodipodi:namedview>
-<style
-   type="text/css"
-   id="style2">
-	.st0{clip-path:url(#SVGID_00000076564745137627655340000016403154747283637944_);}
-	.st1{fill:none;stroke:#FFFFFF;stroke-width:1.1945;}
-	.st2{clip-path:url(#SVGID_00000051345043016480668630000017459005625218034844_);fill:none;stroke:#FFFFFF;stroke-width:1.0253;}
-	.st3{fill:#FFFFFF;}
-</style>
-<g
-   id="g464"
-   clip-path="url(#clipPath471)"
-   transform="translate(-54.413085,-48.57058)"><path
-     d="m 802,515.48 c 13.59,-42.81 59.35,-66.98 103.17,-54.47 43.81,12.5 69.72,57.12 58.41,100.59 -11.31,43.47 -55.71,69.96 -100.11,59.73"
-     clip-path="url(#SVGID_00000071559021375305558940000017381780678920267449_)"
-     id="path10"
-     style="display:inline"
-     transform="translate(-802.19077,-456.86565)" /><path
-     id="path22"
-     clip-path="url(#SVGID_00000021827592807738578330000004588594336787880373_)"
-     style="display:inline;fill:none;stroke:#ffffff;stroke-width:1.725;stroke-linejoin:round;stroke-dasharray:none"
-     transform="translate(-802.19077,-456.86565)"
-     d="m 926.2,515.39 7.25,-37.7 M 965.53157,555.03573 945.26,552.2 l 9.23,32.07 m -28.29,-68.88 -23.93,29.54 42.98,7.26 -61.47,21.56 70.69,10.51 -65.07,14.86 19.57,19.58 -45.52,2.62 m 62.75,-105.93 -44.59,-2 51.84,-35.71 -56.73,-19.94 5.25,55.1 20.3,32.08 -18.49,28.82 -29.36,-16.13 47.85,-12.69 m -12.86,54.21 -5.62,-25.38 m -20.32,47.58 25.94,-22.2 -39.52,-2.18 33.89,-23.2 m -29.35,-16.13 27.19,-44.23 -42.78,-12.87 37.88,-42.78 m -37.88,42.79 15.59,57.09 -4.53,39.33 m -11.06,-96.42 -22.66,-11.96 -7.25,39.15 z m 15.59,57.09 -23.74,6.34 1.45,-21.21 z m -22.3,-14.86 6.71,-42.23 m 87.54,15.03 39.14315,18.67557 L 945.26,552.2 Z"
-     sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccc" /><g
-     id="g497"
-     inkscape:label="DGNUM"
-     style="display:inline"><path
-       class="st3"
-       d="m 116.09923,83.34435 c 0,3.45 -0.55,6.62 -1.64,9.52 -1.09,2.89 -2.62,5.37 -4.61,7.44 -1.99,2.07 -4.39,3.69 -7.2,4.84 -2.810004,1.16 -5.920004,1.73 -9.340004,1.73 h -17.11 v -46.98 h 17.11 c 3.43,0 6.54,0.58 9.340004,1.73 2.81,1.16 5.21,2.78 7.2,4.86 1.99,2.08 3.52,4.55 4.61,7.42 1.09,2.88 1.64,6.03 1.64,9.44 z m -9.46,0 c 0,-2.5 -0.31,-4.74 -0.92,-6.72 -0.62,-1.98 -1.5,-3.66 -2.64,-5.05 -1.14,-1.39 -2.53,-2.46 -4.190004,-3.2 -1.65,-0.75 -3.51,-1.12 -5.59,-1.12 h -7.78 v 32.23 h 7.78 c 2.08,0 3.95,-0.36 5.59,-1.09 1.660004,-0.74 3.050004,-1.8 4.190004,-3.19 1.14,-1.39 2.02,-3.09 2.64,-5.08 0.61,-1.98 0.92,-4.24 0.92,-6.78 z m 0,0"
-       id="path26"
-       style="display:inline;fill:#ffffff" /><path
-       class="st3"
-       d="m 160.76923,102.35435 c -2.36,1.77 -4.87,3.05 -7.53,3.84 -2.67,0.79 -5.5,1.19 -8.48,1.19 -3.8,0 -7.25,-0.59 -10.33,-1.78 -3.07,-1.19 -5.71,-2.86 -7.91,-5 -2.19,-2.13 -3.88,-4.67 -5.08,-7.61 -1.19,-2.94 -1.78,-6.15 -1.78,-9.64 0,-3.51 0.57,-6.73 1.7,-9.67 1.13,-2.94 2.75,-5.46 4.86,-7.58 2.11,-2.12 4.66,-3.77 7.64,-4.95 2.99,-1.19 6.32,-1.78 10,-1.78 1.91,0 3.68,0.16 5.33,0.47 1.66,0.31 3.19,0.73 4.61,1.27 1.41,0.54 2.71,1.2 3.88,1.95 1.16,0.75 2.22,1.59 3.17,2.5 l -2.66,4.19 c -0.41,0.66 -0.95,1.06 -1.62,1.22 -0.67,0.15 -1.39,-0.02 -2.16,-0.48 -0.74,-0.45 -1.48,-0.86 -2.2,-1.25 -0.73,-0.39 -1.51,-0.74 -2.36,-1.03 -0.84,-0.29 -1.76,-0.52 -2.77,-0.69 -1.01,-0.16 -2.18,-0.25 -3.5,-0.25 -2.22,0 -4.21,0.39 -5.98,1.16 -1.77,0.76 -3.28,1.84 -4.53,3.23 -1.25,1.39 -2.22,3.08 -2.89,5.08 -0.67,1.99 -1,4.2 -1,6.62 0,2.65 0.36,5.01 1.09,7.08 0.74,2.07 1.77,3.82 3.11,5.25 1.33,1.43 2.94,2.52 4.83,3.27 1.88,0.74 3.99,1.11 6.3,1.11 1.55,0 2.95,-0.160002 4.19,-0.47 1.24,-0.32 2.46,-0.76 3.66,-1.33 v -8.22 h -5.41 c -0.56,0 -1.02,-0.16 -1.36,-0.48 -0.34,-0.33 -0.51,-0.73 -0.51,-1.2 v -5.25 h 15.7 v 19.23 z m 0,0"
-       id="path28"
-       style="display:inline;fill:#ffffff" /><path
-       d="m 173.12923,59.89435 c 0.39,0 0.73,0.02 1.02,0.06 0.29,0.03 0.55,0.1 0.77,0.2 0.23,0.11 0.44,0.26 0.64,0.45 0.2,0.19 0.43,0.43 0.69,0.73 l 23.14,30.5 c -0.15,-1.56 -0.22,-3.04 -0.22,-4.42 v -27.53 h 8.17 v 46.98 h -4.78 c -0.73,0 -1.34,-0.12 -1.83,-0.38 -0.48,-0.25 -0.95,-0.66 -1.42,-1.22 l -23.06,-30.31 c 0.14,1.46 0.22,2.81 0.22,4.06 v 27.84 h -8.22 v -46.98 h 4.88 z m 0,0"
-       id="path30"
-       style="display:inline" /><path
-       d="m 234.89923,101.78435 c 1.85,0 3.52,-0.32 4.98,-0.97 1.48,-0.66 2.72,-1.57 3.73,-2.74 1.02,-1.16 1.8,-2.55 2.33,-4.16 0.53,-1.6 0.8,-3.37 0.8,-5.3 v -28.23 h 6.44 v 28.23 c 0,2.69 -0.43,5.18 -1.28,7.47 -0.84,2.28 -2.06,4.26 -3.62,5.94 -1.56,1.68 -3.48,3 -5.75,3.95 -2.26,0.95 -4.81,1.42 -7.62,1.42 -2.84,0 -5.38,-0.48 -7.64,-1.42 -2.25,-0.96 -4.17,-2.27 -5.75,-3.95 -1.57,-1.67 -2.79,-3.66 -3.64,-5.94 -0.84,-2.29 -1.27,-4.78 -1.27,-7.47 v -28.23 h 6.44 v 28.19 c 0,1.94 0.27,3.72 0.8,5.33 0.53,1.62 1.3,3.01 2.31,4.17 1.02,1.17 2.27,2.08 3.73,2.74 1.47,0.65 3.15,0.97 5.01,0.97 z m 0,0"
-       id="path32"
-       style="display:inline" /><path
-       d="m 287.68923,89.92435 c 0.3,0.55 0.58,1.11 0.83,1.67 0.25,0.56 0.49,1.14 0.72,1.73 0.24,-0.61 0.48,-1.2 0.72,-1.77 0.25,-0.57 0.52,-1.12 0.81,-1.64 l 16.41,-28.47 c 0.28,-0.5 0.59,-0.8 0.92,-0.91 0.33,-0.1 0.78,-0.16 1.34,-0.16 h 4.73 v 46.48 h -5.69 v -33.92 c 0,-0.48 0.02,-1 0.05,-1.58 0.04,-0.58 0.08,-1.16 0.13,-1.75 l -16.59,29.16 c -0.54,0.96 -1.32,1.44 -2.33,1.44 h -0.93 c -1.01,0 -1.79,-0.48 -2.33,-1.44 l -16.98,-29.12 c 0.13,1.18 0.2,2.28 0.2,3.3 v 33.92 h -5.66 v -46.48 h 4.75 c 0.56,0 1,0.05 1.31,0.16 0.32,0.11 0.63,0.42 0.94,0.94 z m 0,0"
-       id="path34"
-       style="display:inline" /></g></g>
-</svg>
--- a/site/images/dgnum.svg
+++ b/site/images/dgnum.svg
@ -1,204 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   version="1.1"
-   id="Calque_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 314.35999 166.52411"
-   xml:space="preserve"
-   sodipodi:docname="logo_DGNum_vf copie.svg"
-   width="314.35999"
-   height="166.52411"
-   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs93" /><sodipodi:namedview
-   id="namedview91"
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1.0"
-   inkscape:showpageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="0"
-   inkscape:deskcolor="#d1d1d1"
-   showgrid="false"
-   inkscape:zoom="0.70364583"
-   inkscape:cx="157.74981"
-   inkscape:cy="83.138416"
-   inkscape:window-width="1920"
-   inkscape:window-height="1080"
-   inkscape:window-x="0"
-   inkscape:window-y="0"
-   inkscape:window-maximized="1"
-   inkscape:current-layer="Calque_1" />
-<style
-   type="text/css"
-   id="style2">
-	.st0{clip-path:url(#SVGID_00000076564745137627655340000016403154747283637944_);}
-	.st1{fill:none;stroke:#FFFFFF;stroke-width:1.1945;}
-	.st2{clip-path:url(#SVGID_00000051345043016480668630000017459005625218034844_);fill:none;stroke:#FFFFFF;stroke-width:1.0253;}
-	.st3{fill:#FFFFFF;}
-</style>
-<g
-   id="g88"
-   transform="translate(-802,-457)">
-	<g
-   id="g12">
-		<defs
-   id="defs5">
-			<rect
-   id="SVGID_1_"
-   x="802"
-   y="457"
-   width="315"
-   height="167" />
-		</defs>
-		<clipPath
-   id="SVGID_00000071559021375305558940000017381780678920267449_">
-			<use
-   xlink:href="#SVGID_1_"
-   style="overflow:visible"
-   id="use7" />
-		</clipPath>
-		<path
-   d="m 802,515.48 c 13.59,-42.81 59.35,-66.98 103.17,-54.47 43.81,12.5 69.72,57.12 58.41,100.59 -11.31,43.47 -55.71,69.96 -100.11,59.73"
-   clip-path="url(#SVGID_00000071559021375305558940000017381780678920267449_)"
-   id="path10" />
-	</g>
-	<path
-   class="st1"
-   d="m 926.38,515.56 36.75,18.68 -17.87,17.96 z m 0,0"
-   id="path14" />
-	<g
-   id="g24">
-		<defs
-   id="defs17">
-			<rect
-   id="SVGID_00000085230230189371685700000006788812971434823571_"
-   x="802"
-   y="457"
-   width="315"
-   height="167" />
-		</defs>
-		<clipPath
-   id="SVGID_00000021827592807738578330000004588594336787880373_">
-			<use
-   xlink:href="#SVGID_00000085230230189371685700000006788812971434823571_"
-   style="overflow:visible"
-   id="use19" />
-		</clipPath>
-		
-			<path
-   style="fill:none;stroke:#ffffff;stroke-width:1.0253"
-   d="m 926.2,515.39 7.25,-37.7 m 30.46,76.85 -18.65,-2.34 9.23,32.07 m -28.29,-68.88 -23.93,29.54 42.98,7.26 -61.47,21.56 70.69,10.51 -65.07,14.86 19.57,19.58 -45.52,2.62 m 62.75,-105.93 -44.59,-2 51.84,-35.71 -56.73,-19.94 5.25,55.1 20.3,32.08 -18.49,28.82 -29.36,-16.13 47.85,-12.69 m -12.86,54.21 -5.62,-25.38 m -20.32,47.58 25.94,-22.2 -39.52,-2.18 33.89,-23.2 m -29.35,-16.13 27.19,-44.23 -42.78,-12.87 37.88,-42.78 m -37.88,42.79 15.59,57.09 -4.53,39.33 m -11.06,-96.42 -22.66,-11.96 -7.25,39.15 z m 0,0 m 15.59,57.09 -23.74,6.34 1.45,-21.21 z m 0,0 m -22.3,-14.86 6.71,-42.23"
-   clip-path="url(#SVGID_00000021827592807738578330000004588594336787880373_)"
-   id="path22" />
-	</g>
-	<path
-   class="st3"
-   d="m 918.29,540.21 c 0,3.45 -0.55,6.62 -1.64,9.52 -1.09,2.89 -2.62,5.37 -4.61,7.44 -1.99,2.07 -4.39,3.69 -7.2,4.84 -2.81,1.16 -5.92,1.73 -9.34,1.73 h -17.11 v -46.98 h 17.11 c 3.43,0 6.54,0.58 9.34,1.73 2.81,1.16 5.21,2.78 7.2,4.86 1.99,2.08 3.52,4.55 4.61,7.42 1.09,2.88 1.64,6.03 1.64,9.44 z m -9.46,0 c 0,-2.5 -0.31,-4.74 -0.92,-6.72 -0.62,-1.98 -1.5,-3.66 -2.64,-5.05 -1.14,-1.39 -2.53,-2.46 -4.19,-3.2 -1.65,-0.75 -3.51,-1.12 -5.59,-1.12 h -7.78 v 32.23 h 7.78 c 2.08,0 3.95,-0.36 5.59,-1.09 1.66,-0.74 3.05,-1.8 4.19,-3.19 1.14,-1.39 2.02,-3.09 2.64,-5.08 0.61,-1.98 0.92,-4.24 0.92,-6.78 z m 0,0"
-   id="path26" />
-	<path
-   class="st3"
-   d="m 962.96,559.22 c -2.36,1.77 -4.87,3.05 -7.53,3.84 -2.67,0.79 -5.5,1.19 -8.48,1.19 -3.8,0 -7.25,-0.59 -10.33,-1.78 -3.07,-1.19 -5.71,-2.86 -7.91,-5 -2.19,-2.13 -3.88,-4.67 -5.08,-7.61 -1.19,-2.94 -1.78,-6.15 -1.78,-9.64 0,-3.51 0.57,-6.73 1.7,-9.67 1.13,-2.94 2.75,-5.46 4.86,-7.58 2.11,-2.12 4.66,-3.77 7.64,-4.95 2.99,-1.19 6.32,-1.78 10,-1.78 1.91,0 3.68,0.16 5.33,0.47 1.66,0.31 3.19,0.73 4.61,1.27 1.41,0.54 2.71,1.2 3.88,1.95 1.16,0.75 2.22,1.59 3.17,2.5 l -2.66,4.19 c -0.41,0.66 -0.95,1.06 -1.62,1.22 -0.67,0.15 -1.39,-0.02 -2.16,-0.48 -0.74,-0.45 -1.48,-0.86 -2.2,-1.25 -0.73,-0.39 -1.51,-0.74 -2.36,-1.03 -0.84,-0.29 -1.76,-0.52 -2.77,-0.69 -1.01,-0.16 -2.18,-0.25 -3.5,-0.25 -2.22,0 -4.21,0.39 -5.98,1.16 -1.77,0.76 -3.28,1.84 -4.53,3.23 -1.25,1.39 -2.22,3.08 -2.89,5.08 -0.67,1.99 -1,4.2 -1,6.62 0,2.65 0.36,5.01 1.09,7.08 0.74,2.07 1.77,3.82 3.11,5.25 1.33,1.43 2.94,2.52 4.83,3.27 1.88,0.74 3.99,1.11 6.3,1.11 1.55,0 2.95,-0.16 4.19,-0.47 1.24,-0.32 2.46,-0.76 3.66,-1.33 v -8.22 h -5.41 c -0.56,0 -1.02,-0.16 -1.36,-0.48 -0.34,-0.33 -0.51,-0.73 -0.51,-1.2 v -5.25 h 15.7 v 19.23 z m 0,0"
-   id="path28" />
-	<path
-   d="m 975.32,516.76 c 0.39,0 0.73,0.02 1.02,0.06 0.29,0.03 0.55,0.1 0.77,0.2 0.23,0.11 0.44,0.26 0.64,0.45 0.2,0.19 0.43,0.43 0.69,0.73 l 23.14,30.5 c -0.15,-1.56 -0.22,-3.04 -0.22,-4.42 v -27.53 h 8.17 v 46.98 h -4.78 c -0.73,0 -1.34,-0.12 -1.83,-0.38 -0.48,-0.25 -0.95,-0.66 -1.42,-1.22 l -23.06,-30.31 c 0.14,1.46 0.22,2.81 0.22,4.06 v 27.84 h -8.22 v -46.98 h 4.88 z m 0,0"
-   id="path30" />
-	<path
-   d="m 1037.09,558.65 c 1.85,0 3.52,-0.32 4.98,-0.97 1.48,-0.66 2.72,-1.57 3.73,-2.74 1.02,-1.16 1.8,-2.55 2.33,-4.16 0.53,-1.6 0.8,-3.37 0.8,-5.3 v -28.23 h 6.44 v 28.23 c 0,2.69 -0.43,5.18 -1.28,7.47 -0.84,2.28 -2.06,4.26 -3.62,5.94 -1.56,1.68 -3.48,3 -5.75,3.95 -2.26,0.95 -4.81,1.42 -7.62,1.42 -2.84,0 -5.38,-0.48 -7.64,-1.42 -2.25,-0.96 -4.17,-2.27 -5.75,-3.95 -1.57,-1.67 -2.79,-3.66 -3.64,-5.94 -0.84,-2.29 -1.27,-4.78 -1.27,-7.47 v -28.23 h 6.44 v 28.19 c 0,1.94 0.27,3.72 0.8,5.33 0.53,1.62 1.3,3.01 2.31,4.17 1.02,1.17 2.27,2.08 3.73,2.74 1.47,0.65 3.15,0.97 5.01,0.97 z m 0,0"
-   id="path32" />
-	<path
-   d="m 1089.88,546.79 c 0.3,0.55 0.58,1.11 0.83,1.67 0.25,0.56 0.49,1.14 0.72,1.73 0.24,-0.61 0.48,-1.2 0.72,-1.77 0.25,-0.57 0.52,-1.12 0.81,-1.64 l 16.41,-28.47 c 0.28,-0.5 0.59,-0.8 0.92,-0.91 0.33,-0.1 0.78,-0.16 1.34,-0.16 h 4.73 v 46.48 h -5.69 V 529.8 c 0,-0.48 0.02,-1 0.05,-1.58 0.04,-0.58 0.08,-1.16 0.13,-1.75 l -16.59,29.16 c -0.54,0.96 -1.32,1.44 -2.33,1.44 H 1091 c -1.01,0 -1.79,-0.48 -2.33,-1.44 l -16.98,-29.12 c 0.13,1.18 0.2,2.28 0.2,3.3 v 33.92 h -5.66 v -46.48 h 4.75 c 0.56,0 1,0.05 1.31,0.16 0.32,0.11 0.63,0.42 0.94,0.94 z m 0,0"
-   id="path34" />
-	<path
-   d="m 979.1,583.41 c 0,0.87 -0.12,1.65 -0.38,2.36 -0.25,0.7 -0.61,1.3 -1.06,1.81 -0.46,0.5 -1.01,0.89 -1.66,1.16 -0.64,0.27 -1.34,0.41 -2.12,0.41 h -3.95 V 577.7 h 3.95 c 0.78,0 1.49,0.14 2.12,0.42 0.64,0.27 1.2,0.66 1.66,1.16 0.46,0.5 0.81,1.11 1.06,1.81 0.25,0.7 0.38,1.47 0.38,2.32 z m -1.63,0 c 0,-0.7 -0.09,-1.32 -0.25,-1.86 -0.17,-0.55 -0.41,-1.02 -0.74,-1.41 -0.31,-0.38 -0.7,-0.67 -1.14,-0.88 -0.44,-0.2 -0.93,-0.3 -1.47,-0.3 h -2.36 v 8.89 h 2.36 c 0.54,0 1.03,-0.1 1.47,-0.3 0.44,-0.21 0.83,-0.5 1.14,-0.88 0.32,-0.38 0.57,-0.85 0.74,-1.41 0.17,-0.52 0.25,-1.15 0.25,-1.85 z m 0,0"
-   id="path36" />
-	<path
-   d="m 980.35,589.15 z m 4.02,-8.66 c 0.51,0 0.98,0.09 1.41,0.25 0.44,0.17 0.82,0.42 1.14,0.75 0.32,0.32 0.57,0.72 0.75,1.19 0.18,0.47 0.27,1.01 0.27,1.62 0,0.24 -0.03,0.4 -0.08,0.48 -0.05,0.07 -0.15,0.11 -0.28,0.11 h -5.7 c 0.01,0.53 0.08,1 0.22,1.39 0.13,0.4 0.32,0.73 0.55,1 0.24,0.26 0.52,0.46 0.84,0.59 0.32,0.12 0.69,0.19 1.09,0.19 0.38,0 0.7,-0.04 0.97,-0.12 0.27,-0.08 0.5,-0.17 0.7,-0.28 0.2,-0.1 0.36,-0.2 0.48,-0.28 0.13,-0.09 0.25,-0.14 0.36,-0.14 0.06,0 0.11,0.02 0.16,0.05 0.05,0.02 0.09,0.06 0.12,0.11 l 0.44,0.56 c -0.19,0.22 -0.41,0.41 -0.67,0.58 -0.26,0.17 -0.54,0.31 -0.84,0.42 -0.29,0.1 -0.6,0.18 -0.92,0.23 -0.31,0.05 -0.62,0.08 -0.92,0.08 -0.59,0 -1.14,-0.1 -1.64,-0.3 -0.5,-0.2 -0.93,-0.49 -1.3,-0.88 -0.37,-0.38 -0.65,-0.86 -0.86,-1.42 -0.2,-0.57 -0.3,-1.23 -0.3,-1.97 0,-0.59 0.09,-1.15 0.27,-1.66 0.19,-0.52 0.45,-0.97 0.8,-1.34 0.34,-0.38 0.77,-0.68 1.27,-0.89 0.48,-0.21 1.04,-0.32 1.67,-0.32 z m 0.01,1.11 c -0.71,0 -1.27,0.21 -1.69,0.64 -0.42,0.42 -0.68,0.98 -0.78,1.7 h 4.64 c 0,-0.34 -0.05,-0.66 -0.16,-0.94 -0.09,-0.29 -0.23,-0.53 -0.42,-0.73 -0.18,-0.21 -0.4,-0.37 -0.67,-0.48 -0.27,-0.13 -0.57,-0.19 -0.92,-0.19 z m 2.16,-4.65 -1.97,2.17 c -0.09,0.09 -0.17,0.16 -0.25,0.19 -0.07,0.03 -0.17,0.05 -0.28,0.05 h -0.92 l 1.25,-2.03 c 0.07,-0.12 0.16,-0.22 0.25,-0.28 0.09,-0.06 0.23,-0.09 0.42,-0.09 h 1.5 z m 0,0"
-   id="path38" />
-	<rect
-   x="989.87"
-   y="576.73999"
-   width="1.53"
-   height="12.41"
-   id="rect40" />
-	<path
-   d="m 993.34,589.15 z m 4.02,-8.66 c 0.51,0 0.98,0.09 1.41,0.25 0.44,0.17 0.82,0.42 1.14,0.75 0.32,0.32 0.57,0.72 0.75,1.19 0.18,0.47 0.27,1.01 0.27,1.62 0,0.24 -0.03,0.4 -0.08,0.48 -0.05,0.07 -0.15,0.11 -0.28,0.11 h -5.7 c 0.01,0.53 0.08,1 0.22,1.39 0.13,0.4 0.32,0.73 0.55,1 0.24,0.26 0.52,0.46 0.84,0.59 0.32,0.12 0.69,0.19 1.09,0.19 0.38,0 0.7,-0.04 0.97,-0.12 0.27,-0.08 0.5,-0.17 0.7,-0.28 0.2,-0.1 0.36,-0.2 0.48,-0.28 0.13,-0.09 0.25,-0.14 0.36,-0.14 0.06,0 0.11,0.02 0.16,0.05 0.05,0.02 0.09,0.06 0.12,0.11 l 0.44,0.56 c -0.19,0.22 -0.41,0.41 -0.67,0.58 -0.26,0.17 -0.54,0.31 -0.84,0.42 -0.29,0.1 -0.6,0.18 -0.92,0.23 -0.31,0.05 -0.62,0.08 -0.92,0.08 -0.59,0 -1.14,-0.1 -1.64,-0.3 -0.5,-0.2 -0.93,-0.49 -1.3,-0.88 -0.37,-0.38 -0.65,-0.86 -0.86,-1.42 -0.2,-0.57 -0.3,-1.23 -0.3,-1.97 0,-0.59 0.09,-1.15 0.27,-1.66 0.19,-0.52 0.45,-0.97 0.8,-1.34 0.34,-0.38 0.77,-0.68 1.27,-0.89 0.48,-0.21 1.04,-0.32 1.67,-0.32 z m 0.02,1.11 c -0.71,0 -1.27,0.21 -1.69,0.64 -0.42,0.42 -0.68,0.98 -0.78,1.7 h 4.64 c 0,-0.34 -0.05,-0.66 -0.16,-0.94 -0.09,-0.29 -0.23,-0.53 -0.42,-0.73 -0.18,-0.21 -0.4,-0.37 -0.67,-0.48 -0.28,-0.13 -0.58,-0.19 -0.92,-0.19 z m 2.15,-4.65 -1.97,2.17 c -0.09,0.09 -0.17,0.16 -0.25,0.19 -0.07,0.03 -0.17,0.05 -0.28,0.05 h -0.92 l 1.25,-2.03 c 0.07,-0.12 0.16,-0.22 0.25,-0.28 0.09,-0.06 0.23,-0.09 0.42,-0.09 h 1.5 z m 0,0"
-   id="path42" />
-	<path
-   d="m 1005.6,580.48 c 0.35,0 0.68,0.04 0.98,0.12 0.31,0.09 0.59,0.2 0.84,0.34 h 2.23 v 0.58 c 0,0.2 -0.12,0.32 -0.34,0.36 l -0.91,0.12 c 0.18,0.38 0.27,0.78 0.27,1.22 0,0.42 -0.08,0.8 -0.23,1.14 -0.16,0.34 -0.37,0.62 -0.64,0.86 -0.27,0.24 -0.59,0.43 -0.97,0.56 -0.38,0.12 -0.79,0.19 -1.23,0.19 -0.38,0 -0.72,-0.05 -1.03,-0.14 -0.17,0.12 -0.29,0.23 -0.38,0.36 -0.09,0.12 -0.12,0.25 -0.12,0.38 0,0.2 0.08,0.35 0.23,0.45 0.16,0.09 0.36,0.17 0.61,0.22 0.26,0.04 0.55,0.07 0.88,0.08 0.33,0.01 0.66,0.03 1,0.06 0.34,0.02 0.68,0.06 1,0.12 0.33,0.06 0.62,0.17 0.88,0.31 0.26,0.14 0.47,0.33 0.62,0.58 0.16,0.24 0.23,0.56 0.23,0.95 0,0.38 -0.09,0.73 -0.27,1.06 -0.17,0.34 -0.42,0.65 -0.75,0.92 -0.34,0.27 -0.74,0.48 -1.22,0.64 -0.47,0.16 -1,0.23 -1.59,0.23 -0.6,0 -1.13,-0.06 -1.58,-0.19 -0.44,-0.12 -0.81,-0.28 -1.11,-0.48 -0.29,-0.21 -0.51,-0.45 -0.66,-0.73 -0.15,-0.27 -0.22,-0.55 -0.22,-0.84 0,-0.42 0.12,-0.77 0.36,-1.06 0.25,-0.29 0.59,-0.52 1.03,-0.69 -0.24,-0.11 -0.43,-0.27 -0.58,-0.45 -0.14,-0.2 -0.2,-0.45 -0.2,-0.77 0,-0.25 0.09,-0.51 0.27,-0.78 0.18,-0.27 0.44,-0.5 0.78,-0.69 -0.4,-0.23 -0.71,-0.54 -0.94,-0.92 -0.23,-0.4 -0.34,-0.85 -0.34,-1.38 0,-0.41 0.07,-0.79 0.22,-1.12 0.16,-0.34 0.37,-0.63 0.64,-0.88 0.28,-0.24 0.61,-0.42 0.98,-0.55 0.39,-0.11 0.81,-0.18 1.26,-0.18 z m 2.52,9.14 c 0,-0.21 -0.06,-0.38 -0.17,-0.5 -0.1,-0.13 -0.25,-0.23 -0.44,-0.3 -0.19,-0.07 -0.41,-0.12 -0.66,-0.16 -0.24,-0.04 -0.5,-0.07 -0.77,-0.08 -0.27,-0.02 -0.55,-0.03 -0.83,-0.05 -0.28,-0.01 -0.55,-0.04 -0.81,-0.08 -0.29,0.15 -0.53,0.33 -0.7,0.55 -0.18,0.21 -0.27,0.46 -0.27,0.77 0,0.19 0.04,0.36 0.12,0.52 0.08,0.16 0.22,0.3 0.41,0.42 0.19,0.12 0.42,0.22 0.7,0.3 0.28,0.07 0.62,0.11 1.02,0.11 0.38,0 0.71,-0.04 1,-0.12 0.3,-0.07 0.55,-0.18 0.75,-0.31 0.21,-0.12 0.36,-0.28 0.47,-0.47 0.12,-0.19 0.18,-0.38 0.18,-0.6 z m -2.52,-4.66 c 0.56,0 0.98,-0.16 1.27,-0.47 0.29,-0.31 0.44,-0.72 0.44,-1.23 0,-0.51 -0.15,-0.91 -0.44,-1.22 -0.28,-0.31 -0.7,-0.47 -1.27,-0.47 -0.55,0 -0.98,0.16 -1.27,0.47 -0.28,0.3 -0.42,0.71 -0.42,1.22 0,0.25 0.04,0.48 0.11,0.69 0.07,0.21 0.18,0.39 0.31,0.55 0.14,0.15 0.32,0.26 0.53,0.34 0.23,0.08 0.47,0.12 0.74,0.12 z m 0,0"
-   id="path44" />
-	<path
-   d="m 1016.43,589.15 c -0.16,0 -0.28,-0.02 -0.36,-0.06 -0.07,-0.05 -0.12,-0.15 -0.16,-0.3 l -0.2,-0.8 c -0.22,0.21 -0.44,0.4 -0.66,0.56 -0.21,0.16 -0.43,0.29 -0.66,0.41 -0.23,0.1 -0.48,0.18 -0.75,0.23 -0.27,0.05 -0.56,0.08 -0.88,0.08 -0.34,0 -0.65,-0.04 -0.94,-0.12 -0.28,-0.09 -0.53,-0.23 -0.75,-0.42 -0.22,-0.19 -0.39,-0.42 -0.52,-0.7 -0.12,-0.28 -0.19,-0.61 -0.19,-1 0,-0.34 0.09,-0.66 0.27,-0.97 0.19,-0.31 0.48,-0.59 0.89,-0.83 0.41,-0.25 0.96,-0.45 1.62,-0.61 0.66,-0.16 1.48,-0.24 2.44,-0.27 v -0.66 c 0,-0.66 -0.14,-1.15 -0.42,-1.48 -0.28,-0.34 -0.7,-0.52 -1.23,-0.52 -0.35,0 -0.66,0.05 -0.91,0.14 -0.25,0.09 -0.46,0.2 -0.64,0.31 -0.18,0.11 -0.34,0.2 -0.47,0.3 -0.14,0.09 -0.27,0.14 -0.39,0.14 -0.1,0 -0.2,-0.02 -0.28,-0.08 -0.07,-0.05 -0.13,-0.12 -0.17,-0.2 l -0.28,-0.48 c 0.47,-0.45 0.97,-0.78 1.52,-1 0.54,-0.23 1.15,-0.34 1.81,-0.34 0.48,0 0.9,0.08 1.27,0.23 0.38,0.15 0.69,0.37 0.94,0.66 0.25,0.28 0.44,0.62 0.56,1.02 0.13,0.4 0.2,0.84 0.2,1.31 v 5.45 z m -3.2,-0.94 c 0.26,0 0.49,-0.02 0.7,-0.08 0.22,-0.05 0.42,-0.12 0.61,-0.22 0.2,-0.1 0.38,-0.22 0.55,-0.36 0.18,-0.14 0.35,-0.3 0.52,-0.48 v -1.77 c -0.68,0.03 -1.26,0.09 -1.73,0.17 -0.48,0.09 -0.87,0.2 -1.17,0.34 -0.29,0.14 -0.51,0.3 -0.64,0.48 -0.14,0.19 -0.2,0.4 -0.2,0.64 0,0.22 0.04,0.41 0.11,0.58 0.07,0.16 0.17,0.29 0.3,0.39 0.12,0.09 0.27,0.17 0.44,0.22 0.14,0.07 0.32,0.09 0.51,0.09 z m 0,0"
-   id="path46" />
-	<path
-   d="m 1018.32,589.15 z m 8.39,-8.38 v 8.38 h -1.53 v -7.25 h -4.06 v 5.09 c 0,0.34 0.08,0.61 0.23,0.78 0.16,0.18 0.36,0.27 0.61,0.27 0.14,0 0.27,-0.02 0.36,-0.06 0.1,-0.04 0.19,-0.09 0.27,-0.14 0.07,-0.05 0.13,-0.1 0.19,-0.14 0.05,-0.04 0.1,-0.06 0.16,-0.06 0.05,0 0.09,0.01 0.12,0.03 0.03,0.02 0.05,0.06 0.08,0.11 l 0.47,0.73 c -0.26,0.25 -0.57,0.45 -0.92,0.58 -0.34,0.12 -0.7,0.19 -1.08,0.19 -0.65,0 -1.15,-0.19 -1.5,-0.56 -0.34,-0.38 -0.52,-0.91 -0.52,-1.62 v -5.19 h -0.94 c -0.09,0 -0.17,-0.03 -0.23,-0.09 -0.06,-0.06 -0.09,-0.14 -0.09,-0.25 v -0.61 l 1.31,-0.17 0.34,-2.62 c 0.02,-0.09 0.05,-0.16 0.11,-0.22 0.06,-0.05 0.14,-0.08 0.25,-0.08 h 0.78 v 2.92 h 5.59 z m 0.33,-2.89 c 0,0.15 -0.03,0.29 -0.09,0.42 -0.05,0.14 -0.13,0.25 -0.23,0.34 -0.11,0.09 -0.23,0.17 -0.36,0.23 -0.12,0.05 -0.26,0.08 -0.41,0.08 -0.15,0 -0.28,-0.02 -0.41,-0.08 -0.12,-0.06 -0.24,-0.14 -0.34,-0.23 -0.09,-0.09 -0.17,-0.21 -0.23,-0.34 -0.05,-0.13 -0.08,-0.27 -0.08,-0.42 0,-0.15 0.02,-0.28 0.08,-0.41 0.06,-0.13 0.14,-0.25 0.23,-0.34 0.1,-0.1 0.22,-0.18 0.34,-0.23 0.12,-0.06 0.26,-0.09 0.41,-0.09 0.15,0 0.28,0.03 0.41,0.09 0.13,0.05 0.25,0.13 0.36,0.23 0.1,0.09 0.18,0.21 0.23,0.34 0.06,0.13 0.09,0.27 0.09,0.41 z m 0,0"
-   id="path48" />
-	<path
-   d="m 1032.71,580.49 c 0.62,0 1.19,0.11 1.69,0.31 0.5,0.2 0.92,0.49 1.27,0.88 0.35,0.39 0.62,0.85 0.81,1.39 0.19,0.53 0.28,1.14 0.28,1.81 0,0.67 -0.09,1.27 -0.28,1.81 -0.19,0.54 -0.46,1.01 -0.81,1.39 -0.34,0.38 -0.77,0.67 -1.27,0.88 -0.5,0.21 -1.06,0.31 -1.69,0.31 -0.63,0 -1.19,-0.1 -1.69,-0.31 -0.5,-0.21 -0.93,-0.5 -1.28,-0.88 -0.35,-0.38 -0.62,-0.85 -0.81,-1.39 -0.19,-0.54 -0.28,-1.14 -0.28,-1.81 0,-0.68 0.09,-1.28 0.28,-1.81 0.19,-0.54 0.46,-1 0.81,-1.39 0.35,-0.38 0.78,-0.68 1.28,-0.88 0.51,-0.2 1.07,-0.31 1.69,-0.31 z m 0,7.58 c 0.41,0 0.77,-0.07 1.08,-0.2 0.31,-0.14 0.57,-0.35 0.77,-0.62 0.21,-0.27 0.36,-0.6 0.47,-1 0.1,-0.39 0.16,-0.85 0.16,-1.36 0,-0.5 -0.05,-0.95 -0.16,-1.34 -0.1,-0.39 -0.26,-0.73 -0.47,-1 -0.2,-0.28 -0.45,-0.49 -0.77,-0.64 -0.3,-0.14 -0.66,-0.22 -1.08,-0.22 -0.42,0 -0.78,0.07 -1.09,0.22 -0.31,0.15 -0.57,0.36 -0.78,0.64 -0.21,0.27 -0.37,0.61 -0.47,1 -0.09,0.4 -0.14,0.84 -0.14,1.34 0,0.51 0.05,0.97 0.14,1.36 0.1,0.4 0.26,0.73 0.47,1 0.21,0.27 0.47,0.48 0.78,0.62 0.31,0.13 0.68,0.2 1.09,0.2 z m 0,0"
-   id="path50" />
-	<path
-   d="m 1038.64,589.15 v -8.53 h 0.92 c 0.1,0 0.19,0.03 0.27,0.08 0.07,0.05 0.11,0.13 0.12,0.23 l 0.12,0.91 c 0.36,-0.41 0.77,-0.73 1.22,-0.97 0.46,-0.25 0.98,-0.38 1.58,-0.38 0.47,0 0.88,0.08 1.23,0.23 0.35,0.15 0.65,0.37 0.88,0.66 0.24,0.28 0.42,0.62 0.55,1.02 0.12,0.4 0.19,0.84 0.19,1.31 v 5.44 h -1.53 v -5.44 c 0,-0.63 -0.15,-1.13 -0.44,-1.48 -0.29,-0.35 -0.73,-0.53 -1.31,-0.53 -0.44,0 -0.85,0.11 -1.23,0.31 -0.38,0.21 -0.72,0.5 -1.03,0.86 v 6.28 z m 0,0"
-   id="path52" />
-	<path
-   d="m 1061.17,588.04 c -0.55,0.42 -1.15,0.73 -1.78,0.94 -0.62,0.2 -1.31,0.3 -2.05,0.3 -0.9,0 -1.7,-0.14 -2.42,-0.42 -0.71,-0.29 -1.32,-0.69 -1.83,-1.2 -0.51,-0.52 -0.9,-1.14 -1.17,-1.86 -0.27,-0.72 -0.41,-1.51 -0.41,-2.38 0,-0.86 0.13,-1.66 0.39,-2.38 0.27,-0.72 0.65,-1.33 1.14,-1.84 0.49,-0.52 1.08,-0.92 1.78,-1.2 0.7,-0.29 1.48,-0.44 2.34,-0.44 0.45,0 0.86,0.04 1.23,0.11 0.38,0.06 0.72,0.16 1.03,0.28 0.32,0.12 0.62,0.28 0.89,0.47 0.27,0.18 0.52,0.38 0.75,0.59 l -0.44,0.72 c -0.07,0.12 -0.17,0.19 -0.28,0.22 -0.12,0.02 -0.24,0 -0.38,-0.08 -0.14,-0.08 -0.29,-0.18 -0.45,-0.28 -0.16,-0.1 -0.34,-0.2 -0.56,-0.3 -0.22,-0.1 -0.48,-0.19 -0.78,-0.25 -0.3,-0.07 -0.66,-0.11 -1.08,-0.11 -0.6,0 -1.15,0.11 -1.64,0.31 -0.49,0.21 -0.91,0.51 -1.25,0.91 -0.34,0.39 -0.61,0.86 -0.8,1.41 -0.19,0.55 -0.28,1.17 -0.28,1.86 0,0.72 0.09,1.37 0.28,1.94 0.2,0.56 0.48,1.04 0.84,1.44 0.36,0.39 0.8,0.68 1.31,0.89 0.51,0.21 1.08,0.31 1.72,0.31 0.49,0 0.93,-0.05 1.31,-0.17 0.38,-0.11 0.76,-0.27 1.12,-0.48 v -2.5 h -1.64 c -0.11,0 -0.19,-0.02 -0.27,-0.08 -0.06,-0.06 -0.09,-0.14 -0.09,-0.23 v -0.89 h 3.44 v 4.39 z m 0,0"
-   id="path54" />
-	<path
-   d="m 1062.77,589.15 z m 4.01,-8.66 c 0.51,0 0.98,0.09 1.41,0.25 0.44,0.17 0.82,0.42 1.14,0.75 0.32,0.32 0.57,0.72 0.75,1.19 0.18,0.47 0.27,1.01 0.27,1.62 0,0.24 -0.03,0.4 -0.08,0.48 -0.06,0.07 -0.15,0.11 -0.28,0.11 h -5.7 c 0.01,0.53 0.08,1 0.22,1.39 0.13,0.4 0.32,0.73 0.55,1 0.24,0.26 0.52,0.46 0.84,0.59 0.32,0.12 0.69,0.19 1.09,0.19 0.38,0 0.7,-0.04 0.97,-0.12 0.27,-0.08 0.5,-0.17 0.7,-0.28 0.2,-0.1 0.36,-0.2 0.49,-0.28 0.13,-0.09 0.25,-0.14 0.36,-0.14 0.06,0 0.11,0.02 0.16,0.05 0.05,0.02 0.09,0.06 0.12,0.11 l 0.44,0.56 c -0.19,0.22 -0.41,0.41 -0.67,0.58 -0.26,0.17 -0.54,0.31 -0.84,0.42 -0.29,0.1 -0.6,0.18 -0.92,0.23 -0.31,0.05 -0.62,0.08 -0.92,0.08 -0.59,0 -1.14,-0.1 -1.64,-0.3 -0.5,-0.2 -0.93,-0.49 -1.3,-0.88 -0.37,-0.38 -0.65,-0.86 -0.86,-1.42 -0.2,-0.57 -0.3,-1.23 -0.3,-1.97 0,-0.59 0.08,-1.15 0.26,-1.66 0.19,-0.52 0.45,-0.97 0.8,-1.34 0.34,-0.38 0.77,-0.68 1.27,-0.89 0.49,-0.21 1.05,-0.32 1.67,-0.32 z m 0.02,1.11 c -0.71,0 -1.27,0.21 -1.69,0.64 -0.42,0.42 -0.68,0.98 -0.78,1.7 h 4.64 c 0,-0.34 -0.06,-0.66 -0.16,-0.94 -0.09,-0.29 -0.23,-0.53 -0.42,-0.73 -0.18,-0.21 -0.4,-0.37 -0.67,-0.48 -0.27,-0.13 -0.57,-0.19 -0.92,-0.19 z m 2.16,-4.65 -1.97,2.17 c -0.09,0.09 -0.17,0.16 -0.25,0.19 -0.07,0.03 -0.17,0.05 -0.28,0.05 h -0.92 l 1.25,-2.03 c 0.07,-0.12 0.16,-0.22 0.25,-0.28 0.09,-0.06 0.23,-0.09 0.42,-0.09 h 1.5 z m 0,0"
-   id="path56" />
-	<path
-   d="m 1072.22,589.15 v -8.53 h 0.92 c 0.1,0 0.19,0.03 0.27,0.08 0.07,0.05 0.11,0.13 0.12,0.23 l 0.12,0.91 c 0.36,-0.41 0.77,-0.73 1.22,-0.97 0.46,-0.25 0.98,-0.38 1.58,-0.38 0.47,0 0.88,0.08 1.23,0.23 0.35,0.15 0.64,0.37 0.87,0.66 0.24,0.28 0.42,0.62 0.55,1.02 0.12,0.4 0.19,0.84 0.19,1.31 v 5.44 h -1.53 v -5.44 c 0,-0.63 -0.15,-1.13 -0.44,-1.48 -0.29,-0.35 -0.73,-0.53 -1.31,-0.53 -0.44,0 -0.85,0.11 -1.23,0.31 -0.38,0.21 -0.72,0.5 -1.03,0.86 v 6.28 z m 0,0"
-   id="path58" />
-	<path
-   d="m 1081.04,589.15 z m 4.02,-8.66 c 0.51,0 0.98,0.09 1.41,0.25 0.44,0.17 0.82,0.42 1.14,0.75 0.32,0.32 0.57,0.72 0.75,1.19 0.18,0.47 0.27,1.01 0.27,1.62 0,0.24 -0.03,0.4 -0.08,0.48 -0.05,0.07 -0.15,0.11 -0.28,0.11 h -5.7 c 0.01,0.53 0.08,1 0.22,1.39 0.13,0.4 0.32,0.73 0.55,1 0.24,0.26 0.52,0.46 0.84,0.59 0.32,0.12 0.69,0.19 1.09,0.19 0.38,0 0.7,-0.04 0.97,-0.12 0.27,-0.08 0.5,-0.17 0.7,-0.28 0.2,-0.1 0.36,-0.2 0.48,-0.28 0.13,-0.09 0.25,-0.14 0.36,-0.14 0.06,0 0.11,0.02 0.16,0.05 0.05,0.02 0.09,0.06 0.12,0.11 l 0.44,0.56 c -0.19,0.22 -0.41,0.41 -0.67,0.58 -0.26,0.17 -0.54,0.31 -0.84,0.42 -0.29,0.1 -0.6,0.18 -0.92,0.23 -0.31,0.05 -0.62,0.08 -0.92,0.08 -0.59,0 -1.14,-0.1 -1.64,-0.3 -0.5,-0.2 -0.93,-0.49 -1.3,-0.88 -0.37,-0.38 -0.65,-0.86 -0.86,-1.42 -0.2,-0.57 -0.3,-1.23 -0.3,-1.97 0,-0.59 0.09,-1.15 0.27,-1.66 0.19,-0.52 0.45,-0.97 0.8,-1.34 0.34,-0.38 0.77,-0.68 1.27,-0.89 0.48,-0.21 1.04,-0.32 1.67,-0.32 z m 0.01,1.11 c -0.71,0 -1.27,0.21 -1.69,0.64 -0.42,0.42 -0.68,0.98 -0.78,1.7 h 4.64 c 0,-0.34 -0.06,-0.66 -0.16,-0.94 -0.09,-0.29 -0.23,-0.53 -0.42,-0.73 -0.18,-0.21 -0.4,-0.37 -0.67,-0.48 -0.27,-0.13 -0.57,-0.19 -0.92,-0.19 z m 2.16,-4.65 -1.97,2.17 c -0.09,0.09 -0.17,0.16 -0.25,0.19 -0.07,0.03 -0.17,0.05 -0.28,0.05 h -0.92 l 1.25,-2.03 c 0.07,-0.12 0.16,-0.22 0.25,-0.28 0.09,-0.06 0.23,-0.09 0.42,-0.09 h 1.5 z m 0,0"
-   id="path60" />
-	<path
-   d="m 1090.41,589.15 v -8.53 h 0.88 c 0.16,0 0.28,0.03 0.34,0.09 0.07,0.06 0.11,0.17 0.13,0.33 l 0.11,1.25 c 0.26,-0.56 0.58,-1 0.97,-1.33 0.38,-0.32 0.84,-0.48 1.38,-0.48 0.19,0 0.36,0.02 0.52,0.06 0.16,0.03 0.3,0.09 0.42,0.17 l -0.12,1.14 c -0.01,0.15 -0.09,0.22 -0.23,0.22 -0.09,0 -0.2,-0.02 -0.36,-0.05 -0.15,-0.03 -0.31,-0.05 -0.48,-0.05 -0.26,0 -0.49,0.04 -0.69,0.12 -0.2,0.07 -0.38,0.19 -0.55,0.34 -0.16,0.15 -0.3,0.34 -0.42,0.56 -0.13,0.22 -0.24,0.47 -0.34,0.75 v 5.39 h -1.56 z m 0,0"
-   id="path62" />
-	<path
-   d="m 1101.92,589.15 c -0.16,0 -0.28,-0.02 -0.36,-0.06 -0.07,-0.05 -0.12,-0.15 -0.16,-0.3 l -0.2,-0.8 c -0.22,0.21 -0.44,0.4 -0.66,0.56 -0.21,0.16 -0.43,0.29 -0.66,0.41 -0.23,0.1 -0.48,0.18 -0.75,0.23 -0.27,0.05 -0.56,0.08 -0.88,0.08 -0.34,0 -0.65,-0.04 -0.94,-0.12 -0.28,-0.09 -0.53,-0.23 -0.75,-0.42 -0.22,-0.19 -0.39,-0.42 -0.52,-0.7 -0.12,-0.28 -0.19,-0.61 -0.19,-1 0,-0.34 0.09,-0.66 0.27,-0.97 0.19,-0.31 0.48,-0.59 0.89,-0.83 0.41,-0.25 0.96,-0.45 1.62,-0.61 0.66,-0.16 1.48,-0.24 2.44,-0.27 v -0.66 c 0,-0.66 -0.14,-1.15 -0.42,-1.48 -0.28,-0.34 -0.69,-0.52 -1.23,-0.52 -0.36,0 -0.66,0.05 -0.91,0.14 -0.25,0.09 -0.46,0.2 -0.64,0.31 -0.18,0.11 -0.34,0.2 -0.47,0.3 -0.14,0.09 -0.27,0.14 -0.39,0.14 -0.1,0 -0.2,-0.02 -0.28,-0.08 -0.07,-0.05 -0.13,-0.12 -0.17,-0.2 l -0.28,-0.48 c 0.47,-0.45 0.97,-0.78 1.52,-1 0.54,-0.23 1.14,-0.34 1.81,-0.34 0.48,0 0.9,0.08 1.27,0.23 0.38,0.15 0.69,0.37 0.94,0.66 0.25,0.28 0.44,0.62 0.56,1.02 0.13,0.4 0.2,0.84 0.2,1.31 v 5.45 z m -3.21,-0.94 c 0.26,0 0.49,-0.02 0.7,-0.08 0.22,-0.05 0.42,-0.12 0.61,-0.22 0.2,-0.1 0.38,-0.22 0.55,-0.36 0.18,-0.14 0.35,-0.3 0.52,-0.48 v -1.77 c -0.68,0.03 -1.26,0.09 -1.73,0.17 -0.48,0.09 -0.87,0.2 -1.17,0.34 -0.29,0.14 -0.51,0.3 -0.64,0.48 -0.14,0.19 -0.2,0.4 -0.2,0.64 0,0.22 0.04,0.41 0.11,0.58 0.07,0.16 0.17,0.29 0.3,0.39 0.12,0.09 0.27,0.17 0.44,0.22 0.15,0.07 0.33,0.09 0.51,0.09 z m 0,0"
-   id="path64" />
-	<rect
-   x="1104.98"
-   y="576.73999"
-   width="1.53"
-   height="12.41"
-   id="rect66" />
-	<path
-   d="m 1112.46,580.49 c 0.51,0 0.98,0.09 1.41,0.25 0.44,0.17 0.82,0.42 1.14,0.75 0.32,0.32 0.57,0.72 0.75,1.19 0.18,0.47 0.27,1.01 0.27,1.62 0,0.24 -0.03,0.4 -0.08,0.48 -0.05,0.07 -0.15,0.11 -0.28,0.11 h -5.7 c 0.01,0.53 0.08,1 0.22,1.39 0.13,0.4 0.32,0.73 0.55,1 0.24,0.26 0.52,0.46 0.84,0.59 0.32,0.12 0.69,0.19 1.09,0.19 0.38,0 0.7,-0.04 0.97,-0.12 0.27,-0.08 0.5,-0.17 0.7,-0.28 0.2,-0.1 0.36,-0.2 0.48,-0.28 0.13,-0.09 0.25,-0.14 0.36,-0.14 0.06,0 0.11,0.02 0.16,0.05 0.05,0.02 0.09,0.06 0.12,0.11 l 0.44,0.56 c -0.19,0.22 -0.41,0.41 -0.67,0.58 -0.26,0.17 -0.54,0.31 -0.84,0.42 -0.29,0.1 -0.6,0.18 -0.92,0.23 -0.31,0.05 -0.62,0.08 -0.92,0.08 -0.59,0 -1.14,-0.1 -1.64,-0.3 -0.5,-0.2 -0.93,-0.49 -1.3,-0.88 -0.37,-0.38 -0.65,-0.86 -0.86,-1.42 -0.2,-0.57 -0.3,-1.23 -0.3,-1.97 0,-0.59 0.09,-1.15 0.27,-1.66 0.19,-0.52 0.45,-0.97 0.8,-1.34 0.34,-0.38 0.77,-0.68 1.27,-0.89 0.49,-0.21 1.05,-0.32 1.67,-0.32 z m 0.02,1.11 c -0.71,0 -1.27,0.21 -1.69,0.64 -0.42,0.42 -0.68,0.98 -0.78,1.7 h 4.64 c 0,-0.34 -0.05,-0.66 -0.16,-0.94 -0.09,-0.29 -0.23,-0.53 -0.42,-0.73 -0.18,-0.21 -0.4,-0.37 -0.67,-0.48 -0.27,-0.13 -0.58,-0.19 -0.92,-0.19 z m 0,0"
-   id="path68" />
-	<path
-   d="m 970.83,600.2 c 0.12,0 0.22,0.02 0.3,0.05 0.07,0.03 0.15,0.1 0.23,0.22 l 6.24,8.58 c -0.01,-0.15 -0.02,-0.29 -0.03,-0.42 -0.01,-0.13 -0.02,-0.26 -0.02,-0.38 v -8.05 h 1.39 v 11.45 h -0.8 c -0.12,0 -0.23,-0.02 -0.31,-0.06 -0.09,-0.04 -0.17,-0.11 -0.25,-0.22 l -6.22,-8.55 c 0.01,0.14 0.02,0.27 0.02,0.39 0.01,0.12 0.02,0.23 0.02,0.34 v 8.09 H 970 V 600.2 Z m 0,0"
-   id="path70" />
-	<path
-   d="m 982.86,603.12 v 5.44 c 0,0.64 0.14,1.13 0.42,1.48 0.29,0.35 0.74,0.53 1.33,0.53 0.43,0 0.83,-0.1 1.2,-0.31 0.38,-0.21 0.72,-0.49 1.05,-0.84 v -6.3 h 1.53 v 8.53 h -0.92 c -0.11,0 -0.2,-0.02 -0.27,-0.06 -0.06,-0.05 -0.1,-0.13 -0.11,-0.25 l -0.14,-0.91 c -0.37,0.41 -0.78,0.73 -1.23,0.98 -0.45,0.24 -0.97,0.36 -1.56,0.36 -0.47,0 -0.88,-0.07 -1.23,-0.22 -0.34,-0.16 -0.64,-0.37 -0.87,-0.66 -0.24,-0.28 -0.42,-0.62 -0.55,-1.02 -0.12,-0.41 -0.17,-0.85 -0.17,-1.33 v -5.44 h 1.52 z m 0,0"
-   id="path72" />
-	<path
-   d="m 990.91,611.66 v -8.53 h 0.91 c 0.11,0 0.2,0.03 0.27,0.08 0.07,0.05 0.11,0.13 0.12,0.23 l 0.14,0.87 c 0.16,-0.19 0.32,-0.36 0.5,-0.52 0.18,-0.16 0.36,-0.3 0.56,-0.42 0.21,-0.12 0.43,-0.22 0.66,-0.28 0.24,-0.06 0.49,-0.09 0.75,-0.09 0.58,0 1.05,0.16 1.42,0.48 0.38,0.31 0.64,0.74 0.8,1.28 0.12,-0.31 0.28,-0.58 0.48,-0.8 0.21,-0.22 0.43,-0.4 0.67,-0.55 0.25,-0.15 0.51,-0.25 0.78,-0.31 0.28,-0.07 0.57,-0.11 0.86,-0.11 0.93,0 1.65,0.28 2.16,0.84 0.51,0.55 0.77,1.34 0.77,2.38 v 5.44 h -1.53 v -5.44 c 0,-0.66 -0.15,-1.16 -0.45,-1.5 -0.3,-0.34 -0.73,-0.52 -1.3,-0.52 -0.26,0 -0.51,0.05 -0.73,0.14 -0.23,0.09 -0.43,0.21 -0.59,0.38 -0.17,0.17 -0.3,0.38 -0.41,0.62 -0.11,0.25 -0.16,0.54 -0.16,0.88 v 5.44 h -1.53 v -5.44 c 0,-0.68 -0.14,-1.18 -0.42,-1.52 -0.28,-0.33 -0.7,-0.5 -1.25,-0.5 -0.38,0 -0.73,0.1 -1.05,0.3 -0.32,0.2 -0.62,0.47 -0.89,0.81 v 6.34 h -1.54 z m 0,0"
-   id="path74" />
-	<path
-   d="m 1004.55,611.66 z m 4.02,-8.66 c 0.51,0 0.98,0.09 1.41,0.25 0.44,0.17 0.82,0.42 1.14,0.75 0.32,0.32 0.57,0.72 0.75,1.19 0.18,0.47 0.27,1.01 0.27,1.62 0,0.24 -0.03,0.4 -0.08,0.48 -0.06,0.07 -0.15,0.11 -0.28,0.11 h -5.7 c 0.01,0.53 0.08,1 0.22,1.39 0.13,0.4 0.32,0.73 0.55,1 0.24,0.26 0.52,0.46 0.84,0.59 0.32,0.12 0.69,0.19 1.09,0.19 0.38,0 0.69,-0.04 0.97,-0.12 0.27,-0.08 0.5,-0.18 0.7,-0.28 0.2,-0.1 0.36,-0.2 0.49,-0.28 0.13,-0.09 0.25,-0.14 0.36,-0.14 0.06,0 0.11,0.02 0.16,0.05 0.05,0.02 0.09,0.06 0.12,0.11 l 0.44,0.56 c -0.19,0.22 -0.41,0.41 -0.67,0.58 -0.26,0.17 -0.54,0.31 -0.84,0.42 -0.29,0.11 -0.6,0.18 -0.92,0.23 -0.31,0.05 -0.62,0.08 -0.92,0.08 -0.59,0 -1.14,-0.1 -1.64,-0.3 -0.5,-0.2 -0.93,-0.49 -1.3,-0.88 -0.37,-0.38 -0.65,-0.86 -0.86,-1.42 -0.2,-0.57 -0.3,-1.23 -0.3,-1.97 0,-0.59 0.09,-1.15 0.26,-1.66 0.19,-0.52 0.45,-0.97 0.8,-1.34 0.34,-0.38 0.77,-0.68 1.27,-0.89 0.48,-0.21 1.04,-0.32 1.67,-0.32 z m 0.01,1.11 c -0.71,0 -1.27,0.21 -1.69,0.64 -0.42,0.42 -0.68,0.98 -0.78,1.7 h 4.64 c 0,-0.34 -0.05,-0.66 -0.16,-0.94 -0.09,-0.29 -0.24,-0.54 -0.42,-0.73 -0.18,-0.21 -0.4,-0.37 -0.67,-0.48 -0.27,-0.13 -0.57,-0.19 -0.92,-0.19 z m 2.16,-4.66 -1.97,2.17 c -0.09,0.09 -0.17,0.16 -0.25,0.19 -0.08,0.03 -0.17,0.05 -0.28,0.05 h -0.92 l 1.25,-2.03 c 0.07,-0.12 0.16,-0.22 0.25,-0.28 0.09,-0.06 0.24,-0.09 0.42,-0.09 h 1.5 z m 0,0"
-   id="path76" />
-	<path
-   d="m 1013.93,611.66 v -8.53 h 0.87 c 0.16,0 0.28,0.03 0.34,0.09 0.07,0.06 0.11,0.17 0.12,0.33 l 0.11,1.25 c 0.26,-0.56 0.58,-1 0.97,-1.33 0.38,-0.32 0.84,-0.48 1.38,-0.48 0.19,0 0.36,0.02 0.51,0.06 0.16,0.03 0.3,0.09 0.42,0.17 l -0.13,1.14 c -0.01,0.15 -0.09,0.22 -0.23,0.22 -0.09,0 -0.2,-0.02 -0.36,-0.05 -0.15,-0.03 -0.31,-0.05 -0.48,-0.05 -0.26,0 -0.49,0.04 -0.69,0.12 -0.2,0.07 -0.38,0.19 -0.55,0.34 -0.16,0.15 -0.3,0.34 -0.42,0.56 -0.13,0.22 -0.24,0.47 -0.34,0.75 v 5.39 h -1.52 z m 0,0"
-   id="path78" />
-	<path
-   d="m 1019.96,611.66 z m 1.86,-8.54 v 8.53 h -1.53 v -8.53 z m 0.3,-2.67 c 0,0.15 -0.03,0.29 -0.09,0.42 -0.05,0.14 -0.13,0.25 -0.23,0.34 -0.1,0.09 -0.23,0.17 -0.36,0.23 -0.12,0.05 -0.26,0.08 -0.41,0.08 -0.15,0 -0.28,-0.02 -0.41,-0.08 -0.12,-0.06 -0.24,-0.14 -0.34,-0.23 -0.09,-0.09 -0.17,-0.21 -0.23,-0.34 -0.05,-0.13 -0.08,-0.27 -0.08,-0.42 0,-0.14 0.02,-0.28 0.08,-0.41 0.06,-0.13 0.14,-0.25 0.23,-0.34 0.1,-0.1 0.22,-0.18 0.34,-0.23 0.12,-0.06 0.26,-0.09 0.41,-0.09 0.15,0 0.28,0.03 0.41,0.09 0.13,0.05 0.25,0.13 0.36,0.23 0.1,0.09 0.18,0.21 0.23,0.34 0.06,0.13 0.09,0.27 0.09,0.41 z m 0,0"
-   id="path80" />
-	<path
-   d="m 1031.27,603.12 v 11.41 h -1.53 v -4.12 c -0.35,0.42 -0.76,0.75 -1.22,1 -0.46,0.25 -0.98,0.38 -1.55,0.38 -0.49,0 -0.93,-0.09 -1.33,-0.28 -0.4,-0.19 -0.73,-0.46 -1.02,-0.83 -0.28,-0.38 -0.5,-0.83 -0.66,-1.38 -0.15,-0.54 -0.22,-1.16 -0.22,-1.88 0,-0.63 0.08,-1.22 0.25,-1.77 0.18,-0.54 0.42,-1.01 0.73,-1.41 0.31,-0.4 0.69,-0.7 1.14,-0.92 0.46,-0.23 0.97,-0.34 1.55,-0.34 0.55,0 1.02,0.1 1.39,0.3 0.38,0.19 0.72,0.46 1.02,0.81 l 0.12,-0.66 c 0.03,-0.21 0.16,-0.31 0.39,-0.31 z m -3.82,7.43 c 0.49,0 0.91,-0.11 1.27,-0.33 0.36,-0.23 0.7,-0.54 1.02,-0.94 v -4.12 c -0.27,-0.35 -0.57,-0.61 -0.91,-0.77 -0.32,-0.16 -0.68,-0.23 -1.06,-0.23 -0.78,0 -1.39,0.28 -1.81,0.84 -0.42,0.56 -0.62,1.37 -0.62,2.42 0,0.55 0.05,1.03 0.14,1.42 0.1,0.4 0.24,0.72 0.42,0.97 0.19,0.25 0.41,0.44 0.67,0.56 0.26,0.12 0.56,0.18 0.88,0.18 z m 0,0"
-   id="path82" />
-	<path
-   d="m 1035.12,603.12 v 5.44 c 0,0.64 0.14,1.13 0.42,1.48 0.29,0.35 0.73,0.53 1.33,0.53 0.43,0 0.83,-0.1 1.2,-0.31 0.38,-0.21 0.72,-0.49 1.05,-0.84 v -6.3 h 1.53 v 8.53 h -0.92 c -0.1,0 -0.19,-0.02 -0.27,-0.06 -0.06,-0.05 -0.1,-0.13 -0.11,-0.25 l -0.14,-0.91 c -0.37,0.41 -0.78,0.73 -1.23,0.98 -0.45,0.24 -0.97,0.36 -1.56,0.36 -0.47,0 -0.88,-0.07 -1.23,-0.22 -0.34,-0.16 -0.64,-0.37 -0.88,-0.66 -0.24,-0.28 -0.42,-0.62 -0.55,-1.02 -0.12,-0.41 -0.17,-0.85 -0.17,-1.33 v -5.44 h 1.53 z m 0,0"
-   id="path84" />
-	<path
-   d="m 1046.55,603 c 0.51,0 0.98,0.09 1.41,0.25 0.44,0.17 0.82,0.42 1.14,0.75 0.32,0.32 0.57,0.72 0.75,1.19 0.17,0.47 0.26,1.01 0.26,1.62 0,0.24 -0.03,0.4 -0.08,0.48 -0.06,0.07 -0.15,0.11 -0.28,0.11 h -5.7 c 0.01,0.53 0.08,1 0.22,1.39 0.13,0.4 0.32,0.73 0.55,1 0.24,0.26 0.52,0.46 0.84,0.59 0.32,0.12 0.69,0.19 1.09,0.19 0.38,0 0.7,-0.04 0.97,-0.12 0.27,-0.08 0.5,-0.18 0.7,-0.28 0.2,-0.1 0.36,-0.2 0.48,-0.28 0.13,-0.09 0.25,-0.14 0.36,-0.14 0.06,0 0.11,0.02 0.16,0.05 0.05,0.02 0.09,0.06 0.12,0.11 l 0.44,0.56 c -0.19,0.22 -0.41,0.41 -0.67,0.58 -0.26,0.17 -0.54,0.31 -0.84,0.42 -0.29,0.11 -0.6,0.18 -0.92,0.23 -0.31,0.05 -0.62,0.08 -0.92,0.08 -0.59,0 -1.14,-0.1 -1.64,-0.3 -0.5,-0.2 -0.93,-0.49 -1.3,-0.88 -0.37,-0.38 -0.65,-0.86 -0.86,-1.42 -0.2,-0.57 -0.3,-1.23 -0.3,-1.97 0,-0.59 0.09,-1.15 0.27,-1.66 0.19,-0.52 0.45,-0.97 0.8,-1.34 0.34,-0.38 0.76,-0.68 1.26,-0.89 0.51,-0.21 1.07,-0.32 1.69,-0.32 z m 0.02,1.11 c -0.71,0 -1.27,0.21 -1.69,0.64 -0.42,0.42 -0.68,0.98 -0.78,1.7 h 4.64 c 0,-0.34 -0.05,-0.66 -0.16,-0.94 -0.09,-0.29 -0.23,-0.54 -0.42,-0.73 -0.18,-0.21 -0.4,-0.37 -0.67,-0.48 -0.27,-0.13 -0.58,-0.19 -0.92,-0.19 z m 0,0"
-   id="path86" />
-</g>
-</svg>
--- a/site/images/favicon.ico
+++ b/site/images/favicon.ico
--- a/site/images/jean-marc_gailis_gabriel_doriath_dohler_ryan_lahfa_julien_malka.jpg
+++ b/site/images/jean-marc_gailis_gabriel_doriath_dohler_ryan_lahfa_julien_malka.jpg
--- a/site/images/plante_DI.jpg
+++ b/site/images/plante_DI.jpg
--- a/site/images/wok(e).png
+++ b/site/images/wok(e).png
--- a/site/index.html
+++ b/site/index.html
@ -1,37 +0,0 @@
---
-index: true
---
-
-<div class="columns is-centered is-desktop is-6 is-variable">
-  <div class="column is-8-desktop">
-    <h2 class="title is-2 has-text-centered">La Délégation Générale Numérique</h2>
-
-    <p>
-      La Délégation Générale Numérique est une association loi 1901 domiciliée à l'ENS dont les buts sont de
-      promouvoir la chose numérique ainsi que son usage.
-    </p>
-
-  </div>
-
-  <div class="column">
-    <figure class="image is-hidden-touch">
-      <img src="/images/dgnum.svg" />
-    </figure>
-
-    <div class="panel is-link mt-6">
-      <p class="panel-heading">Articles de blog</p>
-      <div class="panel-tabs">
-        <a class="is-active" href="#">Récents</a>
-        <a href="/tags.html">Catégories</a>
-        <a href="/poles.html">Pôles</a>
-        <a href="/authors.html">Auteur·e·s</a>
-      </div>
-
-      $partial("templates/posts.html")$
-
-      <div class="panel-block">
-        <a class="button is-dark is-outlined is-fullwidth" href="/archives.html">Archives</a>
-      </div>
-    </div>
-  </div>
-</div>
--- a/site/legals.html
+++ b/site/legals.html
@ -1,40 +0,0 @@
---
-title: Mentions légales
-index: true
---
-
-<div class="tile is-ancestor is-vertical">
-  <div class="tile is-parent">
-    <div class="tile is-child px-5 notification">
-      <h2 class="title is-2 has-text-centered">Mentions légales</h2>
-
-	  <div class="block">
-        <h3 class="title is-3">Editeur et hébergement</h3>
-		<p>
-		  <strong>Délégation Générale Numérique (DGNum)</strong><br>
-		  Assocation de loi 1901<br><br>
-
-		  Siège social: <br>
-		  <i>45 rue d'Ulm<br>
-		  75005 Paris - FRANCE</i><br><br>
-
-          Directeur de publication: Jean-Marc GAILIS, Président<br><br>
-
-		  Contact: contact(at)dgnum.eu
-		</p>
-      </div>
-
-	  <div class="block">
-		<h3 class="title is-3">Propriété intellectuelle</h3>
-		<p>
-		  La Délégation Générale Numérique est le propriétaire exclusif de tous
-		  les droits de propriété intellectuelle du contenu du site
-		  www.dgnum.eu.
-		</p>
-		<p>
-		  Toute réutilisation de ce contenu est interdite, sauf accord exprès de
-		  la Délégation Générale Numérique.
-		</p>
-    </div>
-  </div>
-</div>
--- a/site/poles/administration-systeme.html
+++ b/site/poles/administration-systeme.html
@ -1,3 +0,0 @@
---
-title: Pôle Administration Système
---
--- a/site/poles/communication.html
+++ b/site/poles/communication.html
@ -1,3 +0,0 @@
---
-title: Pôle Communication
---
--- a/site/poles/formation.html
+++ b/site/poles/formation.html
@ -1,3 +0,0 @@
---
-title: Pôle Formation
---
--- a/site/poles/geopolitique.html
+++ b/site/poles/geopolitique.html
@ -1,3 +0,0 @@
---
-title: Pôle Géopolitique
---
--- a/site/poles/juridique.html
+++ b/site/poles/juridique.html
@ -1,3 +0,0 @@
---
-title: Pôle Juridique
---
--- a/site/poles/logiciel.html
+++ b/site/poles/logiciel.html
@ -1,3 +0,0 @@
---
-title: Pôle Logiciel
---
--- a/site/poles/recherche.html
+++ b/site/poles/recherche.html
@ -1,3 +0,0 @@
---
-title: Pôle recherche
---
--- a/site/services.md
+++ b/site/services.md
@ -1,20 +0,0 @@
---
-title: Services proposés
-in_content: true
---
-
-Voici une liste partielle des services proposés par la DGNum :
-
- Le [Calendrier de la vie étudiante](https://calendrier.dgnum.eu), donnant un aperçu de ce qui se passe à l'ENS
- La [Forge DGNum](https://git.dgnum.eu), entreposant les sources de nos projets
- Le [Cloud DGNum](https://cloud.dgnum.eu), permettant le stockage et le partage de fichiers
- [Démarches Normaliennes](https://demarches.dgnum.eu), une plateforme de démarches administratives dématérialisées
- Les [Pads DGNum](https://pads.dgnum.eu)
- Le [Support DGNum](https://support.dgnum.eu), une plateforme de tickets en cas de problème rencontré avec les applicatifs DGNum
- Les [Vidéos DGNum](https://videos.dgnum.eu), une instance [PeerTube](https://joinpeertube.org)
- Le [SSO DGNum](https://sso.dgnum.eu), l'authentification centralisée de la DGNum
- [Crab Fit](https://meet.dgnum.eu), un logiciel permettant le choix d'une date de réunion en fonction des disponibilités de toutes
- Un générateur de [QR codes](https://qr.dgnum.eu), permettant de créer partager facilement des liens, tout en couleur.
- [Stirling PDF](https://pdf.dgnum.eu), une boîte à outils pour répondre à tous les besoins PDF.
-
-L'état de fonctionnement de nos services peut être consulté sur [notre page de statuts](https://status.dgnum.eu/).
--- a/site/templates/author.html
+++ b/site/templates/author.html
@ -1,8 +0,0 @@
-<a class="panel-block" href="/authors.html">
-  <span class="control is-fullwidth has-text-centered">
-    Retour à la liste des auteur·e·s
-    <span class="icon"><i class="fa-solid fa-rotate-left"></i></span>
-  </span>
-</a>
-
-$partial("templates/posts.html")$
--- a/site/templates/authors.html
+++ b/site/templates/authors.html
@ -1,8 +0,0 @@
-<div class="panel-tabs">
-  <a href="/archives.html">Toutes les publications</a>
-  <a href="/tags.html">Catégories</a>
-  <a href="/poles.html">Pôles</a>
-  <a class="is-active">Auteur·e·s</a>
-</div>
-
-$authors$
--- a/site/templates/default.html
+++ b/site/templates/default.html
@ -1,96 +0,0 @@
-<!doctype html>
-<html lang="fr">
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
-
-  <title>DGNum - $title$</title>
-
-  <link rel="stylesheet" href="/css/bulma.min.css" />
-  <link rel="stylesheet" href="/css/dgnum.css" />
-  <link rel="stylesheet" href="/vendor/fontawesome/css/all.min.css" />
-  <script defer data-domain="dgnum.eu" src="https://analytics.dgnum.eu/js/plausible.js"></script>
-  <script>
-    document.addEventListener('DOMContentLoaded', () => {
-
-      // Get all "navbar-burger" elements
-      const navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
-
-      // Add a click event on each of them
-      navbarBurgers.forEach(el => {
-        el.addEventListener('click', () => {
-
-          // Get the target from the "data-target" attribute
-          const target = document.getElementById(el.dataset.target);
-
-          // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
-          el.classList.toggle('is-active');
-          target.classList.toggle('is-active');
-        });
-      });
-    });
-  </script>
-</head>
-
-<body class="hero is-fullheight">
-  <header>
-    <nav class="navbar has-shadow mb-2">
-      <div class="navbar-brand">
-        <a class="navbar-item" href="/">
-          <img src="/images/dgnum-logo.svg">
-        </a>
-
-        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
-          <span aria-hidden="true"></span>
-          <span aria-hidden="true"></span>
-          <span aria-hidden="true"></span>
-        </a>
-      </div>
-      <div class="navbar-menu" id="navbar">
-        <a class="navbar-item" href="/about.html">À propos</a>
-        <a class="navbar-item" href="/services.html">Services</a>
-        <a class="navbar-item" href="/faq.html">FAQ</a>
-        <a class="navbar-item" href="/archives.html">Archives</a>
-        <a class="navbar-item" href="/contact.html">Contact</a>
-      </div>
-    </nav>
-  </header>
-
-  <div class="columns is-centered mt-2">
-    <main class="column is-10 mx-4" role="main">
-      $if(index)$
-      $else$
-      $if(title)$<h1 class="title is-2">$title$</h1>$endif$
-      $endif$
-
-      $if(in_content)$
-      <div class="content">
-        $body$
-      </div>
-      $else$
-      $body$
-      $endif$
-    </main>
-  </div>
-
-  <footer class="footer mt-5">
-    <div class="content has-text-centered">
-      <p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title"
-          rel="cc:attributionURL" href="">This page of the DGNum's website</a> by $if(authorLicense)$ $authorLicense$
-        $endif$<a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="/">Délégation Générale
-          Numérique (DGNum)</a> is licensed under <a href="http://creativecommons.org/licenses/by/4.0/?ref=chooser-v1"
-          target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY 4.0<img
-            style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
-            src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img
-            style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
-            src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"></a></p>
-      <p>
-	    <a href="https://status.dgnum.eu/">État des services</a> | <a href="legals.html">Mentions légales</a>
-      </p>
-    </div>
-  </footer>
-</body>
-
-</html>
--- a/site/templates/division.html
+++ b/site/templates/division.html
@ -1,13 +0,0 @@
-$body$
-
-$if(posts)$
-<hr>
-<a class="panel-block" href="/poles.html">
-  <span class="control is-fullwidth has-text-centered">
-    Retour à la liste des pôles
-    <span class="icon"><i class="fa-solid fa-rotate-left"></i></span>
-  </span>
-</a>
-
-$partial("templates/posts.html")$
-$endif$
--- a/site/templates/poles.html
+++ b/site/templates/poles.html
@ -1,8 +0,0 @@
-<div class="panel-tabs">
-  <a href="/archives.html">Toutes les publications</a>
-  <a href="/tags.html">Catégories</a>
-  <a class="is-active">Pôles</a>
-  <a href="/authors.html">Auteur·e·s</a>
-</div>
-
-$poles$
--- a/site/templates/post.html
+++ b/site/templates/post.html
@ -1,23 +0,0 @@
-<section class="content">
-  $body$
-</section>
-
-<br>
-
-<section class="mt-5 notification is-dark">
-  Posté le $date$
-  $if(author)$
-  $author$
-  $endif$
-  <div class="mt-2">
-    $if(poles)$
-    <span>Pôles associés :</span>
-    $poles$
-    $endif$
-
-    <span>Catégories :</span>
-    $if(tags)$
-    $tags$
-    $endif$
-  </div>
-</section>
--- a/site/templates/posts.html
+++ b/site/templates/posts.html
@ -1,7 +0,0 @@
-$for(posts)$
-<a href="$url$" class="panel-block">
-  <span class="tag mr-3">$date$</span>
-
-  $title$
-</a>
-$endfor$
--- a/site/templates/tag.html
+++ b/site/templates/tag.html
@ -1,8 +0,0 @@
-<a class="panel-block" href="/tags.html">
-  <span class="control is-fullwidth has-text-centered">
-    Retour à la liste des catégories
-    <span class="icon"><i class="fa-solid fa-rotate-left"></i></span>
-  </span>
-</a>
-
-$partial("templates/posts.html")$
--- a/site/templates/tags.html
+++ b/site/templates/tags.html
@ -1,8 +0,0 @@
-<div class="panel-tabs">
-  <a href="/archives.html">Toutes les publications</a>
-  <a class="is-active">Catégories</a>
-  <a href="/poles.html">Pôles</a>
-  <a href="/authors.html">Auteur·e·s</a>
-</div>
-
-$tags$
--- a/site/vendor/fontawesome/LICENSE.txt
+++ b/site/vendor/fontawesome/LICENSE.txt
@ -1,165 +0,0 @@
-Fonticons, Inc. (https://fontawesome.com)
-
--------------------------------------------------------------------------------
-
-Font Awesome Free License
-
-Font Awesome Free is free, open source, and GPL friendly. You can use it for
-commercial projects, open source projects, or really almost whatever you want.
-Full Font Awesome Free license: https://fontawesome.com/license/free.
-
--------------------------------------------------------------------------------
-
-# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
-
-The Font Awesome Free download is licensed under a Creative Commons
-Attribution 4.0 International License and applies to all icons packaged
-as SVG and JS file types.
-
--------------------------------------------------------------------------------
-
-# Fonts: SIL OFL 1.1 License
-
-In the Font Awesome Free download, the SIL OFL license applies to all icons
-packaged as web and desktop font files.
-
-Copyright (c) 2023 Fonticons, Inc. (https://fontawesome.com)
-with Reserved Font Name: "Font Awesome".
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-SIL OPEN FONT LICENSE
-Version 1.1 - 26 February 2007
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded,
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting — in part or in whole — any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.
-
--------------------------------------------------------------------------------
-
-# Code: MIT License (https://opensource.org/licenses/MIT)
-
-In the Font Awesome Free download, the MIT license applies to all non-font and
-non-icon files.
-
-Copyright 2023 Fonticons, Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in the
-Software without restriction, including without limitation the rights to use, copy,
-modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
-and to permit persons to whom the Software is furnished to do so, subject to the
-following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
--------------------------------------------------------------------------------
-
-# Attribution
-
-Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
-Awesome Free files already contain embedded comments with sufficient
-attribution, so you shouldn't need to do anything additional when using these
-files normally.
-
-We've kept attribution comments terse, so we ask that you do not actively work
-to remove them from files, especially code. They're a great way for folks to
-learn about Font Awesome.
-
--------------------------------------------------------------------------------
-
-# Brand Icons
-
-All brand icons are trademarks of their respective owners. The use of these
-trademarks does not indicate endorsement of the trademark holder by Font
-Awesome, nor vice versa. **Please do not use brand logos for any purpose except
-to represent the company, product, or service to which they refer.**
--- a/site/vendor/fontawesome/css/all.css
+++ b/site/vendor/fontawesome/css/all.css
--- a/site/vendor/fontawesome/css/all.min.css
+++ b/site/vendor/fontawesome/css/all.min.css
--- a/site/vendor/fontawesome/css/brands.css
+++ b/site/vendor/fontawesome/css/brands.css
--- a/site/vendor/fontawesome/css/brands.min.css
+++ b/site/vendor/fontawesome/css/brands.min.css
--- a/site/vendor/fontawesome/css/fontawesome.css
+++ b/site/vendor/fontawesome/css/fontawesome.css
--- a/site/vendor/fontawesome/css/fontawesome.min.css
+++ b/site/vendor/fontawesome/css/fontawesome.min.css
--- a/site/vendor/fontawesome/css/regular.css
+++ b/site/vendor/fontawesome/css/regular.css
@ -1,19 +0,0 @@
-/*!
- * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
- */
-:root, :host {
-  --fa-style-family-classic: 'Font Awesome 6 Free';
-  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }
-
-@font-face {
-  font-family: 'Font Awesome 6 Free';
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
-
-.far,
-.fa-regular {
-  font-weight: 400; }
--- a/site/vendor/fontawesome/css/regular.min.css
+++ b/site/vendor/fontawesome/css/regular.min.css
@ -1,6 +0,0 @@
-/*!
- * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
- */
-:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}
--- a/site/vendor/fontawesome/css/solid.css
+++ b/site/vendor/fontawesome/css/solid.css
@ -1,19 +0,0 @@
-/*!
- * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
- */
-:root, :host {
-  --fa-style-family-classic: 'Font Awesome 6 Free';
-  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }
-
-@font-face {
-  font-family: 'Font Awesome 6 Free';
-  font-style: normal;
-  font-weight: 900;
-  font-display: block;
-  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
-
-.fas,
-.fa-solid {
-  font-weight: 900; }
--- a/site/vendor/fontawesome/css/solid.min.css
+++ b/site/vendor/fontawesome/css/solid.min.css
@ -1,6 +0,0 @@
-/*!
- * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
- */
-:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}
--- a/site/vendor/fontawesome/css/svg-with-js.css
+++ b/site/vendor/fontawesome/css/svg-with-js.css
@ -1,639 +0,0 @@
-/*!
- * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
- */
-:root, :host {
-  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Solid';
-  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Regular';
-  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Light';
-  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Thin';
-  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
-  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
-  --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp';
-  --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';
-  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }
-
-svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
-  overflow: visible;
-  box-sizing: content-box; }
-
-.svg-inline--fa {
-  display: var(--fa-display, inline-block);
-  height: 1em;
-  overflow: visible;
-  vertical-align: -.125em; }
-  .svg-inline--fa.fa-2xs {
-    vertical-align: 0.1em; }
-  .svg-inline--fa.fa-xs {
-    vertical-align: 0em; }
-  .svg-inline--fa.fa-sm {
-    vertical-align: -0.07143em; }
-  .svg-inline--fa.fa-lg {
-    vertical-align: -0.2em; }
-  .svg-inline--fa.fa-xl {
-    vertical-align: -0.25em; }
-  .svg-inline--fa.fa-2xl {
-    vertical-align: -0.3125em; }
-  .svg-inline--fa.fa-pull-left {
-    margin-right: var(--fa-pull-margin, 0.3em);
-    width: auto; }
-  .svg-inline--fa.fa-pull-right {
-    margin-left: var(--fa-pull-margin, 0.3em);
-    width: auto; }
-  .svg-inline--fa.fa-li {
-    width: var(--fa-li-width, 2em);
-    top: 0.25em; }
-  .svg-inline--fa.fa-fw {
-    width: var(--fa-fw-width, 1.25em); }
-
-.fa-layers svg.svg-inline--fa {
-  bottom: 0;
-  left: 0;
-  margin: auto;
-  position: absolute;
-  right: 0;
-  top: 0; }
-
-.fa-layers-text, .fa-layers-counter {
-  display: inline-block;
-  position: absolute;
-  text-align: center; }
-
-.fa-layers {
-  display: inline-block;
-  height: 1em;
-  position: relative;
-  text-align: center;
-  vertical-align: -.125em;
-  width: 1em; }
-  .fa-layers svg.svg-inline--fa {
-    -webkit-transform-origin: center center;
-            transform-origin: center center; }
-
-.fa-layers-text {
-  left: 50%;
-  top: 50%;
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
-  -webkit-transform-origin: center center;
-          transform-origin: center center; }
-
-.fa-layers-counter {
-  background-color: var(--fa-counter-background-color, #ff253a);
-  border-radius: var(--fa-counter-border-radius, 1em);
-  box-sizing: border-box;
-  color: var(--fa-inverse, #fff);
-  line-height: var(--fa-counter-line-height, 1);
-  max-width: var(--fa-counter-max-width, 5em);
-  min-width: var(--fa-counter-min-width, 1.5em);
-  overflow: hidden;
-  padding: var(--fa-counter-padding, 0.25em 0.5em);
-  right: var(--fa-right, 0);
-  text-overflow: ellipsis;
-  top: var(--fa-top, 0);
-  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
-          transform: scale(var(--fa-counter-scale, 0.25));
-  -webkit-transform-origin: top right;
-          transform-origin: top right; }
-
-.fa-layers-bottom-right {
-  bottom: var(--fa-bottom, 0);
-  right: var(--fa-right, 0);
-  top: auto;
-  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
-          transform: scale(var(--fa-layers-scale, 0.25));
-  -webkit-transform-origin: bottom right;
-          transform-origin: bottom right; }
-
-.fa-layers-bottom-left {
-  bottom: var(--fa-bottom, 0);
-  left: var(--fa-left, 0);
-  right: auto;
-  top: auto;
-  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
-          transform: scale(var(--fa-layers-scale, 0.25));
-  -webkit-transform-origin: bottom left;
-          transform-origin: bottom left; }
-
-.fa-layers-top-right {
-  top: var(--fa-top, 0);
-  right: var(--fa-right, 0);
-  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
-          transform: scale(var(--fa-layers-scale, 0.25));
-  -webkit-transform-origin: top right;
-          transform-origin: top right; }
-
-.fa-layers-top-left {
-  left: var(--fa-left, 0);
-  right: auto;
-  top: var(--fa-top, 0);
-  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
-          transform: scale(var(--fa-layers-scale, 0.25));
-  -webkit-transform-origin: top left;
-          transform-origin: top left; }
-
-.fa-1x {
-  font-size: 1em; }
-
-.fa-2x {
-  font-size: 2em; }
-
-.fa-3x {
-  font-size: 3em; }
-
-.fa-4x {
-  font-size: 4em; }
-
-.fa-5x {
-  font-size: 5em; }
-
-.fa-6x {
-  font-size: 6em; }
-
-.fa-7x {
-  font-size: 7em; }
-
-.fa-8x {
-  font-size: 8em; }
-
-.fa-9x {
-  font-size: 9em; }
-
-.fa-10x {
-  font-size: 10em; }
-
-.fa-2xs {
-  font-size: 0.625em;
-  line-height: 0.1em;
-  vertical-align: 0.225em; }
-
-.fa-xs {
-  font-size: 0.75em;
-  line-height: 0.08333em;
-  vertical-align: 0.125em; }
-
-.fa-sm {
-  font-size: 0.875em;
-  line-height: 0.07143em;
-  vertical-align: 0.05357em; }
-
-.fa-lg {
-  font-size: 1.25em;
-  line-height: 0.05em;
-  vertical-align: -0.075em; }
-
-.fa-xl {
-  font-size: 1.5em;
-  line-height: 0.04167em;
-  vertical-align: -0.125em; }
-
-.fa-2xl {
-  font-size: 2em;
-  line-height: 0.03125em;
-  vertical-align: -0.1875em; }
-
-.fa-fw {
-  text-align: center;
-  width: 1.25em; }
-
-.fa-ul {
-  list-style-type: none;
-  margin-left: var(--fa-li-margin, 2.5em);
-  padding-left: 0; }
-  .fa-ul > li {
-    position: relative; }
-
-.fa-li {
-  left: calc(var(--fa-li-width, 2em) * -1);
-  position: absolute;
-  text-align: center;
-  width: var(--fa-li-width, 2em);
-  line-height: inherit; }
-
-.fa-border {
-  border-color: var(--fa-border-color, #eee);
-  border-radius: var(--fa-border-radius, 0.1em);
-  border-style: var(--fa-border-style, solid);
-  border-width: var(--fa-border-width, 0.08em);
-  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
-
-.fa-pull-left {
-  float: left;
-  margin-right: var(--fa-pull-margin, 0.3em); }
-
-.fa-pull-right {
-  float: right;
-  margin-left: var(--fa-pull-margin, 0.3em); }
-
-.fa-beat {
-  -webkit-animation-name: fa-beat;
-          animation-name: fa-beat;
-  -webkit-animation-delay: var(--fa-animation-delay, 0s);
-          animation-delay: var(--fa-animation-delay, 0s);
-  -webkit-animation-direction: var(--fa-animation-direction, normal);
-          animation-direction: var(--fa-animation-direction, normal);
-  -webkit-animation-duration: var(--fa-animation-duration, 1s);
-          animation-duration: var(--fa-animation-duration, 1s);
-  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
-          animation-timing-function: var(--fa-animation-timing, ease-in-out); }
-
-.fa-bounce {
-  -webkit-animation-name: fa-bounce;
-          animation-name: fa-bounce;
-  -webkit-animation-delay: var(--fa-animation-delay, 0s);
-          animation-delay: var(--fa-animation-delay, 0s);
-  -webkit-animation-direction: var(--fa-animation-direction, normal);
-          animation-direction: var(--fa-animation-direction, normal);
-  -webkit-animation-duration: var(--fa-animation-duration, 1s);
-          animation-duration: var(--fa-animation-duration, 1s);
-  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
-          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
-
-.fa-fade {
-  -webkit-animation-name: fa-fade;
-          animation-name: fa-fade;
-  -webkit-animation-delay: var(--fa-animation-delay, 0s);
-          animation-delay: var(--fa-animation-delay, 0s);
-  -webkit-animation-direction: var(--fa-animation-direction, normal);
-          animation-direction: var(--fa-animation-direction, normal);
-  -webkit-animation-duration: var(--fa-animation-duration, 1s);
-          animation-duration: var(--fa-animation-duration, 1s);
-  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
-          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
-
-.fa-beat-fade {
-  -webkit-animation-name: fa-beat-fade;
-          animation-name: fa-beat-fade;
-  -webkit-animation-delay: var(--fa-animation-delay, 0s);
-          animation-delay: var(--fa-animation-delay, 0s);
-  -webkit-animation-direction: var(--fa-animation-direction, normal);
-          animation-direction: var(--fa-animation-direction, normal);
-  -webkit-animation-duration: var(--fa-animation-duration, 1s);
-          animation-duration: var(--fa-animation-duration, 1s);
-  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
-          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
-
-.fa-flip {
-  -webkit-animation-name: fa-flip;
-          animation-name: fa-flip;
-  -webkit-animation-delay: var(--fa-animation-delay, 0s);
-          animation-delay: var(--fa-animation-delay, 0s);
-  -webkit-animation-direction: var(--fa-animation-direction, normal);
-          animation-direction: var(--fa-animation-direction, normal);
-  -webkit-animation-duration: var(--fa-animation-duration, 1s);
-          animation-duration: var(--fa-animation-duration, 1s);
-  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
-          animation-timing-function: var(--fa-animation-timing, ease-in-out); }
-
-.fa-shake {
-  -webkit-animation-name: fa-shake;
-          animation-name: fa-shake;
-  -webkit-animation-delay: var(--fa-animation-delay, 0s);
-          animation-delay: var(--fa-animation-delay, 0s);
-  -webkit-animation-direction: var(--fa-animation-direction, normal);
-          animation-direction: var(--fa-animation-direction, normal);
-  -webkit-animation-duration: var(--fa-animation-duration, 1s);
-          animation-duration: var(--fa-animation-duration, 1s);
-  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
-          animation-timing-function: var(--fa-animation-timing, linear); }
-
-.fa-spin {
-  -webkit-animation-name: fa-spin;
-          animation-name: fa-spin;
-  -webkit-animation-delay: var(--fa-animation-delay, 0s);
-          animation-delay: var(--fa-animation-delay, 0s);
-  -webkit-animation-direction: var(--fa-animation-direction, normal);
-          animation-direction: var(--fa-animation-direction, normal);
-  -webkit-animation-duration: var(--fa-animation-duration, 2s);
-          animation-duration: var(--fa-animation-duration, 2s);
-  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
-          animation-timing-function: var(--fa-animation-timing, linear); }
-
-.fa-spin-reverse {
-  --fa-animation-direction: reverse; }
-
-.fa-pulse,
-.fa-spin-pulse {
-  -webkit-animation-name: fa-spin;
-          animation-name: fa-spin;
-  -webkit-animation-direction: var(--fa-animation-direction, normal);
-          animation-direction: var(--fa-animation-direction, normal);
-  -webkit-animation-duration: var(--fa-animation-duration, 1s);
-          animation-duration: var(--fa-animation-duration, 1s);
-  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
-          animation-timing-function: var(--fa-animation-timing, steps(8)); }
-
-@media (prefers-reduced-motion: reduce) {
-  .fa-beat,
-  .fa-bounce,
-  .fa-fade,
-  .fa-beat-fade,
-  .fa-flip,
-  .fa-pulse,
-  .fa-shake,
-  .fa-spin,
-  .fa-spin-pulse {
-    -webkit-animation-delay: -1ms;
-            animation-delay: -1ms;
-    -webkit-animation-duration: 1ms;
-            animation-duration: 1ms;
-    -webkit-animation-iteration-count: 1;
-            animation-iteration-count: 1;
-    -webkit-transition-delay: 0s;
-            transition-delay: 0s;
-    -webkit-transition-duration: 0s;
-            transition-duration: 0s; } }
-
-@-webkit-keyframes fa-beat {
-  0%, 90% {
-    -webkit-transform: scale(1);
-            transform: scale(1); }
-  45% {
-    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
-            transform: scale(var(--fa-beat-scale, 1.25)); } }
-
-@keyframes fa-beat {
-  0%, 90% {
-    -webkit-transform: scale(1);
-            transform: scale(1); }
-  45% {
-    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
-            transform: scale(var(--fa-beat-scale, 1.25)); } }
-
-@-webkit-keyframes fa-bounce {
-  0% {
-    -webkit-transform: scale(1, 1) translateY(0);
-            transform: scale(1, 1) translateY(0); }
-  10% {
-    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
-            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
-  30% {
-    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
-            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
-  50% {
-    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
-            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
-  57% {
-    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
-            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
-  64% {
-    -webkit-transform: scale(1, 1) translateY(0);
-            transform: scale(1, 1) translateY(0); }
-  100% {
-    -webkit-transform: scale(1, 1) translateY(0);
-            transform: scale(1, 1) translateY(0); } }
-
-@keyframes fa-bounce {
-  0% {
-    -webkit-transform: scale(1, 1) translateY(0);
-            transform: scale(1, 1) translateY(0); }
-  10% {
-    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
-            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
-  30% {
-    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
-            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
-  50% {
-    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
-            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
-  57% {
-    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
-            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
-  64% {
-    -webkit-transform: scale(1, 1) translateY(0);
-            transform: scale(1, 1) translateY(0); }
-  100% {
-    -webkit-transform: scale(1, 1) translateY(0);
-            transform: scale(1, 1) translateY(0); } }
-
-@-webkit-keyframes fa-fade {
-  50% {
-    opacity: var(--fa-fade-opacity, 0.4); } }
-
-@keyframes fa-fade {
-  50% {
-    opacity: var(--fa-fade-opacity, 0.4); } }
-
-@-webkit-keyframes fa-beat-fade {
-  0%, 100% {
-    opacity: var(--fa-beat-fade-opacity, 0.4);
-    -webkit-transform: scale(1);
-            transform: scale(1); }
-  50% {
-    opacity: 1;
-    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
-            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
-
-@keyframes fa-beat-fade {
-  0%, 100% {
-    opacity: var(--fa-beat-fade-opacity, 0.4);
-    -webkit-transform: scale(1);
-            transform: scale(1); }
-  50% {
-    opacity: 1;
-    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
-            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
-
-@-webkit-keyframes fa-flip {
-  50% {
-    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
-            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
-
-@keyframes fa-flip {
-  50% {
-    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
-            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
-
-@-webkit-keyframes fa-shake {
-  0% {
-    -webkit-transform: rotate(-15deg);
-            transform: rotate(-15deg); }
-  4% {
-    -webkit-transform: rotate(15deg);
-            transform: rotate(15deg); }
-  8%, 24% {
-    -webkit-transform: rotate(-18deg);
-            transform: rotate(-18deg); }
-  12%, 28% {
-    -webkit-transform: rotate(18deg);
-            transform: rotate(18deg); }
-  16% {
-    -webkit-transform: rotate(-22deg);
-            transform: rotate(-22deg); }
-  20% {
-    -webkit-transform: rotate(22deg);
-            transform: rotate(22deg); }
-  32% {
-    -webkit-transform: rotate(-12deg);
-            transform: rotate(-12deg); }
-  36% {
-    -webkit-transform: rotate(12deg);
-            transform: rotate(12deg); }
-  40%, 100% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); } }
-
-@keyframes fa-shake {
-  0% {
-    -webkit-transform: rotate(-15deg);
-            transform: rotate(-15deg); }
-  4% {
-    -webkit-transform: rotate(15deg);
-            transform: rotate(15deg); }
-  8%, 24% {
-    -webkit-transform: rotate(-18deg);
-            transform: rotate(-18deg); }
-  12%, 28% {
-    -webkit-transform: rotate(18deg);
-            transform: rotate(18deg); }
-  16% {
-    -webkit-transform: rotate(-22deg);
-            transform: rotate(-22deg); }
-  20% {
-    -webkit-transform: rotate(22deg);
-            transform: rotate(22deg); }
-  32% {
-    -webkit-transform: rotate(-12deg);
-            transform: rotate(-12deg); }
-  36% {
-    -webkit-transform: rotate(12deg);
-            transform: rotate(12deg); }
-  40%, 100% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); } }
-
-@-webkit-keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg); } }
-
-@keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg); } }
-
-.fa-rotate-90 {
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg); }
-
-.fa-rotate-180 {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg); }
-
-.fa-rotate-270 {
-  -webkit-transform: rotate(270deg);
-          transform: rotate(270deg); }
-
-.fa-flip-horizontal {
-  -webkit-transform: scale(-1, 1);
-          transform: scale(-1, 1); }
-
-.fa-flip-vertical {
-  -webkit-transform: scale(1, -1);
-          transform: scale(1, -1); }
-
-.fa-flip-both,
-.fa-flip-horizontal.fa-flip-vertical {
-  -webkit-transform: scale(-1, -1);
-          transform: scale(-1, -1); }
-
-.fa-rotate-by {
-  -webkit-transform: rotate(var(--fa-rotate-angle, none));
-          transform: rotate(var(--fa-rotate-angle, none)); }
-
-.fa-stack {
-  display: inline-block;
-  vertical-align: middle;
-  height: 2em;
-  position: relative;
-  width: 2.5em; }
-
-.fa-stack-1x,
-.fa-stack-2x {
-  bottom: 0;
-  left: 0;
-  margin: auto;
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: var(--fa-stack-z-index, auto); }
-
-.svg-inline--fa.fa-stack-1x {
-  height: 1em;
-  width: 1.25em; }
-
-.svg-inline--fa.fa-stack-2x {
-  height: 2em;
-  width: 2.5em; }
-
-.fa-inverse {
-  color: var(--fa-inverse, #fff); }
-
-.sr-only,
-.fa-sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0; }
-
-.sr-only-focusable:not(:focus),
-.fa-sr-only-focusable:not(:focus) {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0; }
-
-.svg-inline--fa .fa-primary {
-  fill: var(--fa-primary-color, currentColor);
-  opacity: var(--fa-primary-opacity, 1); }
-
-.svg-inline--fa .fa-secondary {
-  fill: var(--fa-secondary-color, currentColor);
-  opacity: var(--fa-secondary-opacity, 0.4); }
-
-.svg-inline--fa.fa-swap-opacity .fa-primary {
-  opacity: var(--fa-secondary-opacity, 0.4); }
-
-.svg-inline--fa.fa-swap-opacity .fa-secondary {
-  opacity: var(--fa-primary-opacity, 1); }
-
-.svg-inline--fa mask .fa-primary,
-.svg-inline--fa mask .fa-secondary {
-  fill: black; }
-
-.fad.fa-inverse,
-.fa-duotone.fa-inverse {
-  color: var(--fa-inverse, #fff); }
--- a/site/vendor/fontawesome/css/svg-with-js.min.css
+++ b/site/vendor/fontawesome/css/svg-with-js.min.css
--- a/site/vendor/fontawesome/css/v4-font-face.css
+++ b/site/vendor/fontawesome/css/v4-font-face.css
@ -1,26 +0,0 @@
-/*!
- * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
- */
-@font-face {
-  font-family: 'FontAwesome';
-  font-display: block;
-  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
-
-@font-face {
-  font-family: 'FontAwesome';
-  font-display: block;
-  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
-
-@font-face {
-  font-family: 'FontAwesome';
-  font-display: block;
-  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
-  unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; }
-
-@font-face {
-  font-family: 'FontAwesome';
-  font-display: block;
-  src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"), url("../webfonts/fa-v4compatibility.ttf") format("truetype");
-  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
--- a/site/vendor/fontawesome/css/v4-font-face.min.css
+++ b/site/vendor/fontawesome/css/v4-font-face.min.css
@ -1,6 +0,0 @@
-/*!
- * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
- */
-@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
--- a/site/vendor/fontawesome/css/v4-shims.css
+++ b/site/vendor/fontawesome/css/v4-shims.css
--- a/site/vendor/fontawesome/css/v4-shims.min.css
+++ b/site/vendor/fontawesome/css/v4-shims.min.css
--- a/site/vendor/fontawesome/css/v5-font-face.css
+++ b/site/vendor/fontawesome/css/v5-font-face.css
@ -1,22 +0,0 @@
-/*!
- * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
- */
-@font-face {
-  font-family: 'Font Awesome 5 Brands';
-  font-display: block;
-  font-weight: 400;
-  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
-
-@font-face {
-  font-family: 'Font Awesome 5 Free';
-  font-display: block;
-  font-weight: 900;
-  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
-
-@font-face {
-  font-family: 'Font Awesome 5 Free';
-  font-display: block;
-  font-weight: 400;
-  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
--- a/site/vendor/fontawesome/css/v5-font-face.min.css
+++ b/site/vendor/fontawesome/css/v5-font-face.min.css
@ -1,6 +0,0 @@
-/*!
- * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
- */
-@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}
--- a/site/vendor/fontawesome/webfonts/fa-brands-400.ttf
+++ b/site/vendor/fontawesome/webfonts/fa-brands-400.ttf
--- a/site/vendor/fontawesome/webfonts/fa-brands-400.woff2
+++ b/site/vendor/fontawesome/webfonts/fa-brands-400.woff2
--- a/site/vendor/fontawesome/webfonts/fa-regular-400.ttf
+++ b/site/vendor/fontawesome/webfonts/fa-regular-400.ttf
--- a/site/vendor/fontawesome/webfonts/fa-regular-400.woff2
+++ b/site/vendor/fontawesome/webfonts/fa-regular-400.woff2
--- a/site/vendor/fontawesome/webfonts/fa-solid-900.ttf
+++ b/site/vendor/fontawesome/webfonts/fa-solid-900.ttf
--- a/site/vendor/fontawesome/webfonts/fa-solid-900.woff2
+++ b/site/vendor/fontawesome/webfonts/fa-solid-900.woff2
--- a/site/vendor/fontawesome/webfonts/fa-v4compatibility.ttf
+++ b/site/vendor/fontawesome/webfonts/fa-v4compatibility.ttf
--- a/site/vendor/fontawesome/webfonts/fa-v4compatibility.woff2
+++ b/site/vendor/fontawesome/webfonts/fa-v4compatibility.woff2
--- a/src/_data/dgnum.json
+++ b/src/_data/dgnum.json
@ -0,0 +1,76 @@
+{
+  "bureau": [
+    {
+      "firstname": "Jean-Marc",
+      "surname": "Gailis",
+      "roles": [
+        "président"
+      ],
+      "co-roles": []
+    },
+    {
+      "firstname": "Maurice",
+      "surname": "Debray",
+      "roles": [
+        "trésorier"
+      ],
+      "co-roles": []
+    },
+    {
+      "firstname": "Ryan",
+      "surname": "Lahfa",
+      "roles": [],
+      "co-roles": [
+        "président",
+        "trésorier"
+      ]
+    },
+    {
+      "firstname": "Elias",
+      "surname": "Coppens",
+      "roles": [
+        "secrétaire"
+      ],
+      "co-roles": [
+        "président"
+      ]
+    }
+  ],
+  "poles": [
+    {
+      "name": "Administration Système",
+      "icon": "server",
+      "handle": null
+    },
+    {
+      "name": "Communication",
+      "icon": "microphone",
+      "handle": null
+    },
+    {
+      "name": "Formation",
+      "icon": "school",
+      "handle": null
+    },
+    {
+      "name": "Géopolitique",
+      "icon": "world",
+      "handle": null
+    },
+    {
+      "name": "Juridique",
+      "icon": "gavel",
+      "handle": null
+    },
+    {
+      "name": "Logiciel",
+      "icon": "code",
+      "handle": null
+    },
+    {
+      "name": "Recherche",
+      "icon": "flask",
+      "handle": null
+    }
+  ]
+}
--- a/src/_data/services.json
+++ b/src/_data/services.json
@ -0,0 +1,56 @@
+[
+  {
+    "name": "Calendrier de la vie étudiante",
+    "icon": "calendar",
+    "url": "https://calendrier.dgnum.eu",
+    "description": "donne un aperçu de ce qui se passe à l'ENS."
+  },
+  {
+    "name": "Forge DGNum",
+    "icon": "terminal-2",
+    "url": "https://git.dgnum.eu",
+    "description": "permet d'entreposer et de publier le code source de différents projets."
+  },
+  {
+    "name": "Cloud DGNum",
+    "icon": "cloud",
+    "url": "https://cloud.dgnum.eu",
+    "description": "un espace de stockage et de partage de fichiers."
+  },
+  {
+    "name": "Démarches Normaliennes",
+    "icon": "forms",
+    "url": "https://demarches.dgnum.eu",
+    "description": "la dématérialisation des démarches administratives."
+  },
+  {
+    "name": "Pads DGNum",
+    "icon": "blockquote",
+    "url": "https://pads.dgnum.eu",
+    "description": "un espace textuel collaboratif."
+  },
+  {
+    "name": "Peertube DGNum",
+    "icon": "video",
+    "url": "https://videos.dgnum.eu",
+    "description": "une plateforme d'hébergement de vidéos."
+  },
+  {
+    "name": "Crab Fit",
+    "icon": "calendar-time",
+    "url": "https://meet.dgnum.eu",
+    "description": "pour choisir une date de réunion en fonction des disponibilités de chancun·e."
+  },
+  {
+    "name": "QR DGNum",
+    "icon": "qrcode",
+    "url": "https://qr.dgnum.eu",
+    "description": "un générateur de QR codes simple et efficace."
+  },
+  {
+    "name": "Stirling PDF",
+    "icon": "file-type-pdf",
+    "url": "https://pdf.dgnum.eu",
+    "description": "une boîte à outils pour tout faire avec des pdfs."
+  }
+]
--- a/src/_layouts/base.html
+++ b/src/_layouts/base.html
@ -0,0 +1,63 @@
+<!doctype html>
+<html lang="fr">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="keywords" content="dgnum" />
+  <title>DGNum</title>
+
+  <!-- Icons -->
+
+  <!-- CSS -->
+  <link href="/assets/css/dgnum.css" rel="stylesheet" type="text/css" />
+  <link href="/assets/icons/tabler-icons.min.css" rel="stylesheet" type="text/css" />
+
+  <!-- JS -->
+  <script src="/assets/js/bulma.js" defer="true"></script>
+</head>
+
+<body>
+  <section class="hero is-primary">
+    <div class="hero-head">
+      <div class="navbar is-primary">
+        <div class="navbar-brand">
+          <div class="navbar-item">
+            <img src="/_uploads/images/dgnum.svg" />
+          </div>
+          <a role="button" class="navbar-burger has-text-dark" data-target="navbar-menu" aria-label="menu"
+            aria-expanded="false">
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+          </a>
+        </div>
+        <div id="navbar-menu" class="navbar-menu">
+          <a class="navbar-item" href="/about">À propos</a>
+          <a class="navbar-item" href="/services">Services fournis</a>
+          <a class="navbar-item" href="/faq">Foire aux Questions</a>
+          <a class="navbar-item" href="/contact">Contact</a>
+        </div>
+      </div>
+    </div>
+
+    <div class="hero-body">
+      <h1 class="title">
+        <a href="/" class="has-text-dark">Délégation Générale Numérique</a>
+      </h1>
+      <h2 class="subtitle">Association Informatique de l'ENS</h2>
+    </div>
+
+  </section>
+
+  <section class="container p-6">{{ content }}</section>
+
+  <footer class="footer has-text-centered">
+    <a href="https://status.dgnum.eu">État des services</a>
+    <br />
+    <a href="/legal-notice">Mentions légales</a>
+  </footer>
+</body>
+
+</html>
--- a/src/_layouts/content.md
+++ b/src/_layouts/content.md
@ -0,0 +1,5 @@
+---
+layout: base.html
+---
+
+<div class="content">{{ content }}</div>
--- a/src/_uploads/documents/charte-confidentialite.pdf
+++ b/src/_uploads/documents/charte-confidentialite.pdf
--- a/src/_uploads/documents/reglement-interieur.pdf
+++ b/src/_uploads/documents/reglement-interieur.pdf
--- a/src/_uploads/documents/statuts.pdf
+++ b/src/_uploads/documents/statuts.pdf
--- a/src/_uploads/images/dgnum.svg
+++ b/src/_uploads/images/dgnum.svg
@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Calque_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 164.22969 166.39043"
+   xml:space="preserve"
+   sodipodi:docname="dgnum.svg"
+   width="164.22969"
+   height="166.39043"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs93" /><sodipodi:namedview
+   id="namedview91"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="7.8365854"
+   inkscape:cx="82.114846"
+   inkscape:cy="59.719888"
+   inkscape:window-width="1920"
+   inkscape:window-height="1137"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Calque_1" />
+<style
+   type="text/css"
+   id="style2">
+	.st0{clip-path:url(#SVGID_00000076564745137627655340000016403154747283637944_);}
+	.st1{fill:none;stroke:#FFFFFF;stroke-width:1.1945;}
+	.st2{clip-path:url(#SVGID_00000051345043016480668630000017459005625218034844_);fill:none;stroke:#FFFFFF;stroke-width:1.0253;}
+	.st3{fill:#FFFFFF;}
+</style>
+<g
+   id="g88"
+   transform="translate(-802,-457.13369)">
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+<path
+   d="m 802,515.48 c 13.59,-42.81 59.35,-66.98 103.17,-54.47 43.81,12.5 69.72,57.12 58.41,100.59 -11.31,43.47 -55.71,69.96 -100.11,59.73"
+   clip-path="url(#SVGID_00000071559021375305558940000017381780678920267449_)"
+   id="path10"
+   style="display:inline" /><path
+   id="path14"
+   class="st1"
+   d="m 926.05613,515.39466 39.61108,18.78131 -20.42506,17.98593 z m 0.12602,-0.0428 9.12471,-38.59003 m 29.73316,78.34159 -19.79787,-2.94156 9.23,32.07 M 926.19898,515.39329 902.27,544.93 l 42.98,7.26 -61.47,21.56 70.69,10.51 -65.07,14.86 20.16879,20.26105 L 863.45,621.32 m 62.50034,-106.04822 -44.35819,-1.91988 53.70279,-36.68034 -58.59279,-18.96966 5.25,55.1 20.3,32.08 -18.49,28.82 -29.36,-16.13 47.85,-12.69 m -12.86,54.21 -5.62,-25.38 m -20.32,47.58 25.94,-22.2 -40.02684,-2.13476 34.39684,-23.24524 m -29.35,-16.13 27.19,-44.23 -42.78,-12.87 37.88498,-42.7789 m -37.88498,42.7889 15.59,57.09 -5.0303,39.43749 m -10.5597,-96.52749 -22.66,-11.96 -7.25,39.15 z m 15.59,57.09 -24.09908,6.65205 1.80908,-21.52205 z m -22.3,-14.86 6.71,-42.23"
+   style="display:inline;stroke-linejoin:bevel;stroke-width:3;stroke-dasharray:none"
+   sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccc"
+   inkscape:label="path14" /></g>
+</svg>
--- a/src/about/index.md
+++ b/src/about/index.md
@ -0,0 +1,39 @@
+---
+layout: base.html
+---
+
+<div class="fixed-grid has-1-cols">
+    <div class="grid">
+        <div class="cell notification p-6">
+            <h2 class="subtitle is-2 has-text-centered">La Délégation Générale Numérique</h2>
+            <p class="has-text-centered">Association loi 1901 domiciliée à l'ENS dont les buts sont de promouvoir la chose numérique ainsi que son usage.</p>
+            <br>
+            <h3 class="subtitle">Documents</h3>
+            <li><a href="/_uploads/documents/statuts.pdf">Statuts</a></li>
+            <li><a href="/_uploads/documents/reglement-interieur.pdf">Règlement Intérieur</a></li>
+            <li><a href="/_uploads/documents/charte-confidentialite.pdf">Charte de confidentialité</a></li>
+        </div>
+        <div class="cell notification">
+            <h2 class="subtitle is-2 has-text-centered">Le Bureau</h2>
+            <p class="mb-4">
+                Le bureau est actuellement constitué de :
+            </p>
+            <ul class="pl-5">
+            {% for member in dgnum.bureau %}
+                <li>{{ member.firstname }} <b>{{ member.surname }}</b>{% for role in member.roles %}<span class="tag is-link m-2">{{ role | capitalize }}</span>{% endfor %}{% for role in member.co-roles %}<span class="tag is-primary m-2">{{ role | prepend: "Co-" }}</span> {% endfor %}</li>
+            {% endfor %}
+            </ul>
+        </div>
+        <div class="cell notification">
+            <h2 class="subtitle is-2 has-text-centered">Les Pôles</h2>
+            <p class="mb-4">
+                La Délégation Générale Numérique se divise en pôles thématiques :
+            </p>
+            <ul class="pl-5">
+            {% for pole in dgnum.poles %}
+                <li class="mb-1"><a {% if pole.handle %}href="poles/{{ pole.handle }}"{% endif %}><span class="icon"><i class="ti ti-{{ pole.icon }}"></i></span><span class="ml-1">{{ pole.name }}</span></a></li>
+            {% endfor %}
+            </ul>
+        </div>
+    </div>
+</div>
--- a/src/assets/css/dgnum.css
+++ b/src/assets/css/dgnum.css
--- a/src/assets/js/bulma.js
+++ b/src/assets/js/bulma.js
@ -0,0 +1,20 @@
+document.addEventListener("DOMContentLoaded", () => {
+  // Get all "navbar-burger" elements
+  const $navbarBurgers = Array.prototype.slice.call(
+    document.querySelectorAll(".navbar-burger"),
+    0,
+  );
+
+  // Add a click event on each of them
+  $navbarBurgers.forEach((el) => {
+    el.addEventListener("click", () => {
+      // Get the target from the "data-target" attribute
+      const target = el.dataset.target;
+      const $target = document.getElementById(target);
+
+      // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+      el.classList.toggle("is-active");
+      $target.classList.toggle("is-active");
+    });
+  });
+});
--- a/src/assets/scss/bulma/LICENSE
+++ b/src/assets/scss/bulma/LICENSE
@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023 Jeremy Thomas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
--- a/src/assets/scss/bulma/_index.scss
+++ b/src/assets/scss/bulma/_index.scss
@ -0,0 +1,10 @@
+@forward "utilities";
+@forward "themes";
+@forward "base";
+@forward "elements";
+@forward "form";
+@forward "components";
+@forward "grid";
+@forward "layout";
+@forward "base/skeleton";
+@forward "helpers";
--- a/src/assets/scss/bulma/base/_index.scss
+++ b/src/assets/scss/bulma/base/_index.scss
@ -0,0 +1,6 @@
+/* Bulma Base */
+@charset "utf-8";
+
+@forward "minireset";
+@forward "generic";
+@forward "animations";
--- a/src/assets/scss/bulma/base/animations.scss
+++ b/src/assets/scss/bulma/base/animations.scss
@ -0,0 +1,15 @@
+@keyframes spinAround {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(359deg);
+  }
+}
+
+@keyframes pulsate {
+  50% {
+    opacity: 0.5;
+  }
+}
--- a/src/assets/scss/bulma/base/generic.scss
+++ b/src/assets/scss/bulma/base/generic.scss
@ -0,0 +1,239 @@
+@use "../utilities/css-variables.scss" as cv;
+@use "../utilities/mixins" as mx;
+
+$body-background-color: cv.getVar("scheme-main") !default;
+$body-size: 1em !default;
+$body-min-width: 300px !default;
+$body-rendering: optimizeLegibility !default;
+$body-family: cv.getVar("family-primary") !default;
+$body-overflow-x: hidden !default;
+$body-overflow-y: scroll !default;
+
+$body-color: cv.getVar("text") !default;
+$body-font-size: 1em !default;
+$body-weight: cv.getVar("weight-normal") !default;
+$body-line-height: 1.5 !default;
+
+$code-family: cv.getVar("family-code") !default;
+$code-padding: 0.25em 0.5em 0.25em !default;
+$code-weight: normal !default;
+$code-size: 0.875em !default;
+
+$small-font-size: 0.875em !default;
+
+$hr-background-color: cv.getVar("background") !default;
+$hr-height: 2px !default;
+$hr-margin: 1.5rem 0 !default;
+
+$strong-color: cv.getVar("text-strong") !default;
+$strong-weight: cv.getVar("weight-semibold") !default;
+
+$pre-font-size: 0.875em !default;
+$pre-padding: 1.25rem 1.5rem !default;
+$pre-code-font-size: 1em !default;
+
+:root {
+  @include cv.register-vars(
+    (
+      "body-background-color": #{$body-background-color},
+      "body-size": #{$body-size},
+      "body-min-width": #{$body-min-width},
+      "body-rendering": #{$body-rendering},
+      "body-family": #{$body-family},
+      "body-overflow-x": #{$body-overflow-x},
+      "body-overflow-y": #{$body-overflow-y},
+      "body-color": #{$body-color},
+      "body-font-size": #{$body-font-size},
+      "body-weight": #{$body-weight},
+      "body-line-height": #{$body-line-height},
+      "code-family": #{$code-family},
+      "code-padding": #{$code-padding},
+      "code-weight": #{$code-weight},
+      "code-size": #{$code-size},
+      "small-font-size": #{$small-font-size},
+      "hr-background-color": #{$hr-background-color},
+      "hr-height": #{$hr-height},
+      "hr-margin": #{$hr-margin},
+      "strong-color": #{$strong-color},
+      "strong-weight": #{$strong-weight},
+      "pre-font-size": #{$pre-font-size},
+      "pre-padding": #{$pre-padding},
+      "pre-code-font-size": #{$pre-code-font-size},
+    )
+  );
+}
+
+html {
+  background-color: cv.getVar("body-background-color");
+  font-size: cv.getVar("body-size");
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  min-width: cv.getVar("body-min-width");
+  overflow-x: cv.getVar("body-overflow-x");
+  overflow-y: cv.getVar("body-overflow-y");
+  text-rendering: cv.getVar("body-rendering");
+  text-size-adjust: 100%;
+}
+
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section {
+  display: block;
+}
+
+body,
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: cv.getVar("body-family");
+}
+
+code,
+pre {
+  -moz-osx-font-smoothing: auto;
+  -webkit-font-smoothing: auto;
+  font-family: cv.getVar("code-family");
+}
+
+body {
+  color: cv.getVar("body-color");
+  font-size: cv.getVar("body-font-size");
+  font-weight: cv.getVar("body-weight");
+  line-height: cv.getVar("body-line-height");
+}
+
+// Inline
+
+a,
+button {
+  cursor: pointer;
+
+  &:focus-visible {
+    outline-color: hsl(
+      cv.getVar("focus-h"),
+      cv.getVar("focus-s"),
+      cv.getVar("focus-l")
+    );
+    outline-offset: cv.getVar("focus-offset");
+    outline-style: cv.getVar("focus-style");
+    outline-width: cv.getVar("focus-width");
+
+    &:active {
+      outline-width: 1px;
+    }
+  }
+
+  &:active {
+    outline-width: 1px;
+  }
+}
+
+a {
+  color: cv.getVar("link-text");
+  cursor: pointer;
+  text-decoration: none;
+  transition-duration: cv.getVar("duration");
+  transition-property: background-color, border-color, color;
+
+  strong {
+    color: currentColor;
+  }
+}
+
+button {
+  @include mx.reset;
+  transition-duration: cv.getVar("duration");
+  transition-property: background-color, border-color, color;
+}
+
+code {
+  background-color: cv.getVar("code-background");
+  border-radius: 0.5em;
+  color: cv.getVar("code");
+  font-size: cv.getVar("code-size");
+  font-weight: cv.getVar("code-weight");
+  padding: cv.getVar("code-padding");
+}
+
+hr {
+  background-color: cv.getVar("hr-background-color");
+  border: none;
+  display: block;
+  height: cv.getVar("hr-height");
+  margin: cv.getVar("hr-margin");
+}
+
+img {
+  height: auto;
+  max-width: 100%;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+  vertical-align: baseline;
+}
+
+small {
+  font-size: cv.getVar("small-font-size");
+}
+
+span {
+  font-style: inherit;
+  font-weight: inherit;
+}
+
+strong {
+  color: cv.getVar("strong-color");
+  font-weight: cv.getVar("strong-weight");
+}
+
+svg {
+  height: auto;
+  width: auto;
+}
+
+// Block
+
+fieldset {
+  border: none;
+}
+
+pre {
+  @include mx.overflow-touch;
+
+  background-color: cv.getVar("pre-background");
+  color: cv.getVar("pre");
+  font-size: cv.getVar("pre-font-size");
+  overflow-x: auto;
+  padding: cv.getVar("pre-padding");
+  white-space: pre;
+  word-wrap: normal;
+
+  code {
+    background-color: transparent;
+    color: currentColor;
+    font-size: cv.getVar("pre-code-font-size");
+    padding: 0;
+  }
+}
+
+table {
+  td,
+  th {
+    vertical-align: top;
+
+    &:not([align]) {
+      text-align: inherit;
+    }
+  }
+
+  th {
+    color: cv.getVar("text-strong");
+  }
+}
--- a/src/assets/scss/bulma/base/minireset.scss
+++ b/src/assets/scss/bulma/base/minireset.scss
@ -0,0 +1,92 @@
+/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
+// Blocks
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+  padding: 0;
+}
+
+// Headings
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: normal;
+}
+
+// List
+ul {
+  list-style: none;
+}
+
+// Form
+button,
+input,
+select,
+textarea {
+  margin: 0;
+}
+
+// Box sizing
+html {
+  box-sizing: border-box;
+}
+
+* {
+  &,
+  &::before,
+  &::after {
+    box-sizing: inherit;
+  }
+}
+
+// Media
+img,
+video {
+  height: auto;
+  max-width: 100%;
+}
+
+// Iframe
+iframe {
+  border: 0;
+}
+
+// Table
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+
+  &:not([align]) {
+    text-align: inherit;
+  }
+}
--- a/src/assets/scss/bulma/base/skeleton.scss
+++ b/src/assets/scss/bulma/base/skeleton.scss
@ -0,0 +1,114 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/mixins" as mx;
+@use "../utilities/extends";
+
+$skeleton-background: cv.getVar("border") !default;
+$skeleton-radius: cv.getVar("radius-small") !default;
+$skeleton-block-min-height: 4.5em !default;
+$skeleton-lines-gap: 0.75em !default;
+$skeleton-line-height: 0.75em !default;
+
+:root {
+  @include cv.register-vars(
+    (
+      "skeleton-background": #{$skeleton-background},
+      "skeleton-radius": #{$skeleton-radius},
+      "skeleton-block-min-height": #{$skeleton-block-min-height},
+      "skeleton-lines-gap": #{$skeleton-lines-gap},
+      "skeleton-line-height": #{$skeleton-line-height},
+    )
+  );
+}
+
+%skeleton-pulsation {
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  animation-name: pulsate;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+  background-color: cv.getVar("skeleton-background");
+  border-radius: cv.getVar("skeleton-radius");
+  box-shadow: none;
+  pointer-events: none;
+}
+
+.#{iv.$class-prefix}is-skeleton {
+  @extend %skeleton-pulsation;
+  color: transparent !important;
+
+  em,
+  strong {
+    color: inherit;
+  }
+
+  img {
+    visibility: hidden;
+  }
+
+  &.#{iv.$class-prefix}checkbox {
+    input {
+      opacity: 0;
+    }
+  }
+
+  &.#{iv.$class-prefix}delete {
+    border-radius: cv.getVar("radius-rounded");
+
+    &::before,
+    &::after {
+      display: none;
+    }
+  }
+}
+
+input.#{iv.$class-prefix}is-skeleton,
+textarea.#{iv.$class-prefix}is-skeleton {
+  resize: none;
+
+  @include mx.placeholder {
+    color: transparent !important;
+  }
+}
+
+.#{iv.$class-prefix}has-skeleton {
+  color: transparent !important;
+  position: relative;
+
+  &::after {
+    @extend %skeleton-pulsation;
+    content: "";
+    display: block;
+    height: 100%;
+    left: 0;
+    max-width: 100%;
+    min-width: 10%;
+    position: absolute;
+    top: 0;
+    width: 7em;
+  }
+}
+
+.#{iv.$class-prefix}skeleton-block {
+  @extend %block;
+  @extend %skeleton-pulsation;
+  color: transparent !important;
+  min-height: cv.getVar("skeleton-block-min-height");
+}
+
+.#{iv.$class-prefix}skeleton-lines {
+  color: transparent !important;
+  display: flex;
+  flex-direction: column;
+  gap: cv.getVar("skeleton-lines-gap");
+  position: relative;
+
+  > div {
+    @extend %skeleton-pulsation;
+    height: cv.getVar("skeleton-line-height");
+
+    &:last-child {
+      min-width: 4em;
+      width: 30%;
+    }
+  }
+}
--- a/src/assets/scss/bulma/components/_index.scss
+++ b/src/assets/scss/bulma/components/_index.scss
@ -0,0 +1,13 @@
+/* Bulma Components */
+@charset "utf-8";
+
+@forward "breadcrumb";
+@forward "card";
+@forward "dropdown";
+@forward "menu";
+@forward "message";
+@forward "modal";
+@forward "navbar";
+@forward "pagination";
+@forward "panel";
+@forward "tabs";
--- a/src/assets/scss/bulma/components/breadcrumb.scss
+++ b/src/assets/scss/bulma/components/breadcrumb.scss
@ -0,0 +1,139 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/extends";
+@use "../utilities/mixins";
+
+$breadcrumb-item-color: cv.getVar("link-text") !default;
+$breadcrumb-item-hover-color: cv.getVar("link-text-hover") !default;
+$breadcrumb-item-active-color: cv.getVar("link-text-active") !default;
+
+$breadcrumb-item-padding-vertical: 0 !default;
+$breadcrumb-item-padding-horizontal: 0.75em !default;
+
+$breadcrumb-item-separator-color: cv.getVar("border") !default;
+
+.#{iv.$class-prefix}breadcrumb {
+  @include cv.register-vars(
+    (
+      "breadcrumb-item-color": #{$breadcrumb-item-color},
+      "breadcrumb-item-hover-color": #{$breadcrumb-item-hover-color},
+      "breadcrumb-item-active-color": #{$breadcrumb-item-active-color},
+      "breadcrumb-item-padding-vertical": #{$breadcrumb-item-padding-vertical},
+      "breadcrumb-item-padding-horizontal": #{$breadcrumb-item-padding-horizontal},
+      "breadcrumb-item-separator-color": #{$breadcrumb-item-separator-color},
+    )
+  );
+}
+
+.#{iv.$class-prefix}breadcrumb {
+  @extend %block;
+  @extend %unselectable;
+  font-size: cv.getVar("size-normal");
+  white-space: nowrap;
+
+  a {
+    align-items: center;
+    color: cv.getVar("breadcrumb-item-color");
+    display: flex;
+    justify-content: center;
+    padding: cv.getVar("breadcrumb-item-padding-vertical")
+      cv.getVar("breadcrumb-item-padding-horizontal");
+
+    &:hover {
+      color: cv.getVar("breadcrumb-item-hover-color");
+    }
+  }
+
+  li {
+    align-items: center;
+    display: flex;
+
+    &:first-child a {
+      padding-inline-start: 0;
+    }
+
+    &.#{iv.$class-prefix}is-active {
+      a {
+        color: cv.getVar("breadcrumb-item-active-color");
+        cursor: default;
+        pointer-events: none;
+      }
+    }
+
+    & + li::before {
+      color: cv.getVar("breadcrumb-item-separator-color");
+      content: "/";
+    }
+  }
+
+  ul,
+  ol {
+    align-items: flex-start;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+  }
+
+  .#{iv.$class-prefix}icon {
+    &:first-child {
+      margin-inline-end: 0.5em;
+    }
+
+    &:last-child {
+      margin-inline-start: 0.5em;
+    }
+  }
+
+  // Alignment
+  &.#{iv.$class-prefix}is-centered {
+    ol,
+    ul {
+      justify-content: center;
+    }
+  }
+
+  &.#{iv.$class-prefix}is-right {
+    ol,
+    ul {
+      justify-content: flex-end;
+    }
+  }
+
+  // Sizes
+  &.#{iv.$class-prefix}is-small {
+    font-size: cv.getVar("size-small");
+  }
+
+  &.#{iv.$class-prefix}is-medium {
+    font-size: cv.getVar("size-medium");
+  }
+
+  &.#{iv.$class-prefix}is-large {
+    font-size: cv.getVar("size-large");
+  }
+
+  // Styles
+  &.#{iv.$class-prefix}has-arrow-separator {
+    li + li::before {
+      content: "→";
+    }
+  }
+
+  &.#{iv.$class-prefix}has-bullet-separator {
+    li + li::before {
+      content: "•";
+    }
+  }
+
+  &.#{iv.$class-prefix}has-dot-separator {
+    li + li::before {
+      content: "·";
+    }
+  }
+
+  &.#{iv.$class-prefix}has-succeeds-separator {
+    li + li::before {
+      content: "≻";
+    }
+  }
+}
--- a/src/assets/scss/bulma/components/card.scss
+++ b/src/assets/scss/bulma/components/card.scss
@ -0,0 +1,162 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/extends";
+@use "../utilities/mixins" as mx;
+
+$card-color: cv.getVar("text") !default;
+$card-background-color: cv.getVar("scheme-main") !default;
+$card-shadow: cv.getVar("shadow") !default;
+$card-radius: 0.75rem !default;
+
+$card-header-background-color: transparent !default;
+$card-header-color: cv.getVar("text-strong") !default;
+$card-header-padding: 0.75rem 1rem !default;
+$card-header-shadow: 0 0.125em 0.25em
+  hsla(
+    #{cv.getVar("scheme-h")},
+    #{cv.getVar("scheme-s")},
+    #{cv.getVar("scheme-invert-l")},
+    0.1
+  ) !default;
+$card-header-weight: cv.getVar("weight-bold") !default;
+
+$card-content-background-color: transparent !default;
+$card-content-padding: 1.5rem !default;
+
+$card-footer-background-color: transparent !default;
+$card-footer-border-top: 1px solid cv.getVar("border-weak") !default;
+$card-footer-padding: 0.75rem !default;
+
+$card-media-margin: cv.getVar("block-spacing") !default;
+
+.#{iv.$class-prefix}card {
+  @include cv.register-vars(
+    (
+      "card-color": #{$card-color},
+      "card-background-color": #{$card-background-color},
+      "card-shadow": #{$card-shadow},
+      "card-radius": #{$card-radius},
+      "card-header-background-color": #{$card-header-background-color},
+      "card-header-color": #{$card-header-color},
+      "card-header-padding": #{$card-header-padding},
+      "card-header-shadow": #{$card-header-shadow},
+      "card-header-weight": #{$card-header-weight},
+      "card-content-background-color": #{$card-content-background-color},
+      "card-content-padding": #{$card-content-padding},
+      "card-footer-background-color": #{$card-footer-background-color},
+      "card-footer-border-top": #{$card-footer-border-top},
+      "card-footer-padding": #{$card-footer-padding},
+      "card-media-margin": #{$card-media-margin},
+    )
+  );
+}
+
+.#{iv.$class-prefix}card {
+  @extend %block;
+  background-color: cv.getVar("card-background-color");
+  border-radius: cv.getVar("card-radius");
+  box-shadow: cv.getVar("card-shadow");
+  color: cv.getVar("card-color");
+  max-width: 100%;
+  position: relative;
+}
+
+%card-item {
+  &:first-child {
+    border-start-start-radius: cv.getVar("card-radius");
+    border-start-end-radius: cv.getVar("card-radius");
+  }
+
+  &:last-child {
+    border-end-start-radius: cv.getVar("card-radius");
+    border-end-end-radius: cv.getVar("card-radius");
+  }
+}
+
+.#{iv.$class-prefix}card-header {
+  @extend %card-item;
+  background-color: cv.getVar("card-header-background-color");
+  align-items: stretch;
+  box-shadow: cv.getVar("card-header-shadow");
+  display: flex;
+}
+
+.#{iv.$class-prefix}card-header-title {
+  align-items: center;
+  color: cv.getVar("card-header-color");
+  display: flex;
+  flex-grow: 1;
+  font-weight: cv.getVar("card-header-weight");
+  padding: cv.getVar("card-header-padding");
+
+  &.#{iv.$class-prefix}is-centered {
+    justify-content: center;
+  }
+}
+
+.#{iv.$class-prefix}card-header-icon {
+  @include mx.reset;
+
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  padding: cv.getVar("card-header-padding");
+}
+
+.#{iv.$class-prefix}card-image {
+  display: block;
+  position: relative;
+
+  &:first-child {
+    img {
+      border-start-start-radius: cv.getVar("card-radius");
+      border-start-end-radius: cv.getVar("card-radius");
+    }
+  }
+
+  &:last-child {
+    img {
+      border-end-start-radius: cv.getVar("card-radius");
+      border-end-end-radius: cv.getVar("card-radius");
+    }
+  }
+}
+
+.#{iv.$class-prefix}card-content {
+  @extend %card-item;
+
+  background-color: cv.getVar("card-content-background-color");
+  padding: cv.getVar("card-content-padding");
+}
+
+.#{iv.$class-prefix}card-footer {
+  @extend %card-item;
+
+  background-color: cv.getVar("card-footer-background-color");
+  border-top: cv.getVar("card-footer-border-top");
+  align-items: stretch;
+  display: flex;
+}
+
+.#{iv.$class-prefix}card-footer-item {
+  align-items: center;
+  display: flex;
+  flex-basis: 0;
+  flex-grow: 1;
+  flex-shrink: 0;
+  justify-content: center;
+  padding: cv.getVar("card-footer-padding");
+
+  &:not(:last-child) {
+    border-inline-end: cv.getVar("card-footer-border-top");
+  }
+}
+
+// Combinations
+
+.#{iv.$class-prefix}card {
+  .#{iv.$class-prefix}media:not(:last-child) {
+    margin-bottom: cv.getVar("card-media-margin");
+  }
+}
--- a/src/assets/scss/bulma/components/dropdown.scss
+++ b/src/assets/scss/bulma/components/dropdown.scss
@ -0,0 +1,188 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/extends";
+@use "../utilities/mixins" as mx;
+
+$dropdown-menu-min-width: 12rem !default;
+
+$dropdown-content-background-color: cv.getVar("scheme-main") !default;
+$dropdown-content-offset: 0.25rem !default;
+$dropdown-content-padding-bottom: 0.5rem !default;
+$dropdown-content-padding-top: 0.5rem !default;
+$dropdown-content-radius: cv.getVar("radius") !default;
+$dropdown-content-shadow: cv.getVar("shadow") !default;
+$dropdown-content-z: 20 !default;
+
+$dropdown-item-h: cv.getVar("scheme-h");
+$dropdown-item-s: cv.getVar("scheme-s");
+$dropdown-item-l: cv.getVar("scheme-main-l");
+$dropdown-item-background-l: cv.getVar("scheme-main-l");
+$dropdown-item-background-l-delta: 0%;
+$dropdown-item-hover-background-l-delta: cv.getVar("hover-background-l-delta");
+$dropdown-item-active-background-l-delta: cv.getVar(
+  "active-background-l-delta"
+);
+$dropdown-item-color-l: cv.getVar("text-strong-l");
+$dropdown-item-selected-h: cv.getVar("link-h");
+$dropdown-item-selected-s: cv.getVar("link-s");
+$dropdown-item-selected-l: cv.getVar("link-l");
+$dropdown-item-selected-background-l: cv.getVar("link-l");
+$dropdown-item-selected-color-l: cv.getVar("link-invert-l");
+
+$dropdown-divider-background-color: cv.getVar("border-weak") !default;
+
+.#{iv.$class-prefix}dropdown {
+  // prettier-ignore-start
+  @include cv.register-vars(
+    (
+      "dropdown-menu-min-width": #{$dropdown-menu-min-width},
+      "dropdown-content-background-color": #{$dropdown-content-background-color},
+      "dropdown-content-offset": #{$dropdown-content-offset},
+      "dropdown-content-padding-bottom": #{$dropdown-content-padding-bottom},
+      "dropdown-content-padding-top": #{$dropdown-content-padding-top},
+      "dropdown-content-radius": #{$dropdown-content-radius},
+      "dropdown-content-shadow": #{$dropdown-content-shadow},
+      "dropdown-content-z": #{$dropdown-content-z},
+      "dropdown-item-h": #{$dropdown-item-h},
+      "dropdown-item-s": #{$dropdown-item-s},
+      "dropdown-item-l": #{$dropdown-item-l},
+      "dropdown-item-background-l": #{$dropdown-item-background-l},
+      "dropdown-item-background-l-delta": #{$dropdown-item-background-l-delta},
+      "dropdown-item-hover-background-l-delta": #{$dropdown-item-hover-background-l-delta},
+      "dropdown-item-active-background-l-delta": #{$dropdown-item-active-background-l-delta},
+      "dropdown-item-color-l": #{$dropdown-item-color-l},
+      "dropdown-item-selected-h": #{$dropdown-item-selected-h},
+      "dropdown-item-selected-s": #{$dropdown-item-selected-s},
+      "dropdown-item-selected-l": #{$dropdown-item-selected-l},
+      "dropdown-item-selected-background-l": #{$dropdown-item-selected-background-l},
+      "dropdown-item-selected-color-l": #{$dropdown-item-selected-color-l},
+      "dropdown-divider-background-color": #{$dropdown-divider-background-color},
+    )
+  );
+  // prettier-ignore-end
+}
+
+.#{iv.$class-prefix}dropdown {
+  display: inline-flex;
+  position: relative;
+  vertical-align: top;
+
+  &.#{iv.$class-prefix}is-active,
+  &.#{iv.$class-prefix}is-hoverable:hover {
+    .#{iv.$class-prefix}dropdown-menu {
+      display: block;
+    }
+  }
+
+  &.#{iv.$class-prefix}is-right {
+    .#{iv.$class-prefix}dropdown-menu {
+      left: auto;
+      right: 0;
+    }
+  }
+
+  &.#{iv.$class-prefix}is-up {
+    .#{iv.$class-prefix}dropdown-menu {
+      bottom: 100%;
+      padding-bottom: cv.getVar("dropdown-content-offset");
+      padding-top: initial;
+      top: auto;
+    }
+  }
+}
+
+.#{iv.$class-prefix}dropdown-menu {
+  display: none;
+  @include mx.ltr-position(0, false);
+  min-width: cv.getVar("dropdown-menu-min-width");
+  padding-top: cv.getVar("dropdown-content-offset");
+  position: absolute;
+  top: 100%;
+  z-index: cv.getVar("dropdown-content-z");
+}
+
+.#{iv.$class-prefix}dropdown-content {
+  background-color: cv.getVar("dropdown-content-background-color");
+  border-radius: cv.getVar("dropdown-content-radius");
+  box-shadow: cv.getVar("dropdown-content-shadow");
+  padding-bottom: cv.getVar("dropdown-content-padding-bottom");
+  padding-top: cv.getVar("dropdown-content-padding-top");
+}
+
+.#{iv.$class-prefix}dropdown-item {
+  color: hsl(
+    #{cv.getVar("dropdown-item-h")},
+    #{cv.getVar("dropdown-item-s")},
+    #{cv.getVar("dropdown-item-color-l")}
+  );
+  display: block;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  padding: 0.375rem 1rem;
+}
+
+a.#{iv.$class-prefix}dropdown-item,
+button.#{iv.$class-prefix}dropdown-item {
+  background-color: hsl(
+    #{cv.getVar("dropdown-item-h")},
+    #{cv.getVar("dropdown-item-s")},
+    calc(
+      #{cv.getVar("dropdown-item-background-l")} + #{cv.getVar(
+          "dropdown-item-background-l-delta"
+        )}
+    )
+  );
+  padding-inline-end: 3rem;
+  text-align: inherit;
+  white-space: nowrap;
+  width: 100%;
+
+  &:hover {
+    @include cv.register-vars(
+      (
+        "dropdown-item-background-l-delta": #{cv.getVar(
+            "dropdown-item-hover-background-l-delta"
+          )},
+        "dropdown-item-border-l-delta": #{cv.getVar(
+            "dropdown-item-hover-border-l-delta"
+          )},
+      )
+    );
+  }
+
+  &:active {
+    @include cv.register-vars(
+      (
+        "dropdown-item-background-l-delta": #{cv.getVar(
+            "dropdown-item-active-background-l-delta"
+          )},
+        "dropdown-item-border-l-delta": #{cv.getVar(
+            "dropdown-item-active-border-l-delta"
+          )},
+      )
+    );
+  }
+
+  &.#{iv.$class-prefix}is-active,
+  &.#{iv.$class-prefix}is-selected {
+    @include cv.register-vars(
+      (
+        "dropdown-item-h": #{cv.getVar("dropdown-item-selected-h")},
+        "dropdown-item-s": #{cv.getVar("dropdown-item-selected-s")},
+        "dropdown-item-l": #{cv.getVar("dropdown-item-selected-l")},
+        "dropdown-item-background-l": #{cv.getVar(
+            "dropdown-item-selected-background-l"
+          )},
+        "dropdown-item-color-l": #{cv.getVar("dropdown-item-selected-color-l")},
+      )
+    );
+  }
+}
+
+.#{iv.$class-prefix}dropdown-divider {
+  background-color: cv.getVar("dropdown-divider-background-color");
+  border: none;
+  display: block;
+  height: 1px;
+  margin: 0.5rem 0;
+}
--- a/src/assets/scss/bulma/components/menu.scss
+++ b/src/assets/scss/bulma/components/menu.scss
@ -0,0 +1,165 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/extends";
+@use "../utilities/mixins" as mx;
+
+$menu-item-h: cv.getVar("scheme-h");
+$menu-item-s: cv.getVar("scheme-s");
+$menu-item-l: cv.getVar("scheme-main-l");
+$menu-item-background-l: cv.getVar("scheme-main-l");
+$menu-item-background-l-delta: 0%;
+$menu-item-hover-background-l-delta: cv.getVar("hover-background-l-delta");
+$menu-item-active-background-l-delta: cv.getVar("active-background-l-delta");
+$menu-item-color-l: cv.getVar("text-l");
+$menu-item-radius: cv.getVar("radius-small") !default;
+$menu-item-selected-h: cv.getVar("link-h");
+$menu-item-selected-s: cv.getVar("link-s");
+$menu-item-selected-l: cv.getVar("link-l");
+$menu-item-selected-background-l: cv.getVar("link-l");
+$menu-item-selected-color-l: cv.getVar("link-invert-l");
+
+$menu-list-border-left: 1px solid cv.getVar("border") !default;
+$menu-list-line-height: 1.25 !default;
+$menu-list-link-padding: 0.5em 0.75em !default;
+$menu-nested-list-margin: 0.75em !default;
+$menu-nested-list-padding-left: 0.75em !default;
+
+$menu-label-color: cv.getVar("text-weak") !default;
+$menu-label-font-size: 0.75em !default;
+$menu-label-letter-spacing: 0.1em !default;
+$menu-label-spacing: 1em !default;
+
+.#{iv.$class-prefix}menu {
+  @include cv.register-vars(
+    (
+      "menu-item-h": #{$menu-item-h},
+      "menu-item-s": #{$menu-item-s},
+      "menu-item-l": #{$menu-item-l},
+      "menu-item-background-l": #{$menu-item-background-l},
+      "menu-item-background-l-delta": #{$menu-item-background-l-delta},
+      "menu-item-hover-background-l-delta": #{$menu-item-hover-background-l-delta},
+      "menu-item-active-background-l-delta": #{$menu-item-active-background-l-delta},
+      "menu-item-color-l": #{$menu-item-color-l},
+      "menu-item-radius": #{$menu-item-radius},
+      "menu-item-selected-h": #{$menu-item-selected-h},
+      "menu-item-selected-s": #{$menu-item-selected-s},
+      "menu-item-selected-l": #{$menu-item-selected-l},
+      "menu-item-selected-background-l": #{$menu-item-selected-background-l},
+      "menu-item-selected-color-l": #{$menu-item-selected-color-l},
+      "menu-list-border-left": #{$menu-list-border-left},
+      "menu-list-line-height": #{$menu-list-line-height},
+      "menu-list-link-padding": #{$menu-list-link-padding},
+      "menu-nested-list-margin": #{$menu-nested-list-margin},
+      "menu-nested-list-padding-left": #{$menu-nested-list-padding-left},
+      "menu-label-color": #{$menu-label-color},
+      "menu-label-font-size": #{$menu-label-font-size},
+      "menu-label-letter-spacing": #{$menu-label-letter-spacing},
+      "menu-label-spacing": #{$menu-label-spacing},
+    )
+  );
+}
+
+.#{iv.$class-prefix}menu {
+  font-size: cv.getVar("size-normal");
+
+  // Sizes
+  &.#{iv.$class-prefix}is-small {
+    font-size: cv.getVar("size-small");
+  }
+
+  &.#{iv.$class-prefix}is-medium {
+    font-size: cv.getVar("size-medium");
+  }
+
+  &.#{iv.$class-prefix}is-large {
+    font-size: cv.getVar("size-large");
+  }
+}
+
+.#{iv.$class-prefix}menu-list {
+  line-height: cv.getVar("menu-list-line-height");
+
+  a,
+  button,
+  .#{iv.$class-prefix}menu-item {
+    @extend %reset;
+    background-color: hsl(
+      #{cv.getVar("menu-item-h")},
+      #{cv.getVar("menu-item-s")},
+      calc(
+        #{cv.getVar("menu-item-background-l")} + #{cv.getVar(
+            "menu-item-background-l-delta"
+          )}
+      )
+    );
+    border-radius: cv.getVar("menu-item-radius");
+    color: hsl(
+      #{cv.getVar("menu-item-h")},
+      #{cv.getVar("menu-item-s")},
+      #{cv.getVar("menu-item-color-l")}
+    );
+    display: block;
+    padding: cv.getVar("menu-list-link-padding");
+    text-align: left;
+    width: 100%;
+
+    &:hover {
+      @include cv.register-vars(
+        (
+          "menu-item-background-l-delta": #{cv.getVar(
+              "menu-item-hover-background-l-delta"
+            )},
+        )
+      );
+    }
+
+    &:active {
+      @include cv.register-vars(
+        (
+          "menu-item-background-l-delta": #{cv.getVar(
+              "menu-item-active-background-l-delta"
+            )},
+        )
+      );
+    }
+
+    // Modifiers
+    &.#{iv.$class-prefix}is-active,
+    &.#{iv.$class-prefix}is-selected {
+      @include cv.register-vars(
+        (
+          "menu-item-h": #{cv.getVar("menu-item-selected-h")},
+          "menu-item-s": #{cv.getVar("menu-item-selected-s")},
+          "menu-item-l": #{cv.getVar("menu-item-selected-l")},
+          "menu-item-background-l": #{cv.getVar(
+              "menu-item-selected-background-l"
+            )},
+          "menu-item-color-l": #{cv.getVar("menu-item-selected-color-l")},
+        )
+      );
+    }
+  }
+
+  li {
+    ul {
+      border-inline-start: cv.getVar("menu-list-border-left");
+      margin: cv.getVar("menu-nested-list-margin");
+      padding-inline-start: cv.getVar("menu-nested-list-padding-left");
+    }
+  }
+}
+
+.#{iv.$class-prefix}menu-label {
+  color: cv.getVar("menu-label-color");
+  font-size: cv.getVar("menu-label-font-size");
+  letter-spacing: cv.getVar("menu-label-letter-spacing");
+  text-transform: uppercase;
+
+  &:not(:first-child) {
+    margin-top: cv.getVar("menu-label-spacing");
+  }
+
+  &:not(:last-child) {
+    margin-bottom: cv.getVar("menu-label-spacing");
+  }
+}
--- a/src/assets/scss/bulma/components/message.scss
+++ b/src/assets/scss/bulma/components/message.scss
@ -0,0 +1,183 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/derived-variables" as dv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/extends";
+@use "../utilities/mixins" as mx;
+
+$message-h: cv.getVar("scheme-h");
+$message-s: cv.getVar("scheme-s");
+$message-background-l: cv.getVar("background-l");
+$message-border-l: cv.getVar("border-l");
+$message-border-l-delta: -20% !default;
+$message-border-style: solid;
+$message-border-width: 0.25em;
+$message-color-l: cv.getVar("text-l");
+$message-header-background-l: cv.getVar("dark-l");
+$message-header-color-l: cv.getVar("text-dark-invert-l");
+$message-radius: cv.getVar("radius") !default;
+
+$message-header-weight: cv.getVar("weight-semibold") !default;
+$message-header-padding: 1em 1.25em !default;
+$message-header-radius: cv.getVar("radius") !default;
+
+$message-body-border-width: 0 0 0 4px !default;
+$message-body-color: cv.getVar("text") !default;
+$message-body-padding: 1.25em 1.5em !default;
+$message-body-radius: cv.getVar("radius-small") !default;
+
+$message-body-pre-code-background-color: transparent !default;
+
+$message-header-body-border-width: 0 !default;
+$message-colors: dv.$colors !default;
+
+.#{iv.$class-prefix}message {
+  @include cv.register-vars(
+    (
+      "message-border-l-delta": #{$message-border-l-delta},
+      "message-radius": #{$message-radius},
+      "message-header-weight": #{$message-header-weight},
+      "message-header-padding": #{$message-header-padding},
+      "message-header-radius": #{$message-header-radius},
+      "message-body-border-width": #{$message-body-border-width},
+      "message-body-color": #{$message-body-color},
+      "message-body-padding": #{$message-body-padding},
+      "message-body-radius": #{$message-body-radius},
+      "message-body-pre-code-background-color": #{$message-body-pre-code-background-color},
+      "message-header-body-border-width": #{$message-header-body-border-width},
+      "message-h": #{$message-h},
+      "message-s": #{$message-s},
+      "message-background-l": #{$message-background-l},
+      "message-border-l": #{$message-border-l},
+      "message-border-style": #{$message-border-style},
+      "message-border-width": #{$message-border-width},
+      "message-color-l": #{$message-color-l},
+      "message-header-background-l": #{$message-header-background-l},
+      "message-header-color-l": #{$message-header-color-l},
+    )
+  );
+}
+
+.#{iv.$class-prefix}message {
+  @extend %block;
+  border-radius: cv.getVar("message-radius");
+  color: hsl(
+    #{cv.getVar("message-h")},
+    #{cv.getVar("message-s")},
+    #{cv.getVar("message-color-l")}
+  );
+  font-size: cv.getVar("size-normal");
+
+  strong {
+    color: currentColor;
+  }
+
+  a:not(.#{iv.$class-prefix}button):not(.#{iv.$class-prefix}tag):not(
+      .#{iv.$class-prefix}dropdown-item
+    ) {
+    color: currentColor;
+    text-decoration: underline;
+  }
+
+  // Sizes
+  &.#{iv.$class-prefix}is-small {
+    font-size: cv.getVar("size-small");
+  }
+
+  &.#{iv.$class-prefix}is-medium {
+    font-size: cv.getVar("size-medium");
+  }
+
+  &.#{iv.$class-prefix}is-large {
+    font-size: cv.getVar("size-large");
+  }
+
+  // Colors
+  @each $name, $components in $message-colors {
+    &.#{iv.$class-prefix}is-#{$name} {
+      @include cv.register-vars(
+        (
+          "message-h": #{cv.getVar($name, "", "-h")},
+          "message-s": #{cv.getVar($name, "", "-s")},
+          "message-border-l":
+            calc(
+              #{cv.getVar($name, "", "-l")} + #{cv.getVar(
+                  "message-border-l-delta"
+                )}
+            ),
+          "message-color-l": #{cv.getVar($name, "", "-on-scheme-l")},
+          "message-header-background-l": #{cv.getVar($name, "", "-l")},
+          "message-header-color-l": #{cv.getVar($name, "", "-invert-l")},
+        )
+      );
+    }
+  }
+}
+
+.#{iv.$class-prefix}message-header {
+  align-items: center;
+  background-color: hsl(
+    #{cv.getVar("message-h")},
+    #{cv.getVar("message-s")},
+    #{cv.getVar("message-header-background-l")}
+  );
+  border-start-start-radius: cv.getVar("message-header-radius");
+  border-start-end-radius: cv.getVar("message-header-radius");
+  color: hsl(
+    #{cv.getVar("message-h")},
+    #{cv.getVar("message-s")},
+    #{cv.getVar("message-header-color-l")}
+  );
+  display: flex;
+  font-weight: cv.getVar("message-header-weight");
+  justify-content: space-between;
+  line-height: 1.25;
+  padding: cv.getVar("message-header-padding");
+  position: relative;
+
+  .#{iv.$class-prefix}delete {
+    flex-grow: 0;
+    flex-shrink: 0;
+    margin-inline-start: 0.75em;
+  }
+
+  & + .#{iv.$class-prefix}message-body {
+    border-width: cv.getVar("message-header-body-border-width");
+    border-start-start-radius: 0;
+    border-start-end-radius: 0;
+  }
+}
+
+.#{iv.$class-prefix}message-body {
+  background-color: hsl(
+    #{cv.getVar("message-h")},
+    #{cv.getVar("message-s")},
+    #{cv.getVar("message-background-l")}
+  );
+  border-inline-start-color: hsl(
+    #{cv.getVar("message-h")},
+    #{cv.getVar("message-s")},
+    #{cv.getVar("message-border-l")}
+  );
+  border-inline-start-style: #{cv.getVar("message-border-style")};
+  border-inline-start-width: #{cv.getVar("message-border-width")};
+  border-radius: cv.getVar("message-body-radius");
+  padding: cv.getVar("message-body-padding");
+
+  code,
+  pre {
+    background-color: hsl(
+      #{cv.getVar("message-h")},
+      #{cv.getVar("message-s")},
+      #{cv.getVar("message-header-color-l")}
+    );
+    color: hsl(
+      #{cv.getVar("message-h")},
+      #{cv.getVar("message-s")},
+      #{cv.getVar("message-header-background-l")}
+    );
+  }
+
+  pre code {
+    background-color: cv.getVar("message-body-pre-code-background-color");
+  }
+}
--- a/src/assets/scss/bulma/components/modal.scss
+++ b/src/assets/scss/bulma/components/modal.scss
@ -0,0 +1,164 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/derived-variables" as dv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/extends";
+@use "../utilities/mixins" as mx;
+
+$modal-z: 40 !default;
+
+$modal-background-background-color: hsla(
+  #{cv.getVar("scheme-h")},
+  #{cv.getVar("scheme-s")},
+  #{cv.getVar("scheme-invert-l")},
+  0.86
+) !default;
+
+$modal-content-width: 40rem !default;
+$modal-content-margin-mobile: 1.25rem !default;
+$modal-content-spacing-mobile: 10rem !default;
+$modal-content-spacing-tablet: 2.5rem !default;
+
+$modal-close-dimensions: 2.5rem !default;
+$modal-close-right: 1.25rem !default;
+$modal-close-top: 1.25rem !default;
+
+$modal-card-spacing: 2.5rem !default;
+
+$modal-card-head-background-color: cv.getVar("scheme-main") !default;
+$modal-card-head-padding: 2rem !default;
+$modal-card-head-radius: cv.getVar("radius-large") !default;
+
+$modal-card-title-color: cv.getVar("text-strong") !default;
+$modal-card-title-line-height: 1 !default;
+$modal-card-title-size: cv.getVar("size-4") !default;
+
+$modal-card-foot-background-color: cv.getVar("scheme-main-bis") !default;
+$modal-card-foot-radius: cv.getVar("radius-large") !default;
+
+$modal-card-body-background-color: cv.getVar("scheme-main") !default;
+$modal-card-body-padding: 2rem !default;
+
+$modal-breakpoint: iv.$tablet !default;
+
+.#{iv.$class-prefix}modal {
+  @include cv.register-vars(
+    (
+      "modal-z": #{$modal-z},
+      "modal-background-background-color": #{$modal-background-background-color},
+      "modal-content-width": #{$modal-content-width},
+      "modal-content-margin-mobile": #{$modal-content-margin-mobile},
+      "modal-content-spacing-mobile": #{$modal-content-spacing-mobile},
+      "modal-content-spacing-tablet": #{$modal-content-spacing-tablet},
+      "modal-close-dimensions": #{$modal-close-dimensions},
+      "modal-close-right": #{$modal-close-right},
+      "modal-close-top": #{$modal-close-top},
+      "modal-card-spacing": #{$modal-card-spacing},
+      "modal-card-head-background-color": #{$modal-card-head-background-color},
+      "modal-card-head-padding": #{$modal-card-head-padding},
+      "modal-card-head-radius": #{$modal-card-head-radius},
+      "modal-card-title-color": #{$modal-card-title-color},
+      "modal-card-title-line-height": #{$modal-card-title-line-height},
+      "modal-card-title-size": #{$modal-card-title-size},
+      "modal-card-foot-background-color": #{$modal-card-foot-background-color},
+      "modal-card-foot-radius": #{$modal-card-foot-radius},
+      "modal-card-body-background-color": #{$modal-card-body-background-color},
+      "modal-card-body-padding": #{$modal-card-body-padding},
+    )
+  );
+}
+
+.#{iv.$class-prefix}modal {
+  @extend %overlay;
+
+  align-items: center;
+  display: none;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  position: fixed;
+  z-index: cv.getVar("modal-z");
+
+  // Modifiers
+  &.#{iv.$class-prefix}is-active {
+    display: flex;
+  }
+}
+
+.#{iv.$class-prefix}modal-background {
+  @extend %overlay;
+  background-color: cv.getVar("modal-background-background-color");
+}
+
+.#{iv.$class-prefix}modal-content,
+.#{iv.$class-prefix}modal-card {
+  margin: 0 cv.getVar("modal-content-margin-mobile");
+  max-height: calc(100vh - #{cv.getVar("modal-content-spacing-mobile")});
+  overflow: auto;
+  position: relative;
+  width: 100%;
+
+  // Responsiveness
+  @include mx.from($modal-breakpoint) {
+    margin: 0 auto;
+    max-height: calc(100vh - #{cv.getVar("modal-content-spacing-tablet")});
+    width: cv.getVar("modal-content-width");
+  }
+}
+
+.#{iv.$class-prefix}modal-close {
+  @extend %delete;
+  background: none;
+  height: cv.getVar("modal-close-dimensions");
+  inset-inline-end: cv.getVar("modal-close-right");
+  position: fixed;
+  top: cv.getVar("modal-close-top");
+  width: cv.getVar("modal-close-dimensions");
+}
+
+.#{iv.$class-prefix}modal-card {
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100vh - #{cv.getVar("modal-card-spacing")});
+  overflow: hidden;
+  overflow-y: visible;
+}
+
+.#{iv.$class-prefix}modal-card-head,
+.#{iv.$class-prefix}modal-card-foot {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  justify-content: flex-start;
+  padding: cv.getVar("modal-card-head-padding");
+  position: relative;
+}
+
+.#{iv.$class-prefix}modal-card-head {
+  background-color: cv.getVar("modal-card-head-background-color");
+  border-start-start-radius: cv.getVar("modal-card-head-radius");
+  border-start-end-radius: cv.getVar("modal-card-head-radius");
+  box-shadow: cv.getVar("shadow");
+}
+
+.#{iv.$class-prefix}modal-card-title {
+  color: cv.getVar("modal-card-title-color");
+  flex-grow: 1;
+  flex-shrink: 0;
+  font-size: cv.getVar("modal-card-title-size");
+  line-height: cv.getVar("modal-card-title-line-height");
+}
+
+.#{iv.$class-prefix}modal-card-foot {
+  background-color: cv.getVar("modal-card-foot-background-color");
+  border-end-start-radius: cv.getVar("modal-card-foot-radius");
+  border-end-end-radius: cv.getVar("modal-card-foot-radius");
+}
+
+.#{iv.$class-prefix}modal-card-body {
+  @include mx.overflow-touch;
+  background-color: cv.getVar("modal-card-body-background-color");
+  flex-grow: 1;
+  flex-shrink: 1;
+  overflow: auto;
+  padding: cv.getVar("modal-card-body-padding");
+}
--- a/src/assets/scss/bulma/components/navbar.scss
+++ b/src/assets/scss/bulma/components/navbar.scss
@ -0,0 +1,799 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/derived-variables" as dv;
+@use "../utilities/extends";
+@use "../utilities/mixins" as mx;
+
+$navbar-h: cv.getVar("scheme-h") !default;
+$navbar-s: cv.getVar("scheme-s") !default;
+$navbar-l: cv.getVar("scheme-main-l") !default;
+$navbar-background-color: cv.getVar("scheme-main") !default;
+$navbar-box-shadow-size: 0 0.125em 0 0 !default;
+$navbar-box-shadow-color: cv.getVar("background") !default;
+$navbar-height: 3.25rem !default;
+$navbar-padding-vertical: 1rem !default;
+$navbar-padding-horizontal: 2rem !default;
+$navbar-z: 30 !default;
+$navbar-fixed-z: 30 !default;
+
+$navbar-item-background-a: 0 !default;
+$navbar-item-background-l: cv.getVar("scheme-main-l") !default;
+$navbar-item-background-l-delta: 0% !default;
+$navbar-item-hover-background-l-delta: cv.getVar(
+  "hover-background-l-delta"
+) !default;
+$navbar-item-active-background-l-delta: cv.getVar(
+  "active-background-l-delta"
+) !default;
+$navbar-item-color-l: cv.getVar("text-l") !default;
+$navbar-item-color: hsl(
+  #{cv.getVar("navbar-h")},
+  #{cv.getVar("navbar-s")},
+  #{cv.getVar("navbar-item-color-l")}
+) !default;
+$navbar-item-selected-h: cv.getVar("link-h") !default;
+$navbar-item-selected-s: cv.getVar("link-s") !default;
+$navbar-item-selected-l: cv.getVar("link-l") !default;
+$navbar-item-selected-background-l: cv.getVar("link-l") !default;
+$navbar-item-selected-color-l: cv.getVar("link-invert-l") !default;
+$navbar-item-img-max-height: 1.75rem !default;
+
+$navbar-dropdown-item-h: cv.getVar("scheme-h") !default;
+$navbar-dropdown-item-s: cv.getVar("scheme-s") !default;
+$navbar-dropdown-item-l: cv.getVar("scheme-main-l") !default;
+$navbar-dropdown-item-background-l: cv.getVar("scheme-main-l") !default;
+$navbar-dropdown-item-color-l: cv.getVar("text-l") !default;
+
+$navbar-burger-color: cv.getVar("link") !default;
+
+$navbar-tab-hover-background-color: transparent !default;
+$navbar-tab-hover-border-bottom-color: cv.getVar("link") !default;
+$navbar-tab-active-color: cv.getVar("link") !default;
+$navbar-tab-active-background-color: transparent !default;
+$navbar-tab-active-border-bottom-color: cv.getVar("link") !default;
+$navbar-tab-active-border-bottom-style: solid !default;
+$navbar-tab-active-border-bottom-width: 0.1875em !default;
+
+$navbar-dropdown-background-color: cv.getVar("scheme-main") !default;
+$navbar-dropdown-border-l: cv.getVar("border-l") !default;
+$navbar-dropdown-border-color: hsl(
+  cv.getVar("navbar-h"),
+  cv.getVar("navbar-s"),
+  cv.getVar("navbar-dropdown-border-l")
+) !default;
+$navbar-dropdown-border-style: solid !default;
+$navbar-dropdown-border-width: 0.125em !default;
+$navbar-dropdown-offset: -0.25em !default;
+$navbar-dropdown-arrow: cv.getVar("link") !default;
+$navbar-dropdown-radius: cv.getVar("radius-large") !default;
+$navbar-dropdown-z: 20 !default;
+
+$navbar-dropdown-boxed-radius: cv.getVar("radius-large") !default;
+$navbar-dropdown-boxed-shadow:
+  0 0.5em 0.5em
+    hsla(
+      #{cv.getVar("scheme-h")},
+      #{cv.getVar("scheme-s")},
+      #{cv.getVar("scheme-invert-l")},
+      0.1
+    ),
+  0 0 0 1px
+    hsla(
+      #{cv.getVar("scheme-h")},
+      #{cv.getVar("scheme-s")},
+      #{cv.getVar("scheme-invert-l")},
+      0.1
+    ) !default;
+
+$navbar-divider-background-l: cv.getVar("background-l") !default;
+$navbar-divider-height: 0.125em !default;
+
+$navbar-bottom-box-shadow-size: 0 -0.125em 0 0 !default;
+
+$navbar-breakpoint: iv.$desktop !default;
+
+$navbar-colors: dv.$colors !default;
+
+@mixin navbar-fixed {
+  left: 0;
+  position: fixed;
+  right: 0;
+  z-index: cv.getVar("navbar-fixed-z");
+}
+
+:root {
+  @include cv.register-vars(
+    (
+      "navbar-height": #{$navbar-height},
+    )
+  );
+}
+
+.#{iv.$class-prefix}navbar {
+  @include cv.register-vars(
+    (
+      "navbar-h": #{$navbar-h},
+      "navbar-s": #{$navbar-s},
+      "navbar-l": #{$navbar-l},
+      "navbar-background-color": #{$navbar-background-color},
+      "navbar-box-shadow-size": #{$navbar-box-shadow-size},
+      "navbar-box-shadow-color": #{$navbar-box-shadow-color},
+      "navbar-padding-vertical": #{$navbar-padding-vertical},
+      "navbar-padding-horizontal": #{$navbar-padding-horizontal},
+      "navbar-z": #{$navbar-z},
+      "navbar-fixed-z": #{$navbar-fixed-z},
+      "navbar-item-background-a": #{$navbar-item-background-a},
+      "navbar-item-background-l": #{$navbar-item-background-l},
+      "navbar-item-background-l-delta": #{$navbar-item-background-l-delta},
+      "navbar-item-hover-background-l-delta": #{$navbar-item-hover-background-l-delta},
+      "navbar-item-active-background-l-delta": #{$navbar-item-active-background-l-delta},
+      "navbar-item-color-l": #{$navbar-item-color-l},
+      "navbar-item-color": #{$navbar-item-color},
+      "navbar-item-selected-h": #{$navbar-item-selected-h},
+      "navbar-item-selected-s": #{$navbar-item-selected-s},
+      "navbar-item-selected-l": #{$navbar-item-selected-l},
+      "navbar-item-selected-background-l": #{$navbar-item-selected-background-l},
+      "navbar-item-selected-color-l": #{$navbar-item-selected-color-l},
+      "navbar-item-img-max-height": #{$navbar-item-img-max-height},
+      "navbar-burger-color": #{$navbar-burger-color},
+      "navbar-tab-hover-background-color": #{$navbar-tab-hover-background-color},
+      "navbar-tab-hover-border-bottom-color": #{$navbar-tab-hover-border-bottom-color},
+      "navbar-tab-active-color": #{$navbar-tab-active-color},
+      "navbar-tab-active-background-color": #{$navbar-tab-active-background-color},
+      "navbar-tab-active-border-bottom-color": #{$navbar-tab-active-border-bottom-color},
+      "navbar-tab-active-border-bottom-style": #{$navbar-tab-active-border-bottom-style},
+      "navbar-tab-active-border-bottom-width": #{$navbar-tab-active-border-bottom-width},
+      "navbar-dropdown-background-color": #{$navbar-dropdown-background-color},
+      "navbar-dropdown-border-l": #{$navbar-dropdown-border-l},
+      "navbar-dropdown-border-color": #{$navbar-dropdown-border-color},
+      "navbar-dropdown-border-style": #{$navbar-dropdown-border-style},
+      "navbar-dropdown-border-width": #{$navbar-dropdown-border-width},
+      "navbar-dropdown-offset": #{$navbar-dropdown-offset},
+      "navbar-dropdown-arrow": #{$navbar-dropdown-arrow},
+      "navbar-dropdown-radius": #{$navbar-dropdown-radius},
+      "navbar-dropdown-z": #{$navbar-dropdown-z},
+      "navbar-dropdown-boxed-radius": #{$navbar-dropdown-boxed-radius},
+      "navbar-dropdown-boxed-shadow": #{$navbar-dropdown-boxed-shadow},
+      "navbar-dropdown-item-h": #{$navbar-dropdown-item-h},
+      "navbar-dropdown-item-s": #{$navbar-dropdown-item-s},
+      "navbar-dropdown-item-l": #{$navbar-dropdown-item-l},
+      "navbar-dropdown-item-background-l": #{$navbar-dropdown-item-background-l},
+      "navbar-dropdown-item-color-l": #{$navbar-dropdown-item-color-l},
+      "navbar-divider-background-l": #{$navbar-divider-background-l},
+      "navbar-divider-height": #{$navbar-divider-height},
+      "navbar-bottom-box-shadow-size": #{$navbar-bottom-box-shadow-size},
+    )
+  );
+}
+
+.#{iv.$class-prefix}navbar {
+  background-color: cv.getVar("navbar-background-color");
+  min-height: cv.getVar("navbar-height");
+  position: relative;
+  z-index: cv.getVar("navbar-z");
+
+  @each $name, $pair in $navbar-colors {
+    &.#{iv.$class-prefix}is-#{$name} {
+      @include cv.register-vars(
+        (
+          "navbar-h": #{cv.getVar($name, "", "-h")},
+          "navbar-s": #{cv.getVar($name, "", "-s")},
+          "navbar-l": #{cv.getVar($name, "", "-l")},
+          "burger-h": #{cv.getVar($name, "", "-h")},
+          "burger-s": #{cv.getVar($name, "", "-s")},
+          "burger-l": #{cv.getVar($name, "", "-invert-l")},
+          "navbar-background-color": #{cv.getVar($name)},
+          "navbar-item-background-l": #{cv.getVar($name, "", "-l")},
+          "navbar-item-color-l": #{cv.getVar($name, "", "-invert-l")},
+          "navbar-item-selected-h": #{cv.getVar($name, "", "-h")},
+          "navbar-item-selected-s": #{cv.getVar($name, "", "-s")},
+          "navbar-item-selected-l": #{cv.getVar($name, "", "-l")},
+          "navbar-item-selected-background-l": #{cv.getVar($name, "", "-l")},
+          "navbar-item-selected-color-l": #{cv.getVar($name, "", "-invert-l")},
+          "navbar-dropdown-arrow": #{cv.getVar($name, "", "-invert-l")},
+          "navbar-dropdown-background-color":
+            hsl(
+              #{cv.getVar($name, "", "-h")},
+              #{cv.getVar($name, "", "-s")},
+              #{cv.getVar("navbar-dropdown-item-background-l")}
+            ),
+          "navbar-dropdown-item-h": #{cv.getVar($name, "", "-h")},
+          "navbar-dropdown-item-s": #{cv.getVar($name, "", "-s")},
+        )
+      );
+    }
+  }
+
+  & > .#{iv.$class-prefix}container {
+    align-items: stretch;
+    display: flex;
+    min-height: cv.getVar("navbar-height");
+    width: 100%;
+  }
+
+  &.#{iv.$class-prefix}has-shadow {
+    box-shadow: cv.getVar("navbar-box-shadow-size")
+      cv.getVar("navbar-box-shadow-color");
+  }
+
+  &.#{iv.$class-prefix}is-fixed-bottom,
+  &.#{iv.$class-prefix}is-fixed-top {
+    @include navbar-fixed;
+  }
+
+  &.#{iv.$class-prefix}is-fixed-bottom {
+    bottom: 0;
+
+    &.#{iv.$class-prefix}has-shadow {
+      box-shadow: cv.getVar("navbar-bottom-box-shadow-size")
+        cv.getVar("navbar-box-shadow-color");
+    }
+  }
+
+  &.#{iv.$class-prefix}is-fixed-top {
+    top: 0;
+  }
+}
+
+html,
+body {
+  &.#{iv.$class-prefix}has-navbar-fixed-top {
+    padding-top: cv.getVar("navbar-height");
+  }
+
+  &.#{iv.$class-prefix}has-navbar-fixed-bottom {
+    padding-bottom: cv.getVar("navbar-height");
+  }
+}
+
+.#{iv.$class-prefix}navbar-brand,
+.#{iv.$class-prefix}navbar-tabs {
+  align-items: stretch;
+  display: flex;
+  flex-shrink: 0;
+  min-height: cv.getVar("navbar-height");
+}
+
+.#{iv.$class-prefix}navbar-tabs {
+  @include mx.overflow-touch;
+  max-width: 100vw;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.#{iv.$class-prefix}navbar-burger {
+  @extend %reset;
+  @include mx.burger(2.5rem);
+
+  & {
+    align-self: center;
+    color: cv.getVar("navbar-burger-color");
+    margin-inline-start: auto;
+    margin-inline-end: 0.375rem;
+  }
+}
+
+.#{iv.$class-prefix}navbar-menu {
+  display: none;
+}
+
+.#{iv.$class-prefix}navbar-item,
+.#{iv.$class-prefix}navbar-link {
+  color: cv.getVar("navbar-item-color");
+  display: block;
+  gap: 0.75rem;
+  line-height: 1.5;
+  padding: 0.5rem 0.75rem;
+  position: relative;
+
+  .#{iv.$class-prefix}icon {
+    &:only-child {
+      margin-left: -0.25rem;
+      margin-right: -0.25rem;
+    }
+  }
+}
+
+a.#{iv.$class-prefix}navbar-item,
+.#{iv.$class-prefix}navbar-link {
+  background-color: hsla(
+    #{cv.getVar("navbar-h")},
+    #{cv.getVar("navbar-s")},
+    calc(
+      #{cv.getVar("navbar-item-background-l")} + #{cv.getVar(
+          "navbar-item-background-l-delta"
+        )}
+    ),
+    #{cv.getVar("navbar-item-background-a")}
+  );
+  cursor: pointer;
+
+  &:focus,
+  &:focus-within,
+  &:hover {
+    @include cv.register-vars(
+      (
+        "navbar-item-background-l-delta": #{cv.getVar(
+            "navbar-item-hover-background-l-delta"
+          )},
+        "navbar-item-background-a": 1,
+      )
+    );
+  }
+
+  &:active {
+    @include cv.register-vars(
+      (
+        "navbar-item-background-l-delta": #{cv.getVar(
+            "navbar-item-active-background-l-delta"
+          )},
+        "navbar-item-background-a": 1,
+      )
+    );
+  }
+
+  &.#{iv.$class-prefix}is-active,
+  &.#{iv.$class-prefix}is-selected {
+    @include cv.register-vars(
+      (
+        "navbar-h": #{cv.getVar("navbar-item-selected-h")},
+        "navbar-s": #{cv.getVar("navbar-item-selected-s")},
+        "navbar-l": #{cv.getVar("navbar-item-selected-l")},
+        "navbar-item-background-l": #{cv.getVar(
+            "navbar-item-selected-background-l"
+          )},
+        "navbar-item-background-a": 1,
+        "navbar-item-color-l": #{cv.getVar("navbar-item-selected-color-l")},
+      )
+    );
+  }
+}
+
+.#{iv.$class-prefix}navbar-item {
+  flex-grow: 0;
+  flex-shrink: 0;
+
+  img,
+  svg {
+    max-height: cv.getVar("navbar-item-img-max-height");
+  }
+
+  &.#{iv.$class-prefix}has-dropdown {
+    padding: 0;
+  }
+
+  &.#{iv.$class-prefix}is-expanded {
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
+
+  &.#{iv.$class-prefix}is-tab {
+    border-bottom: 1px solid transparent;
+    min-height: cv.getVar("navbar-height");
+    padding-bottom: calc(0.5rem - 1px);
+
+    &:focus,
+    &:hover {
+      background-color: cv.getVar("navbar-tab-hover-background-color");
+      border-bottom-color: cv.getVar("navbar-tab-hover-border-bottom-color");
+    }
+
+    &.#{iv.$class-prefix}is-active {
+      background-color: cv.getVar("navbar-tab-active-background-color");
+      border-bottom-color: cv.getVar("navbar-tab-active-border-bottom-color");
+      border-bottom-style: cv.getVar("navbar-tab-active-border-bottom-style");
+      border-bottom-width: cv.getVar("navbar-tab-active-border-bottom-width");
+      color: cv.getVar("navbar-tab-active-color");
+      padding-bottom: calc(
+        0.5rem - #{cv.getVar("navbar-tab-active-border-bottom-width")}
+      );
+    }
+  }
+}
+
+.#{iv.$class-prefix}navbar-content {
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+
+.#{iv.$class-prefix}navbar-link:not(.#{iv.$class-prefix}is-arrowless) {
+  padding-inline-end: 2.5em;
+
+  &::after {
+    @extend %arrow;
+    border-color: cv.getVar("navbar-dropdown-arrow");
+    margin-top: -0.375em;
+    inset-inline-end: 1.125em;
+  }
+}
+
+.#{iv.$class-prefix}navbar-dropdown {
+  font-size: 0.875rem;
+  padding-bottom: 0.75rem;
+  padding-top: 0.5rem;
+
+  .#{iv.$class-prefix}navbar-item {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+
+    &:not(.is-active, .is-selected) {
+      background-color: hsl(
+        #{cv.getVar("navbar-dropdown-item-h")},
+        #{cv.getVar("navbar-dropdown-item-s")},
+        calc(
+          #{cv.getVar("navbar-dropdown-item-background-l")} + #{cv.getVar(
+              "navbar-item-background-l-delta"
+            )}
+        )
+      );
+      color: hsl(
+        #{cv.getVar("navbar-dropdown-item-h")},
+        #{cv.getVar("navbar-dropdown-item-s")},
+        #{cv.getVar("navbar-dropdown-item-color-l")}
+      );
+    }
+  }
+}
+
+.#{iv.$class-prefix}navbar-divider {
+  background-color: hsl(
+    #{cv.getVar("navbar-h")},
+    #{cv.getVar("navbar-s")},
+    #{cv.getVar("navbar-divider-background-l")}
+  );
+  border: none;
+  display: none;
+  height: cv.getVar("navbar-divider-height");
+  margin: 0.5rem 0;
+}
+
+@include mx.until($navbar-breakpoint) {
+  .#{iv.$class-prefix}navbar > .#{iv.$class-prefix}container {
+    display: block;
+  }
+
+  .#{iv.$class-prefix}navbar-brand,
+  .#{iv.$class-prefix}navbar-tabs {
+    .#{iv.$class-prefix}navbar-item {
+      align-items: center;
+      display: flex;
+    }
+  }
+
+  .#{iv.$class-prefix}navbar-link {
+    &::after {
+      display: none;
+    }
+  }
+
+  .#{iv.$class-prefix}navbar-menu {
+    background-color: cv.getVar("navbar-background-color");
+    box-shadow: 0 0.5em 1em
+      hsla(
+        #{cv.getVar("scheme-h")},
+        #{cv.getVar("scheme-s")},
+        #{cv.getVar("scheme-invert-l")},
+        0.1
+      );
+    padding: 0.5rem 0;
+
+    &.#{iv.$class-prefix}is-active {
+      display: block;
+    }
+  }
+
+  // Fixed navbar
+  .#{iv.$class-prefix}navbar {
+    &.#{iv.$class-prefix}is-fixed-bottom-touch,
+    &.#{iv.$class-prefix}is-fixed-top-touch {
+      @include navbar-fixed;
+    }
+
+    &.#{iv.$class-prefix}is-fixed-bottom-touch {
+      bottom: 0;
+
+      &.#{iv.$class-prefix}has-shadow {
+        box-shadow: 0 -0.125em 0.1875em hsla(#{cv.getVar("scheme-h")}, #{cv.getVar(
+                "scheme-s"
+              )}, #{cv.getVar("scheme-invert-l")}, 0.1);
+      }
+    }
+
+    &.#{iv.$class-prefix}is-fixed-top-touch {
+      top: 0;
+    }
+
+    &.#{iv.$class-prefix}is-fixed-top,
+    &.#{iv.$class-prefix}is-fixed-top-touch {
+      .#{iv.$class-prefix}navbar-menu {
+        @include mx.overflow-touch;
+        max-height: calc(100vh - #{cv.getVar("navbar-height")});
+        overflow: auto;
+      }
+    }
+  }
+
+  html,
+  body {
+    &.#{iv.$class-prefix}has-navbar-fixed-top-touch {
+      padding-top: cv.getVar("navbar-height");
+    }
+
+    &.#{iv.$class-prefix}has-navbar-fixed-bottom-touch {
+      padding-bottom: cv.getVar("navbar-height");
+    }
+  }
+}
+
+@include mx.from($navbar-breakpoint) {
+  .#{iv.$class-prefix}navbar,
+  .#{iv.$class-prefix}navbar-menu,
+  .#{iv.$class-prefix}navbar-start,
+  .#{iv.$class-prefix}navbar-end {
+    align-items: stretch;
+    display: flex;
+  }
+
+  .#{iv.$class-prefix}navbar {
+    min-height: cv.getVar("navbar-height");
+
+    &.#{iv.$class-prefix}is-spaced {
+      padding: cv.getVar("navbar-padding-vertical")
+        cv.getVar("navbar-padding-horizontal");
+
+      .#{iv.$class-prefix}navbar-start,
+      .#{iv.$class-prefix}navbar-end {
+        align-items: center;
+      }
+
+      a.#{iv.$class-prefix}navbar-item,
+      .#{iv.$class-prefix}navbar-link {
+        border-radius: cv.getVar("radius");
+      }
+    }
+
+    &.#{iv.$class-prefix}is-transparent {
+      @include cv.register-vars(
+        (
+          "navbar-item-background-a": 0,
+        )
+      );
+
+      .#{iv.$class-prefix}navbar-dropdown {
+        a.#{iv.$class-prefix}navbar-item {
+          background-color: hsl(
+            #{cv.getVar("navbar-h")},
+            #{cv.getVar("navbar-s")},
+            calc(
+              #{cv.getVar("navbar-item-background-l")} + #{cv.getVar(
+                  "navbar-item-background-l-delta"
+                )}
+            )
+          );
+
+          &.#{iv.$class-prefix}is-active,
+          &.#{iv.$class-prefix}is-selected {
+            @include cv.register-vars(
+              (
+                "navbar-h": #{cv.getVar("navbar-item-selected-h")},
+                "navbar-s": #{cv.getVar("navbar-item-selected-s")},
+                "navbar-l": #{cv.getVar("navbar-item-selected-l")},
+                "navbar-item-background-l": #{cv.getVar(
+                    "navbar-item-selected-background-l"
+                  )},
+                "navbar-item-color-l": #{cv.getVar(
+                    "navbar-item-selected-color-l"
+                  )},
+              )
+            );
+          }
+        }
+      }
+    }
+  }
+
+  .#{iv.$class-prefix}navbar-burger {
+    display: none;
+  }
+
+  .#{iv.$class-prefix}navbar-item,
+  .#{iv.$class-prefix}navbar-link {
+    align-items: center;
+    display: flex;
+  }
+
+  .#{iv.$class-prefix}navbar-item {
+    &.#{iv.$class-prefix}has-dropdown {
+      align-items: stretch;
+    }
+
+    &.#{iv.$class-prefix}has-dropdown-up {
+      .#{iv.$class-prefix}navbar-link::after {
+        transform: rotate(135deg) translate(0.25em, -0.25em);
+      }
+
+      .#{iv.$class-prefix}navbar-dropdown {
+        border-bottom-color: cv.getVar("navbar-dropdown-border-color");
+        border-bottom-style: cv.getVar("navbar-dropdown-border-style");
+        border-bottom-width: cv.getVar("navbar-dropdown-border-width");
+        border-radius: cv.getVar("navbar-dropdown-radius")
+          cv.getVar("navbar-dropdown-radius") 0 0;
+        border-top: none;
+        bottom: 100%;
+        box-shadow: 0 -0.5em 0.5em hsla(#{cv.getVar("scheme-h")}, #{cv.getVar(
+                "scheme-s"
+              )}, #{cv.getVar("scheme-invert-l")}, 0.1);
+        top: auto;
+      }
+    }
+
+    &.#{iv.$class-prefix}is-active,
+    &.#{iv.$class-prefix}is-hoverable:focus,
+    &.#{iv.$class-prefix}is-hoverable:focus-within,
+    &.#{iv.$class-prefix}is-hoverable:hover {
+      .#{iv.$class-prefix}navbar-dropdown {
+        display: block;
+
+        .#{iv.$class-prefix}navbar.#{iv.$class-prefix}is-spaced &,
+        &.#{iv.$class-prefix}is-boxed {
+          opacity: 1;
+          pointer-events: auto;
+          transform: translateY(0);
+        }
+      }
+    }
+  }
+
+  .#{iv.$class-prefix}navbar-menu {
+    flex-grow: 1;
+    flex-shrink: 0;
+  }
+
+  .#{iv.$class-prefix}navbar-start {
+    justify-content: flex-start;
+    margin-inline-end: auto;
+  }
+
+  .#{iv.$class-prefix}navbar-end {
+    justify-content: flex-end;
+    margin-inline-start: auto;
+  }
+
+  .#{iv.$class-prefix}navbar-dropdown {
+    background-color: cv.getVar("navbar-dropdown-background-color");
+    border-end-start-radius: cv.getVar("navbar-dropdown-radius");
+    border-end-end-radius: cv.getVar("navbar-dropdown-radius");
+    border-top-color: cv.getVar("navbar-dropdown-border-color");
+    border-top-style: cv.getVar("navbar-dropdown-border-style");
+    border-top-width: cv.getVar("navbar-dropdown-border-width");
+    box-shadow: 0 0.5em 0.5em
+      hsla(
+        #{cv.getVar("scheme-h")},
+        #{cv.getVar("scheme-s")},
+        #{cv.getVar("scheme-invert-l")},
+        0.1
+      );
+    display: none;
+    font-size: 0.875rem;
+    inset-inline-start: 0;
+    min-width: 100%;
+    position: absolute;
+    top: 100%;
+    z-index: cv.getVar("navbar-dropdown-z");
+
+    .#{iv.$class-prefix}navbar-item {
+      padding: 0.375rem 1rem;
+      white-space: nowrap;
+    }
+
+    a.#{iv.$class-prefix}navbar-item {
+      padding-inline-end: 3rem;
+
+      &:not(.is-active, .is-selected) {
+        background-color: hsl(
+          #{cv.getVar("navbar-dropdown-item-h")},
+          #{cv.getVar("navbar-dropdown-item-s")},
+          calc(
+            #{cv.getVar("navbar-dropdown-item-background-l")} + #{cv.getVar(
+                "navbar-item-background-l-delta"
+              )}
+          )
+        );
+        color: hsl(
+          #{cv.getVar("navbar-dropdown-item-h")},
+          #{cv.getVar("navbar-dropdown-item-s")},
+          #{cv.getVar("navbar-dropdown-item-color-l")}
+        );
+      }
+    }
+
+    .#{iv.$class-prefix}navbar.#{iv.$class-prefix}is-spaced &,
+    &.#{iv.$class-prefix}is-boxed {
+      border-radius: cv.getVar("navbar-dropdown-boxed-radius");
+      border-top: none;
+      box-shadow: cv.getVar("navbar-dropdown-boxed-shadow");
+      display: block;
+      opacity: 0;
+      pointer-events: none;
+      top: calc(100% + (#{cv.getVar("navbar-dropdown-offset")}));
+      transform: translateY(-5px);
+      transition-duration: cv.getVar("duration");
+      transition-property: opacity, transform;
+    }
+
+    &.#{iv.$class-prefix}is-right {
+      left: auto;
+      right: 0;
+    }
+  }
+
+  .#{iv.$class-prefix}navbar-divider {
+    display: block;
+  }
+
+  .#{iv.$class-prefix}navbar > .#{iv.$class-prefix}container,
+  .#{iv.$class-prefix}container > .#{iv.$class-prefix}navbar {
+    .#{iv.$class-prefix}navbar-brand {
+      margin-inline-start: -0.75rem;
+    }
+
+    .#{iv.$class-prefix}navbar-menu {
+      margin-inline-end: -0.75rem;
+    }
+  }
+
+  // Fixed navbar
+  .#{iv.$class-prefix}navbar {
+    &.#{iv.$class-prefix}is-fixed-bottom-desktop,
+    &.#{iv.$class-prefix}is-fixed-top-desktop {
+      @include navbar-fixed;
+    }
+
+    &.#{iv.$class-prefix}is-fixed-bottom-desktop {
+      bottom: 0;
+
+      &.#{iv.$class-prefix}has-shadow {
+        box-shadow: 0 -0.125em 0.1875em hsla(#{cv.getVar("scheme-h")}, #{cv.getVar(
+                "scheme-s"
+              )}, #{cv.getVar("scheme-invert-l")}, 0.1);
+      }
+    }
+
+    &.#{iv.$class-prefix}is-fixed-top-desktop {
+      top: 0;
+    }
+  }
+
+  html,
+  body {
+    &.#{iv.$class-prefix}has-navbar-fixed-top-desktop {
+      padding-top: cv.getVar("navbar-height");
+    }
+
+    &.#{iv.$class-prefix}has-navbar-fixed-bottom-desktop {
+      padding-bottom: cv.getVar("navbar-height");
+    }
+
+    &.#{iv.$class-prefix}has-spaced-navbar-fixed-top {
+      padding-top: calc(
+        #{cv.getVar("navbar-height")} + #{cv.getVar("navbar-padding-vertical")} *
+          2
+      );
+    }
+
+    &.#{iv.$class-prefix}has-spaced-navbar-fixed-bottom {
+      padding-bottom: calc(
+        #{cv.getVar("navbar-height")} + #{cv.getVar("navbar-padding-vertical")} *
+          2
+      );
+    }
+  }
+}
+
+// Combination
+
+.#{iv.$class-prefix}hero {
+  &.#{iv.$class-prefix}is-fullheight-with-navbar {
+    min-height: calc(100vh - #{cv.getVar("navbar-height")});
+  }
+}
--- a/src/assets/scss/bulma/components/pagination.scss
+++ b/src/assets/scss/bulma/components/pagination.scss
@ -0,0 +1,379 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/derived-variables" as dv;
+@use "../utilities/extends";
+@use "../utilities/mixins" as mx;
+
+$pagination-margin: -0.25rem !default;
+$pagination-min-width: cv.getVar("control-height") !default;
+
+$pagination-item-h: cv.getVar("scheme-h");
+$pagination-item-s: cv.getVar("scheme-s");
+$pagination-item-l: cv.getVar("scheme-main-l");
+$pagination-item-background-l-delta: 0%;
+$pagination-item-hover-background-l-delta: cv.getVar(
+  "hover-background-l-delta"
+);
+$pagination-item-active-background-l-delta: cv.getVar(
+  "active-background-l-delta"
+);
+$pagination-item-border-l: cv.getVar("border-l");
+$pagination-item-border-l-delta: 0%;
+$pagination-item-border-style: solid !default;
+$pagination-item-border-width: cv.getVar("control-border-width") !default;
+$pagination-item-hover-border-l-delta: cv.getVar("hover-border-l-delta");
+$pagination-item-active-border-l-delta: cv.getVar("active-border-l-delta");
+$pagination-item-focus-border-l-delta: cv.getVar("focus-border-l-delta");
+$pagination-item-color-l: cv.getVar("text-strong-l");
+$pagination-item-font-size: 1em !default;
+$pagination-item-margin: 0.25rem !default;
+$pagination-item-padding-left: 0.5em !default;
+$pagination-item-padding-right: 0.5em !default;
+$pagination-item-outer-shadow-h: 0;
+$pagination-item-outer-shadow-s: 0%;
+$pagination-item-outer-shadow-l: 20%;
+$pagination-item-outer-shadow-a: 0.05;
+
+$pagination-selected-item-h: cv.getVar("link-h");
+$pagination-selected-item-s: cv.getVar("link-s");
+$pagination-selected-item-l: cv.getVar("link-l");
+$pagination-selected-item-background-l: cv.getVar("link-l");
+$pagination-selected-item-border-l: cv.getVar("link-l");
+$pagination-selected-item-color-l: cv.getVar("link-invert-l");
+
+$pagination-nav-padding-left: 0.75em !default;
+$pagination-nav-padding-right: 0.75em !default;
+
+$pagination-disabled-color: cv.getVar("text-weak") !default;
+$pagination-disabled-background-color: cv.getVar("border") !default;
+$pagination-disabled-border-color: cv.getVar("border") !default;
+
+$pagination-current-color: cv.getVar("link-invert") !default;
+$pagination-current-background-color: cv.getVar("link") !default;
+$pagination-current-border-color: cv.getVar("link") !default;
+
+$pagination-ellipsis-color: cv.getVar("text-weak") !default;
+
+$pagination-shadow-inset: inset 0 0.0625em 0.125em
+  hsla(
+    #{cv.getVar("scheme-h")},
+    #{cv.getVar("scheme-s")},
+    #{cv.getVar("scheme-invert-l")},
+    0.2
+  ) !default;
+
+.#{iv.$class-prefix}pagination {
+  @include cv.register-vars(
+    (
+      "pagination-margin": #{$pagination-margin},
+      "pagination-min-width": #{$pagination-min-width},
+      "pagination-item-h": #{$pagination-item-h},
+      "pagination-item-s": #{$pagination-item-s},
+      "pagination-item-l": #{$pagination-item-l},
+      "pagination-item-background-l-delta": #{$pagination-item-background-l-delta},
+      "pagination-item-hover-background-l-delta": #{$pagination-item-hover-background-l-delta},
+      "pagination-item-active-background-l-delta": #{$pagination-item-active-background-l-delta},
+      "pagination-item-border-style": #{$pagination-item-border-style},
+      "pagination-item-border-width": #{$pagination-item-border-width},
+      "pagination-item-border-l": #{$pagination-item-border-l},
+      "pagination-item-border-l-delta": #{$pagination-item-border-l-delta},
+      "pagination-item-hover-border-l-delta": #{$pagination-item-hover-border-l-delta},
+      "pagination-item-active-border-l-delta": #{$pagination-item-active-border-l-delta},
+      "pagination-item-focus-border-l-delta": #{$pagination-item-focus-border-l-delta},
+      "pagination-item-color-l": #{$pagination-item-color-l},
+      "pagination-item-font-size": #{$pagination-item-font-size},
+      "pagination-item-margin": #{$pagination-item-margin},
+      "pagination-item-padding-left": #{$pagination-item-padding-left},
+      "pagination-item-padding-right": #{$pagination-item-padding-right},
+      "pagination-item-outer-shadow-h": #{$pagination-item-outer-shadow-h},
+      "pagination-item-outer-shadow-s": #{$pagination-item-outer-shadow-s},
+      "pagination-item-outer-shadow-l": #{$pagination-item-outer-shadow-l},
+      "pagination-item-outer-shadow-a": #{$pagination-item-outer-shadow-a},
+      "pagination-nav-padding-left": #{$pagination-nav-padding-left},
+      "pagination-nav-padding-right": #{$pagination-nav-padding-right},
+      "pagination-disabled-color": #{$pagination-disabled-color},
+      "pagination-disabled-background-color": #{$pagination-disabled-background-color},
+      "pagination-disabled-border-color": #{$pagination-disabled-border-color},
+      "pagination-current-color": #{$pagination-current-color},
+      "pagination-current-background-color": #{$pagination-current-background-color},
+      "pagination-current-border-color": #{$pagination-current-border-color},
+      "pagination-ellipsis-color": #{$pagination-ellipsis-color},
+      "pagination-shadow-inset": #{$pagination-shadow-inset},
+      "pagination-selected-item-h": #{$pagination-selected-item-h},
+      "pagination-selected-item-s": #{$pagination-selected-item-s},
+      "pagination-selected-item-l": #{$pagination-selected-item-l},
+      "pagination-selected-item-background-l": #{$pagination-selected-item-background-l},
+      "pagination-selected-item-border-l": #{$pagination-selected-item-border-l},
+      "pagination-selected-item-color-l": #{$pagination-selected-item-color-l},
+    )
+  );
+}
+
+.#{iv.$class-prefix}pagination {
+  @extend %block;
+
+  font-size: cv.getVar("size-normal");
+  margin: cv.getVar("pagination-margin");
+
+  // Sizes
+  &.#{iv.$class-prefix}is-small {
+    font-size: cv.getVar("size-small");
+  }
+
+  &.#{iv.$class-prefix}is-medium {
+    font-size: cv.getVar("size-medium");
+  }
+
+  &.#{iv.$class-prefix}is-large {
+    font-size: cv.getVar("size-large");
+  }
+
+  &.#{iv.$class-prefix}is-rounded {
+    .#{iv.$class-prefix}pagination-previous,
+    .#{iv.$class-prefix}pagination-next {
+      padding-left: 1em;
+      padding-right: 1em;
+      border-radius: cv.getVar("radius-rounded");
+    }
+
+    .#{iv.$class-prefix}pagination-link {
+      border-radius: cv.getVar("radius-rounded");
+    }
+  }
+}
+
+.#{iv.$class-prefix}pagination,
+.#{iv.$class-prefix}pagination-list {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+}
+
+.#{iv.$class-prefix}pagination-previous,
+.#{iv.$class-prefix}pagination-next,
+.#{iv.$class-prefix}pagination-link,
+.#{iv.$class-prefix}pagination-ellipsis {
+  @extend %control;
+  @extend %unselectable;
+  color: hsl(
+    #{cv.getVar("pagination-item-h")},
+    #{cv.getVar("pagination-item-s")},
+    #{cv.getVar("pagination-item-color-l")}
+  );
+  font-size: cv.getVar("pagination-item-font-size");
+  justify-content: center;
+  margin: cv.getVar("pagination-item-margin");
+  padding-left: cv.getVar("pagination-item-padding-left");
+  padding-right: cv.getVar("pagination-item-padding-right");
+  text-align: center;
+}
+
+.#{iv.$class-prefix}pagination-previous,
+.#{iv.$class-prefix}pagination-next,
+.#{iv.$class-prefix}pagination-link {
+  background-color: hsl(
+    #{cv.getVar("pagination-item-h")},
+    #{cv.getVar("pagination-item-s")},
+    calc(
+      #{cv.getVar("pagination-item-background-l")} + #{cv.getVar(
+          "pagination-item-background-l-delta"
+        )}
+    )
+  );
+  border-color: hsl(
+    #{cv.getVar("pagination-item-h")},
+    #{cv.getVar("pagination-item-s")},
+    calc(
+      #{cv.getVar("pagination-item-border-l")} + #{cv.getVar(
+          "pagination-item-border-l-delta"
+        )}
+    )
+  );
+  border-style: cv.getVar("pagination-item-border-style");
+  border-width: cv.getVar("pagination-item-border-width");
+  box-shadow:
+    0px 0.0625em 0.125em
+      hsla(
+        cv.getVar("pagination-item-outer-shadow-h"),
+        cv.getVar("pagination-item-outer-shadow-s"),
+        cv.getVar("pagination-item-outer-shadow-l"),
+        cv.getVar("pagination-item-outer-shadow-a")
+      ),
+    0px 0.125em 0.25em
+      hsla(
+        cv.getVar("pagination-item-outer-shadow-h"),
+        cv.getVar("pagination-item-outer-shadow-s"),
+        cv.getVar("pagination-item-outer-shadow-l"),
+        cv.getVar("pagination-item-outer-shadow-a")
+      );
+  color: hsl(
+    #{cv.getVar("pagination-item-h")},
+    #{cv.getVar("pagination-item-s")},
+    #{cv.getVar("pagination-item-color-l")}
+  );
+  min-width: cv.getVar("pagination-min-width");
+  transition-duration: cv.getVar("duration");
+  transition-property: background-color, border-color, box-shadow, color;
+
+  &:hover {
+    @include cv.register-vars(
+      (
+        "pagination-item-background-l-delta": #{cv.getVar(
+            "pagination-item-hover-background-l-delta"
+          )},
+        "pagination-item-border-l-delta": #{cv.getVar(
+            "pagination-item-hover-border-l-delta"
+          )},
+      )
+    );
+  }
+
+  &:focus {
+    @include cv.register-vars(
+      (
+        "pagination-item-background-l-delta": #{cv.getVar(
+            "pagination-item-hover-background-l-delta"
+          )},
+        "pagination-item-border-l-delta": #{cv.getVar(
+            "pagination-item-hover-border-l-delta"
+          )},
+      )
+    );
+  }
+
+  &:active {
+    box-shadow: cv.getVar("pagination-shadow-inset");
+  }
+
+  &[disabled],
+  &.#{iv.$class-prefix}is-disabled {
+    background-color: cv.getVar("pagination-disabled-background-color");
+    border-color: cv.getVar("pagination-disabled-border-color");
+    box-shadow: none;
+    color: cv.getVar("pagination-disabled-color");
+    opacity: 0.5;
+  }
+}
+
+.#{iv.$class-prefix}pagination-previous,
+.#{iv.$class-prefix}pagination-next {
+  padding-left: cv.getVar("pagination-nav-padding-left");
+  padding-right: cv.getVar("pagination-nav-padding-right");
+  white-space: nowrap;
+}
+
+.#{iv.$class-prefix}pagination-link {
+  &.#{iv.$class-prefix}is-current,
+  &.#{iv.$class-prefix}is-selected {
+    @include cv.register-vars(
+      (
+        "pagination-item-h": #{cv.getVar("pagination-selected-item-h")},
+        "pagination-item-s": #{cv.getVar("pagination-selected-item-s")},
+        "pagination-item-l": #{cv.getVar("pagination-selected-item-l")},
+        "pagination-item-background-l": #{cv.getVar(
+            "pagination-selected-item-background-l"
+          )},
+        "pagination-item-border-l": #{cv.getVar(
+            "pagination-selected-item-border-l"
+          )},
+        "pagination-item-color-l": #{cv.getVar(
+            "pagination-selected-item-color-l"
+          )},
+      )
+    );
+  }
+}
+
+.#{iv.$class-prefix}pagination-ellipsis {
+  color: cv.getVar("pagination-ellipsis-color");
+  pointer-events: none;
+}
+
+.#{iv.$class-prefix}pagination-list {
+  flex-wrap: wrap;
+
+  li {
+    list-style: none;
+  }
+}
+
+@include mx.mobile {
+  .#{iv.$class-prefix}pagination {
+    flex-wrap: wrap;
+  }
+
+  .#{iv.$class-prefix}pagination-previous,
+  .#{iv.$class-prefix}pagination-next {
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
+
+  .#{iv.$class-prefix}pagination-list {
+    li {
+      flex-grow: 1;
+      flex-shrink: 1;
+    }
+  }
+}
+
+@include mx.tablet {
+  .#{iv.$class-prefix}pagination-list {
+    flex-grow: 1;
+    flex-shrink: 1;
+    justify-content: flex-start;
+    order: 1;
+  }
+
+  .#{iv.$class-prefix}pagination-previous,
+  .#{iv.$class-prefix}pagination-next,
+  .#{iv.$class-prefix}pagination-link,
+  .#{iv.$class-prefix}pagination-ellipsis {
+    margin-bottom: 0;
+    margin-top: 0;
+  }
+
+  .#{iv.$class-prefix}pagination-previous {
+    order: 2;
+  }
+
+  .#{iv.$class-prefix}pagination-next {
+    order: 3;
+  }
+
+  .#{iv.$class-prefix}pagination {
+    justify-content: space-between;
+    margin-bottom: 0;
+    margin-top: 0;
+
+    &.#{iv.$class-prefix}is-centered {
+      .#{iv.$class-prefix}pagination-previous {
+        order: 1;
+      }
+
+      .#{iv.$class-prefix}pagination-list {
+        justify-content: center;
+        order: 2;
+      }
+
+      .#{iv.$class-prefix}pagination-next {
+        order: 3;
+      }
+    }
+
+    &.#{iv.$class-prefix}is-right {
+      .#{iv.$class-prefix}pagination-previous {
+        order: 1;
+      }
+
+      .#{iv.$class-prefix}pagination-next {
+        order: 2;
+      }
+
+      .#{iv.$class-prefix}pagination-list {
+        justify-content: flex-end;
+        order: 3;
+      }
+    }
+  }
+}
--- a/src/assets/scss/bulma/components/panel.scss
+++ b/src/assets/scss/bulma/components/panel.scss
@ -0,0 +1,218 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/derived-variables" as dv;
+@use "../utilities/extends";
+@use "../utilities/mixins" as mx;
+
+$panel-margin: cv.getVar("block-spacing") !default;
+$panel-item-border: 1px solid cv.getVar("border-weak") !default;
+$panel-radius: cv.getVar("radius-large") !default;
+$panel-shadow: cv.getVar("shadow") !default;
+
+$panel-heading-line-height: 1.25 !default;
+$panel-heading-padding: 1em 1.25em !default;
+$panel-heading-radius: cv.getVar("radius") !default;
+$panel-heading-size: 1.25em !default;
+$panel-heading-weight: cv.getVar("weight-bold") !default;
+
+$panel-tabs-font-size: 1em !default;
+$panel-tab-border-bottom-color: cv.getVar("border") !default;
+$panel-tab-border-bottom-style: solid !default;
+$panel-tab-border-bottom-width: 1px !default;
+$panel-tab-active-color: cv.getVar("link-active") !default;
+
+$panel-list-item-color: cv.getVar("text") !default;
+$panel-list-item-hover-color: cv.getVar("link") !default;
+
+$panel-block-color: cv.getVar("text-strong") !default;
+$panel-block-hover-background-color: cv.getVar("background") !default;
+$panel-block-active-border-left-color: cv.getVar("link") !default;
+$panel-block-active-color: cv.getVar("link-active") !default;
+$panel-block-active-icon-color: cv.getVar("link") !default;
+
+$panel-icon-color: cv.getVar("text-weak") !default;
+$panel-colors: dv.$colors !default;
+
+.#{iv.$class-prefix}panel {
+  @include cv.register-vars(
+    (
+      "panel-margin": #{$panel-margin},
+      "panel-item-border": #{$panel-item-border},
+      "panel-radius": #{$panel-radius},
+      "panel-shadow": #{$panel-shadow},
+      "panel-heading-line-height": #{$panel-heading-line-height},
+      "panel-heading-padding": #{$panel-heading-padding},
+      "panel-heading-radius": #{$panel-heading-radius},
+      "panel-heading-size": #{$panel-heading-size},
+      "panel-heading-weight": #{$panel-heading-weight},
+      "panel-tabs-font-size": #{$panel-tabs-font-size},
+      "panel-tab-border-bottom-color": #{$panel-tab-border-bottom-color},
+      "panel-tab-border-bottom-style": #{$panel-tab-border-bottom-style},
+      "panel-tab-border-bottom-width": #{$panel-tab-border-bottom-width},
+      "panel-tab-active-color": #{$panel-tab-active-color},
+      "panel-list-item-color": #{$panel-list-item-color},
+      "panel-list-item-hover-color": #{$panel-list-item-hover-color},
+      "panel-block-color": #{$panel-block-color},
+      "panel-block-hover-background-color": #{$panel-block-hover-background-color},
+      "panel-block-active-border-left-color": #{$panel-block-active-border-left-color},
+      "panel-block-active-color": #{$panel-block-active-color},
+      "panel-block-active-icon-color": #{$panel-block-active-icon-color},
+      "panel-icon-color": #{$panel-icon-color},
+    )
+  );
+}
+
+.#{iv.$class-prefix}panel {
+  @include cv.register-vars(
+    (
+      "panel-h": #{cv.getVar("scheme-h")},
+      "panel-s": #{cv.getVar("scheme-s")},
+      "panel-color-l": #{cv.getVar("text-l")},
+      "panel-heading-background-l": #{cv.getVar("text-l")},
+      "panel-heading-color-l": #{cv.getVar("text-invert-l")},
+    )
+  );
+
+  border-radius: cv.getVar("panel-radius");
+  box-shadow: cv.getVar("panel-shadow");
+  font-size: cv.getVar("size-normal");
+
+  &:not(:last-child) {
+    margin-bottom: cv.getVar("panel-margin");
+  }
+
+  // Colors
+  @each $name, $components in $panel-colors {
+    &.#{iv.$class-prefix}is-#{$name} {
+      @include cv.register-vars(
+        (
+          "panel-h": #{cv.getVar($name, "", "-h")},
+          "panel-s": #{cv.getVar($name, "", "-s")},
+          "panel-color-l": #{cv.getVar($name, "", "-l")},
+          "panel-heading-background-l": #{cv.getVar($name, "", "-l")},
+          "panel-heading-color-l": #{cv.getVar($name, "", "-invert-l")},
+        )
+      );
+    }
+  }
+}
+
+.#{iv.$class-prefix}panel-tabs,
+.#{iv.$class-prefix}panel-block {
+  &:not(:last-child) {
+    border-bottom: cv.getVar("panel-item-border");
+  }
+}
+
+.#{iv.$class-prefix}panel-heading {
+  background-color: hsl(
+    cv.getVar("panel-h"),
+    cv.getVar("panel-s"),
+    cv.getVar("panel-heading-background-l")
+  );
+  border-radius: cv.getVar("panel-radius") cv.getVar("panel-radius") 0 0;
+  color: hsl(
+    cv.getVar("panel-h"),
+    cv.getVar("panel-s"),
+    cv.getVar("panel-heading-color-l")
+  );
+  font-size: cv.getVar("panel-heading-size");
+  font-weight: cv.getVar("panel-heading-weight");
+  line-height: cv.getVar("panel-heading-line-height");
+  padding: cv.getVar("panel-heading-padding");
+}
+
+.#{iv.$class-prefix}panel-tabs {
+  align-items: flex-end;
+  display: flex;
+  font-size: cv.getVar("panel-tabs-font-size");
+  justify-content: center;
+
+  a {
+    border-bottom-color: cv.getVar("panel-tab-border-bottom-color");
+    border-bottom-style: cv.getVar("panel-tab-border-bottom-style");
+    border-bottom-width: cv.getVar("panel-tab-border-bottom-width");
+    margin-bottom: calc(-1 * #{$panel-tab-border-bottom-width});
+    padding: 0.75em;
+
+    // Modifiers
+    &.#{iv.$class-prefix}is-active {
+      border-bottom-color: hsl(
+        cv.getVar("panel-h"),
+        cv.getVar("panel-s"),
+        cv.getVar("panel-color-l")
+      );
+      color: cv.getVar("panel-tab-active-color");
+    }
+  }
+}
+
+.#{iv.$class-prefix}panel-list {
+  a {
+    color: cv.getVar("panel-list-item-color");
+
+    &:hover {
+      color: cv.getVar("panel-list-item-hover-color");
+    }
+  }
+}
+
+.#{iv.$class-prefix}panel-block {
+  align-items: center;
+  color: cv.getVar("panel-block-color");
+  display: flex;
+  justify-content: flex-start;
+  padding: 0.75em 1em;
+
+  input[type="checkbox"] {
+    margin-inline-end: 0.75em;
+  }
+
+  & > .#{iv.$class-prefix}control {
+    flex-grow: 1;
+    flex-shrink: 1;
+    width: 100%;
+  }
+
+  &.#{iv.$class-prefix}is-wrapped {
+    flex-wrap: wrap;
+  }
+
+  &.#{iv.$class-prefix}is-active {
+    border-left-color: cv.getVar("panel-block-active-border-left-color");
+    color: cv.getVar("panel-block-active-color");
+
+    .#{iv.$class-prefix}panel-icon {
+      color: hsl(
+        cv.getVar("panel-h"),
+        cv.getVar("panel-s"),
+        cv.getVar("panel-color-l")
+      );
+    }
+  }
+
+  &:last-child {
+    border-end-start-radius: cv.getVar("panel-radius");
+    border-end-end-radius: cv.getVar("panel-radius");
+  }
+}
+
+a.#{iv.$class-prefix}panel-block,
+label.#{iv.$class-prefix}panel-block {
+  cursor: pointer;
+
+  &:hover {
+    background-color: cv.getVar("panel-block-hover-background-color");
+  }
+}
+
+.#{iv.$class-prefix}panel-icon {
+  @include mx.fa(1em, 1em);
+  color: cv.getVar("panel-icon-color");
+  margin-inline-end: 0.75em;
+
+  .#{iv.$class-prefix}fa {
+    font-size: inherit;
+    line-height: inherit;
+  }
+}
--- a/src/assets/scss/bulma/components/tabs.scss
+++ b/src/assets/scss/bulma/components/tabs.scss
@ -0,0 +1,273 @@
+@use "../utilities/css-variables" as cv;
+@use "../utilities/initial-variables" as iv;
+@use "../utilities/derived-variables" as dv;
+@use "../utilities/extends";
+@use "../utilities/mixins" as mx;
+
+$tabs-border-bottom-color: cv.getVar("border") !default;
+$tabs-border-bottom-style: solid !default;
+$tabs-border-bottom-width: 1px !default;
+$tabs-link-color: cv.getVar("text") !default;
+$tabs-link-hover-border-bottom-color: cv.getVar("text-strong") !default;
+$tabs-link-hover-color: cv.getVar("text-strong") !default;
+$tabs-link-active-border-bottom-color: cv.getVar("link-text") !default;
+$tabs-link-active-color: cv.getVar("link-text") !default;
+$tabs-link-padding: 0.5em 1em !default;
+
+$tabs-boxed-link-radius: cv.getVar("radius") !default;
+$tabs-boxed-link-hover-background-color: cv.getVar("background") !default;
+$tabs-boxed-link-hover-border-bottom-color: cv.getVar("border") !default;
+
+$tabs-boxed-link-active-background-color: cv.getVar("scheme-main") !default;
+$tabs-boxed-link-active-border-color: cv.getVar("border") !default;
+$tabs-boxed-link-active-border-bottom-color: transparent !default;
+
+$tabs-toggle-link-border-color: cv.getVar("border") !default;
+$tabs-toggle-link-border-style: solid !default;
+$tabs-toggle-link-border-width: 1px !default;
+$tabs-toggle-link-hover-background-color: cv.getVar("background") !default;
+$tabs-toggle-link-hover-border-color: cv.getVar("border-hover") !default;
+$tabs-toggle-link-radius: cv.getVar("radius") !default;
+$tabs-toggle-link-active-background-color: cv.getVar("link") !default;
+$tabs-toggle-link-active-border-color: cv.getVar("link") !default;
+$tabs-toggle-link-active-color: cv.getVar("link-invert") !default;
+
+.#{iv.$class-prefix}tabs {
+  @include cv.register-vars(
+    (
+      "tabs-border-bottom-color": #{$tabs-border-bottom-color},
+      "tabs-border-bottom-style": #{$tabs-border-bottom-style},
+      "tabs-border-bottom-width": #{$tabs-border-bottom-width},
+      "tabs-link-color": #{$tabs-link-color},
+      "tabs-link-hover-border-bottom-color": #{$tabs-link-hover-border-bottom-color},
+      "tabs-link-hover-color": #{$tabs-link-hover-color},
+      "tabs-link-active-border-bottom-color": #{$tabs-link-active-border-bottom-color},
+      "tabs-link-active-color": #{$tabs-link-active-color},
+      "tabs-link-padding": #{$tabs-link-padding},
+      "tabs-boxed-link-radius": #{$tabs-boxed-link-radius},
+      "tabs-boxed-link-hover-background-color": #{$tabs-boxed-link-hover-background-color},
+      "tabs-boxed-link-hover-border-bottom-color": #{$tabs-boxed-link-hover-border-bottom-color},
+      "tabs-boxed-link-active-background-color": #{$tabs-boxed-link-active-background-color},
+      "tabs-boxed-link-active-border-color": #{$tabs-boxed-link-active-border-color},
+      "tabs-boxed-link-active-border-bottom-color": #{$tabs-boxed-link-active-border-bottom-color},
+      "tabs-toggle-link-border-color": #{$tabs-toggle-link-border-color},
+      "tabs-toggle-link-border-style": #{$tabs-toggle-link-border-style},
+      "tabs-toggle-link-border-width": #{$tabs-toggle-link-border-width},
+      "tabs-toggle-link-hover-background-color": #{$tabs-toggle-link-hover-background-color},
+      "tabs-toggle-link-hover-border-color": #{$tabs-toggle-link-hover-border-color},
+      "tabs-toggle-link-radius": #{$tabs-toggle-link-radius},
+      "tabs-toggle-link-active-background-color": #{$tabs-toggle-link-active-background-color},
+      "tabs-toggle-link-active-border-color": #{$tabs-toggle-link-active-border-color},
+      "tabs-toggle-link-active-color": #{$tabs-toggle-link-active-color},
+    )
+  );
+}
+
+.#{iv.$class-prefix}tabs {
+  @extend %block;
+  @extend %unselectable;
+  @include mx.overflow-touch;
+  align-items: stretch;
+  display: flex;
+  font-size: cv.getVar("size-normal");
+  justify-content: space-between;
+  overflow: hidden;
+  overflow-x: auto;
+  white-space: nowrap;
+
+  a {
+    align-items: center;
+    border-bottom-color: cv.getVar("tabs-border-bottom-color");
+    border-bottom-style: cv.getVar("tabs-border-bottom-style");
+    border-bottom-width: cv.getVar("tabs-border-bottom-width");
+    color: cv.getVar("tabs-link-color");
+    display: flex;
+    justify-content: center;
+    margin-bottom: calc(-1 * #{cv.getVar("tabs-border-bottom-width")});
+    padding: cv.getVar("tabs-link-padding");
+    transition-duration: cv.getVar("duration");
+    transition-property: background-color, border-color, color;
+    vertical-align: top;
+
+    &:hover {
+      border-bottom-color: cv.getVar("tabs-link-hover-border-bottom-color");
+      color: cv.getVar("tabs-link-hover-color");
+    }
+  }
+
+  li {
+    display: block;
+
+    &.#{iv.$class-prefix}is-active {
+      a {
+        border-bottom-color: cv.getVar("tabs-link-active-border-bottom-color");
+        color: cv.getVar("tabs-link-active-color");
+      }
+    }
+  }
+
+  ul {
+    align-items: center;
+    border-bottom-color: cv.getVar("tabs-border-bottom-color");
+    border-bottom-style: cv.getVar("tabs-border-bottom-style");
+    border-bottom-width: cv.getVar("tabs-border-bottom-width");
+    display: flex;
+    flex-grow: 1;
+    flex-shrink: 0;
+    justify-content: flex-start;
+
+    &.#{iv.$class-prefix}is-left {
+      padding-right: 0.75em;
+    }
+
+    &.#{iv.$class-prefix}is-center {
+      flex: none;
+      justify-content: center;
+      padding-left: 0.75em;
+      padding-right: 0.75em;
+    }
+
+    &.#{iv.$class-prefix}is-right {
+      justify-content: flex-end;
+      padding-left: 0.75em;
+    }
+  }
+
+  .#{iv.$class-prefix}icon {
+    &:first-child {
+      margin-inline-end: 0.5em;
+    }
+
+    &:last-child {
+      margin-inline-start: 0.5em;
+    }
+  }
+
+  // Alignment
+  &.#{iv.$class-prefix}is-centered {
+    ul {
+      justify-content: center;
+    }
+  }
+
+  &.#{iv.$class-prefix}is-right {
+    ul {
+      justify-content: flex-end;
+    }
+  }
+
+  // Styles
+  &.#{iv.$class-prefix}is-boxed {
+    a {
+      border: 1px solid transparent;
+      border-start-start-radius: cv.getVar("tabs-boxed-link-radius");
+      border-start-end-radius: cv.getVar("tabs-boxed-link-radius");
+
+      &:hover {
+        background-color: cv.getVar("tabs-boxed-link-hover-background-color");
+        border-bottom-color: cv.getVar(
+          "tabs-boxed-link-hover-border-bottom-color"
+        );
+      }
+    }
+
+    li {
+      &.#{iv.$class-prefix}is-active {
+        a {
+          background-color: cv.getVar(
+            "tabs-boxed-link-active-background-color"
+          );
+          border-color: cv.getVar("tabs-boxed-link-active-border-color");
+          border-bottom-color: cv.getVar(
+            "tabs-boxed-link-active-border-bottom-color"
+          ) !important;
+        }
+      }
+    }
+  }
+
+  &.#{iv.$class-prefix}is-fullwidth {
+    li {
+      flex-grow: 1;
+      flex-shrink: 0;
+    }
+  }
+
+  &.#{iv.$class-prefix}is-toggle {
+    a {
+      border-color: cv.getVar("tabs-toggle-link-border-color");
+      border-style: cv.getVar("tabs-toggle-link-border-style");
+      border-width: cv.getVar("tabs-toggle-link-border-width");
+      margin-bottom: 0;
+      position: relative;
+
+      &:hover {
+        background-color: cv.getVar("tabs-toggle-link-hover-background-color");
+        border-color: cv.getVar("tabs-toggle-link-hover-border-color");
+        z-index: 2;
+      }
+    }
+
+    li {
+      & + li {
+        margin-inline-start: calc(
+          -1 * #{cv.getVar("tabs-toggle-link-border-width")}
+        );
+      }
+
+      &:first-child a {
+        border-start-start-radius: cv.getVar("tabs-toggle-link-radius");
+        border-end-start-radius: cv.getVar("tabs-toggle-link-radius");
+      }
+
+      &:last-child a {
+        border-start-end-radius: cv.getVar("tabs-toggle-link-radius");
+        border-end-end-radius: cv.getVar("tabs-toggle-link-radius");
+      }
+
+      &.#{iv.$class-prefix}is-active {
+        a {
+          background-color: cv.getVar(
+            "tabs-toggle-link-active-background-color"
+          );
+          border-color: cv.getVar("tabs-toggle-link-active-border-color");
+          color: cv.getVar("tabs-toggle-link-active-color");
+          z-index: 1;
+        }
+      }
+    }
+
+    ul {
+      border-bottom: none;
+    }
+
+    &.#{iv.$class-prefix}is-toggle-rounded {
+      li {
+        &:first-child a {
+          border-start-start-radius: cv.getVar("radius-rounded");
+          border-end-start-radius: cv.getVar("radius-rounded");
+          padding-inline-start: 1.25em;
+        }
+
+        &:last-child a {
+          border-start-end-radius: cv.getVar("radius-rounded");
+          border-end-end-radius: cv.getVar("radius-rounded");
+          padding-inline-end: 1.25em;
+        }
+      }
+    }
+  }
+
+  // Sizes
+  &.#{iv.$class-prefix}is-small {
+    font-size: cv.getVar("size-small");
+  }
+
+  &.#{iv.$class-prefix}is-medium {
+    font-size: cv.getVar("size-medium");
+  }
+
+  &.#{iv.$class-prefix}is-large {
+    font-size: cv.getVar("size-large");
+  }
+}
--- a/Show more
+++ b/Show more