@trimble-oss/modus-docs-hugo-theme 1.0.0-alpha2 → 1.0.0-alpha20

package/layouts/partials/skippy.html

@@ -1,10 +1,10 @@
-<div class="skippy overflow-hidden">
-  <div class="text-center w-100" >
-    <a class="sr-only sr-only-focusable btn btn-primary rounded p-1 m-2" href="#main">Skip to
+<div class="skippy visually-hidden-focusable overflow-hidden">
+  <div class="text-center container-fluid">
+    <a class="btn btn-primary rounded p-1 m-2" href="#main">Skip to
       main content</a>
 
     {{ if (eq .Page.Layout "docs") }}
-    <a class="sr-only sr-only-focusable d-none d-md-inline-flex p-1 mb-1" href="#bd-docs-nav">Skip to docs
+    <a class="d-md-inline-flex p-1 mb-1" href="#bd-docs-nav">Skip to docs
       navigation</a>
     {{- end }}
   </div>

package/layouts/partials/was-this-page-helpful.html

@@ -1,12 +1,16 @@
 <div class="d-none small p-2 feedback mt-2">
   <div class="mt-2 mb-1">Was this page helpful?</div>
-  <button type="button" class="btn btn-light btn-outline btn-feedback btn-feedback-helpful border rounded p-1 me-2"
+  <button type="button"
+    class="btn btn-light btn-outline-secondary btn-feedback btn-feedback-helpful border rounded p-1 me-2"
     aria-label="Helpful">
-    {{- partial "icons/modus-outlined/thumbs-up.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary") -}}
+    {{- partial "icons/modus-solid/thumbs-up.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary d-none icon-helpful-solid") -}}
+    {{- partial "icons/modus-outlined/thumbs-up.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary icon-helpful-outlined") -}}
   </button>
-  <button type="button" class="btn btn-light btn-outline btn-feedback btn-feedback-not-helpful border rounded p-1"
+  <button type="button"
+    class="btn btn-light btn-outline-secondary btn-feedback btn-feedback-not-helpful border rounded p-1"
     aria-label="Not Helpful">
-    {{- partial "icons/modus-outlined/thumbs-down.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary") -}}
+    {{- partial "icons/modus-solid/thumbs-down.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary d-none icon-not-helpful-solid") -}}
+    {{- partial "icons/modus-outlined/thumbs-down.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary icon-not-helpful-outlined") -}}
   </button>
 </div>
 

package/layouts/shortcodes/example.html

@@ -21,7 +21,7 @@
 
 <div class="bd-example-snippet bd-code-snippet border rounded border-opacity-10">
   {{- if eq $show_preview true -}}
-  <div{{ with $id }} id="{{ . }}" {{ end }} class="bd-example m-0 border-0{{ with $class }} {{ . }}{{ end }}">
+  <div{{ with $id }} id="{{- . -}}" {{ end }} class="bd-example m-0 border-0{{ with $class }} {{ . }}{{ end }}">
     {{- $input -}}
 </div>
 {{- end -}}
@@ -47,4 +47,4 @@
 {{- $content = replaceRE ` (class=" *?")` "" $content -}}
 {{- highlight (trim $content "\n") $lang "" -}}
 {{- end -}}
-</div>
+</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trimble-oss/modus-docs-hugo-theme",
-  "version": "1.0.0-alpha2",
+  "version": "1.0.0-alpha20",
   "description": "A Documentation theme for Hugo built by Trimble",
   "homepage": "https://github.com/trimble-oss/modus-docs-hugo-theme",
   "bugs": {
@@ -15,29 +15,32 @@
   "scripts": {
     "build": "npx hugo",
     "lint": "npm run lint-css && npm run lint-html && npm run lint-js",
-    "lint-css": "stylelint \"assets/styles/*.*\" --fix",
+    "lint-css": "stylelint \"assets/css/*.*\" --fix",
     "lint-html": "htmlhint \"build/**/index.html\"",
     "lint-js": "eslint assets/js/*.js --fix",
-    "lint-links": "npx linkinator content/ --recurse --silent --skip \"^(?!http://localhost)\"",
+    "lint-links": "npx linkinator ./public --recurse --silent",
+    "lint-markdown": "npx markdownlint-cli content/**/*.md --fix",
     "lint-spellcheck": "npx cspell \"content/**/*.md\" --no-progress",
-    "prettier": "prettier --write \"**/*.{json,js,md,svg}\"",
+    "prettier": "prettier --write \"**/*.{json,js,md,svg,yml}\"",
     "serve": "hugo serve --port 4000 --disableFastRender --navigateToChanged",
     "test": "npm run lint-css && npm run lint-html && npm run lint-js"
   },
   "dependencies": {
-    "@trimble-oss/modus-icons": "1.4.0"
+    "@trimble-oss/modus-bootstrap": "2.0.0-alpha23",
+    "@trimble-oss/modus-icons": "1.12.1"
   },
   "devDependencies": {
-    "autoprefixer": "10.4.15",
-    "eslint": "^8.47.0",
-    "eslint-config-prettier": "^9.0.0",
+    "autoprefixer": "10.4.19",
+    "eslint": "8.57.0",
+    "eslint-config-prettier": "9.1.0",
     "htmlhint": "1.1.4",
-    "hugo-bin": "0.113.0",
-    "postcss": "8.4.28",
-    "postcss-cli": "10.1.0",
-    "prettier": "3.0.2",
-    "stylelint": "15.10.3",
-    "stylelint-config-standard-scss": "10.0.0"
+    "hugo-bin": "0.122.4",
+    "postcss": "8.4.38",
+    "postcss-cli": "11.0.0",
+    "prettier": "3.2.5",
+    "stylelint": "16.4.0",
+    "stylelint-config-standard-scss": "13.1.0",
+    "stylelint-order": "6.0.4"
   },
   "hugo-bin": {
     "buildTags": "extended"

package/static/img/icons/check-circle-outlined.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-outline mi-check-circle-outlined" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm5.04-11.28V8.7c-.4-.39-1.03-.39-1.42 0L10.33 14l-2.6-2.62a.996.996 0 0 0-1.41 0 .984.984 0 0 0-.01 1.4l.01.01 3.3 3.34a1 1 0 0 0 1.42.01l6-6.01a.996.996 0 0 0 0-1.41Z"/></svg>

package/static/img/icons/code.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"/></svg>

package/static/img/icons/github.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>

package/static/img/icons/trimble.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 732 789"><path d="M543.59 674.86a54.34 54.34 0 0154.9-54.9c30.76 0 54.43 23.9 54.43 54.67 0 73.17-109.33 73.15-109.33.23zm99.86 0c0-60.79-90.16-61.1-90.16-.23s90.16 61.53 90.16.23zm-66.26-31.23c22 0 45-3.33 45 18.46 0 9.7-4.73 14.67-11.83 17l13 24.62h-12.57l-12.07-23h-9.46v23h-12.07zm33.13 19.17c0-10-10.71-8.52-21.06-8.52v17.27c10.51 0 21.06 1.68 21.06-8.75zM48.86 602.72v186.13l161.81-93.42a308.1 308.1 0 01-161.81-92.71zM209.49 92.58L48.86 0v185a310.2 310.2 0 01160.63-92.42zM732 394.43L570.25 301a309.33 309.33 0 01-.48 187.08zM155.4 141.39c23.23-5.16 71.39-.27 96.87 7 20.38-16.21 51.17-25.6 81.82-27.15-70.46-12.72-135.64 2.05-178.69 20.15zM463.74 479.92a416.8 416.8 0 00-25.28-103.53c-55.43 25-124 8.88-169.86-30.79-33.41 34.15-65.75 76.68-90.16 114.49 77.71 63.35 205.56 79.99 285.3 19.83zM135.94 466.1C67.43 396 43.55 293.61 65.49 215a276 276 0 0016.16 374.43c11.21-42.43 31.97-85.72 54.29-123.33zM425.64 346.65a372.77 372.77 0 00-55.49-85.1 635.36 635.36 0 00-78.09 61.34c41.29 34.45 95.61 41.21 133.58 23.76zM374.48 218.63c17.78-12.93 42.42-26.76 60.09-33.32-43.84-44.38-114.38-43.2-145-23.94a293.6 293.6 0 0184.91 57.26z"/><path d="M160.91 488.67c-34.09 58.94-46.53 102.19-51.06 125.2a276 276 0 00340.58-6.21c10.24-24.74 15.47-55.53 15.45-89.38-93.99 55.94-223.99 34.43-304.97-29.61zM452.81 327c30.17-31.7 24.12-85.56 1.17-116.62-14.14 4.78-43.57 21.94-56.26 33A413.64 413.64 0 01452.81 327zM505 259.11c4.65 40.7-10.79 75.93-38.17 99.35A448.73 448.73 0 01493 451.19c41.36-53.81 40.1-130.56 12-192.08zM269.45 299a672.54 672.54 0 0177.22-61.49 262 262 0 00-85.35-52C236.05 220 243.94 264.52 269.45 299zM497.94 494.52c1.4 23.09-.72 49.29-3.42 70 47.34-60.32 63.34-135 57.75-193.22-5.67 49.03-23.62 90.05-54.33 123.22zM229.55 175.76c-34.94-8.54-75.63-8.91-109.67.72-54.33 77-29.1 189.94 34.2 260.64C178.13 400.5 213 354.9 246 321.75c-32.23-39.94-45-101.75-16.45-145.99z"/></svg>

package/static/img/icons/web-components.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.731 2.225l-.01.016H5.618L0 11.979l5.618 9.736h12.8l.04.06 2.134-3.735.518-.893h-.008l.008-.014-.626-.75h.895l.006-.01.008.01L24 11.994l-2.607-4.39-.003.005-.011-.02h-.945l.63-.763-2.606-4.57-.006.01-.024-.04H11.73zM9.107 6.824h6.19l-.53.764h-.023l2.398 4.015h.875l-.277.328.357.435h-.956l-2.398 4.015h.027l.523.764H9.074l-2.99-5.168 3.022-5.155z"/></svg>

package/assets/js/scroll-to-top.js

@@ -1,33 +0,0 @@
-/*
- * Scroll to top widget
- * Copyright (C) 2022 Trimble Inc.
- * Licensed under MIT
- */
-
-let target = document.querySelector('footer');
-
-let scrollToTopBtn = document.querySelector('.btn-to-top');
-let rootElement = document.documentElement;
-
-function callback(entries, observer) {
-  entries.forEach((entry) => {
-    window.onscroll = function (e) {
-      if (entry.isIntersecting) {
-        scrollToTopBtn.classList.add('btn-to-top-show');
-      } else {
-        scrollToTopBtn.classList.remove('btn-to-top-show');
-      }
-    };
-  });
-}
-
-function scrollToTop() {
-  rootElement.scrollTo({
-    top: 0,
-    behavior: 'smooth',
-  });
-}
-scrollToTopBtn.addEventListener('click', scrollToTop);
-
-const observer = new IntersectionObserver(callback);
-observer.observe(target);

package/assets/styles/_col-sidebar.scss

@@ -1,3 +0,0 @@
-.col-sidebar {
-  width: 64px !important;
-}

package/assets/styles/_navbar-search.scss

@@ -1,53 +0,0 @@
-.search-container {
-  width: 40px;
-  left: -12px;
-}
-
-.form-control-search {
-  background-image: url("https://cdn.jsdelivr.net/npm/@trimble-oss/modus-icons@1.3.1/dist/modus-solid/svg/search.svg");
-  background-position: 5px center;
-  background-repeat: no-repeat;
-  border-left: 0;
-  border-right: 0;
-  padding: 0;
-  width: 0 !important;
-  z-index: 1210;
-  transition: all 0.2s;
-  left: auto;
-  top: 10px;
-  right: 5px;
-}
-
-.form-control-search:focus {
-  width: 363px !important;
-  max-width: calc(100vw - 200px);
-  text-indent: 18px;
-  padding: 0 4px 4px 16px;
-  visibility: visible;
-}
-
-.form-control-search:focus + .btn-search {
-  transition: all 1s;
-  background-color: transparent;
-  pointer-events: none !important;
-}
-
-.form-control-search:focus + .btn-search img {
-  opacity: 0;
-}
-
-.btn-search {
-  top: 0;
-}
-
-.btn-search i {
-  margin-top: 18px;
-}
-
-[data-bs-theme="dark"] .form-control-search {
-  background-image: url("/img/icons/search-white.svg") !important;
-}
-
-[data-bs-theme="dark"] .btn-search img {
-  filter: invert(1);
-}

package/assets/styles/_navbar.scss

@@ -1,5 +0,0 @@
-html[data-bs-theme="dark"] {
-  .dropdown-menu img {
-    filter: invert(1);
-  }
-}

package/assets/styles/_tables.scss

@@ -1,5 +0,0 @@
-main table {
-  width: 100%;
-  margin-bottom: 1rem;
-  vertical-align: top;
-}

package/layouts/index.rss.xml

@@ -1,49 +0,0 @@
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>{{- .Site.Title -}}</title>
-    <link>{{- .Site.BaseURL -}}</link>
-    <description>Recent content for {{ .Site.Title }}</description>
-    <icon>{{- .Site.BaseURL -}}icon.png</icon>
-    <copyright>Copyright {{ now.Format "2006" }}, {{ .Site.Params.copyrightHolder }}</copyright>
-    {{- with .Site.LanguageCode }}
-      <language>{{.}}</language>
-    {{- end}}
-    {{- with .Site.Params.copyrightHolderEmail }}
-      <managingEditor>{{.}} ({{- $.Site.Params.copyrightHolder -}})</managingEditor>
-    {{- end}}
-    {{- with .Site.Params.copyrightHolderEmail }}
-      <webMaster>{{.}} ({{- $.Site.Params.copyrightHolder -}})</webMaster>
-    {{- end}}
-    {{- with .Site.Params.docsUrlForRssV2}}
-      <docs>{{- . -}}</docs>
-    {{- end }}
-    {{- if not .Date.IsZero }}
-      <lastBuildDate>{{- .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML -}}</lastBuildDate>
-    {{- end }}
-    {{ with .OutputFormats.Get "RSS" }}
-    {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
-    {{ end }}
-    {{ range first 7 (where .Site.RegularPages.ByPublishDate.Reverse ".Section" "not in" "addons") }}
-     <item>
-      <title>{{- .Title -}}</title>
-      <link>{{- .Permalink -}}</link>
-      <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
-      {{ with $.Site.Params.copyrightHolderEmail }}<author>{{.}} ({{ with $.Site.Params.copyrightHolder }}{{.}}){{end}}</author>{{end}}
-      <guid isPermaLink="true">{{ .Permalink }}</guid>
-      {{- range .Params.tags }}
-        <category>{{- . | urlize -}}</category>
-      {{- end }}
-      <description>
-        {{- with .Params.headline }}&lt;h2&gt;{{ . }}&lt;/h2&gt;{{- end }}
-        {{- $img := (.Resources.ByType "image").GetMatch "*featured*" }}
-        {{- with $img }}
-        {{- $img := .Resize "640x" }}
-        {{- printf "<![CDATA[<img src=\"%s\" width=\"%d\" height=\"%d\"/>]]>" $img.Permalink $img.Width $img.Height | safeHTML }}
-        {{- end }}
-        {{ .Content | html }}
-      </description>
-      <source url="{{- .Site.BaseURL -}}index.xml">{{- .Site.Title -}}</source>
-    </item>
-    {{ end }}
-  </channel>
-</rss>

package/layouts/partials/icons/trimble-logo.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{ . }}"{{ end }}{{ with .height }} height="{{ . }}"{{ end }}{{ with .class }} class="{{- . -}}"{{ end }} viewBox="0 0 216 51"><path d="M74.862 16.979h8.883v4.241h.112c1.114-3.519 5.137-4.913 8.714-4.913v9.157a10.7 10.7 0 00-3.688-.781c-3.015 0-3.966.781-4.973 2.178V45.01h-9.048zm20.089 0h9.05V45.01h-9.05zm12.11 0h9.051v3.74h.111a9.424 9.424 0 017.99-4.412c2.737 0 5.472 1.728 5.64 4.412h.109a9.426 9.426 0 017.99-4.412c3.627 0 6.309 1.957 6.309 5.973v22.73h-9.048V25.184c0-1.5-.5-2.508-2.177-2.508a2.847 2.847 0 00-2.346 1.17l-.507.667v20.5h-9.045V25.184c0-1.5-.5-2.508-2.177-2.508a2.871 2.871 0 00-2.352 1.17l-.5.667v20.5h-9.051zm40.24-11.731h9.053v13.345h.116a8.332 8.332 0 015.467-2.29c6.263 0 9.608 6.254 9.608 14.348 0 6.42-2.677 14.689-10.272 14.689-3.522 0-5.812-1.673-7.6-4.358l-1.681 4.024h-4.693zm9.053 30.771c-.163 2.342 1.233 3.63 2.96 3.63 2.512 0 2.848-2.518 2.848-7.708v-2.12c0-5.584 0-8.491-2.788-8.491a4.035 4.035 0 00-2.515 1.122l-.5.495zm17.55-30.771h9.05V45.01h-9.05zm20.455 26.909c0 2.463.5 6.65 4.078 6.65a4.791 4.791 0 004.576-3.857l6.088 2.23a11.546 11.546 0 01-11.226 7.658c-8.659 0-12.567-6.982-12.567-14.739 0-7.934 4.134-14.634 12.454-14.634 8.716 0 11.731 7.485 11.731 14.8v1.9zm6.755-5.356c-.054-2.624-.276-5.642-3.407-5.642-2.567 0-3.348 3.018-3.348 5.642zM94.926 5.073H104v8.068h-9.074z" fill="currentColor"/><path d="M50.771 5.099h28.043v7.708H69.82v32.054H59.764V12.807h-8.993zM32.572 35.038a14.593 14.593 0 01-.516 1.739q-.087.235-.178.46c-.382.378-.654.608-.732.672a17.178 17.178 0 01-11.7 4.237l-3.877 2.1a19.8 19.8 0 0010.09-.413 19.374 19.374 0 007.124-3.96 19.727 19.727 0 004.64-5.911 22.025 22.025 0 00.9-2.035zM18.983 7.682c.136-.006.279-.008.42-.01.258-.008.514-.006.771 0a9.081 9.081 0 00-1.312.416l3.463 1.876a9.827 9.827 0 017.28 3.067c-.42.04-.857.1-1.3.171l5.862 3.176c-.013-.064-.02-.131-.034-.2a2.792 2.792 0 01.623.514l3.9 2.11c-.048-.148-.087-.293-.137-.442a22.183 22.183 0 00-1.436-3.283 17.847 17.847 0 00-2.3-3.184 21.85 21.85 0 00-2.438-2.314c-.031-.025-.167-.137-.34-.272a20.665 20.665 0 00-10.549-4.143c-.116-.008-.221-.01-.333-.016a17.973 17.973 0 00-3.865.105l-.229.038c-.551.078-1.03.167-1.417.257-.35.08-.676.164-.986.248l3.607 1.954c.25-.023.498-.057.75-.068zM3.798 31.338a18.109 18.109 0 01-1.038-3.762 20.006 20.006 0 01-.2-3.162 11.364 11.364 0 01.139-1.745 17.522 17.522 0 011.225-4.46v-5.135a18.81 18.81 0 00-1.729 2.777 20.059 20.059 0 00-2.023 6.408 13.835 13.835 0 00-.171 2.183 21.623 21.623 0 00.217 3.43 20.207 20.207 0 001.445 4.979 20.861 20.861 0 001.8 3.235 1.18 1.18 0 00.2.279c.084.12.178.239.266.358V31.03a5.798 5.798 0 00-.131.308zm29.425-9.291a7.784 7.784 0 01-.85 1.122 26.517 26.517 0 012.2 5.283c.2-.262.391-.527.564-.809a9.438 9.438 0 00.734-1.476 9.654 9.654 0 00.469-1.58 10.134 10.134 0 00.2-1.656 10.868 10.868 0 00-.071-1.711 11.487 11.487 0 00-.541-2.417l-.046-.129a7.027 7.027 0 00-1-1.8l-.136-.18-.589-.319a7.821 7.821 0 01-.934 5.672zM15.071 8.393a16.38 16.38 0 012.028.624 8.79 8.79 0 011.76-.925l-.626-.339a27.477 27.477 0 00-3.162.64zm23.251 23.534l12.279-6.648-11.952-6.471a19.532 19.532 0 01-.327 13.119zM21.431 10.035a7.462 7.462 0 00-1.413.338 28.8 28.8 0 015 3.611 24.159 24.159 0 013.281-.781L22.32 9.965a8.042 8.042 0 00-.889.07z" fill="currentColor"/><path d="M27.232 35.217A20.478 20.478 0 018.983 27.68a14.378 14.378 0 00-3.082 5.513 4.6 4.6 0 00-.1 1.766c.275.381.576.766.928 1.184a17.231 17.231 0 008.264 5.321 17.41 17.41 0 004.46.679l13.123-7.108a9.066 9.066 0 00.166-1.652 15.324 15.324 0 01-5.51 1.834zM9.329 23.5a40.33 40.33 0 015.27-4.321 9.895 9.895 0 01-.348-.853 8.029 8.029 0 01.6-6.952c.075-.123.163-.232.243-.349a9.319 9.319 0 00-3.894-.384 9.608 9.608 0 00-3.266 7.322 11.841 11.841 0 00.693 3.918 13.957 13.957 0 00.702 1.619zm7.337-6.019c.035.1.08.189.117.284a40.837 40.837 0 015.47-2.772 24.243 24.243 0 00-4.679-3 5.142 5.142 0 00-.538.715 5.52 5.52 0 00-.37 4.778zm9.979 5.898a6.872 6.872 0 002.384-.779 32.135 32.135 0 00-4.634-5.707c-.306.112-.612.228-.922.355a36.858 36.858 0 00-5.365 2.723 9.725 9.725 0 008.537 3.408zM9.665 7.888a19.768 19.768 0 014.961-2.095l-10.7-5.8v13.081a19.816 19.816 0 015.739-5.186zm21.373 12.827a5.516 5.516 0 00.372-4.779c-.05-.147-.115-.289-.176-.432a15.972 15.972 0 00-4.075.537 35 35 0 013.804 4.782c.02-.037.053-.07.075-.108z" fill="currentColor"/><path d="M26.883 32.685a12.352 12.352 0 005.551-2.151 22.653 22.653 0 00-2.122-5.718 9.443 9.443 0 01-3.309 1.1 12.4 12.4 0 01-11.026-4.541 38.391 38.391 0 00-5.249 4.39 17.78 17.78 0 0016.155 6.92zm-19.4-7.217a16.386 16.386 0 01-1.27-2.741 13.6 13.6 0 01-.47-7.809 16.158 16.158 0 00-1.26 2.085c-.216.427-.393.823-.556 1.2V31.03a20.35 20.35 0 013.556-5.562zm28.557 5.247c-.263.3-.544.583-.833.855q.052.48.077.945a18.343 18.343 0 00.756-1.8zM4.763 37.793c-.309-.369-.58-.718-.84-1.066v13.828l11.649-6.31a23.43 23.43 0 01-1.293-.321 19.865 19.865 0 01-9.516-6.131zM39.471 42.2a3.131 3.131 0 113.14 3.066 3.095 3.095 0 01-3.14-3.066zm.6 0a2.538 2.538 0 102.544-2.433 2.482 2.482 0 00-2.548 2.433zm4.107 1.719h-.6l-1.005-1.574h-.611v1.574h-.519v-3.412h1.53a1.719 1.719 0 01.854.165.841.841 0 01.386.732c0 .677-.478.926-1.1.941zm-1.648-2c.492 0 1.168.087 1.168-.526 0-.44-.386-.5-.827-.5h-.907v1.03zm166.893.281a3.131 3.131 0 113.14 3.066 3.095 3.095 0 01-3.14-3.066zm.6 0a2.538 2.538 0 102.544-2.433 2.482 2.482 0 00-2.548 2.433zm4.107 1.719h-.6l-1-1.574h-.611v1.574h-.518v-3.412h1.531a1.719 1.719 0 01.854.165.841.841 0 01.386.732c0 .677-.478.926-1.1.941zm-1.648-2c.492 0 1.168.087 1.168-.526 0-.44-.387-.5-.827-.5h-.907v1.03z" fill="currentColor"/></svg>

package/static/js/theme-toggle.js

@@ -1,41 +0,0 @@
-// script adapted from Adam Argyle's tutorial: https://web.dev/building-a-theme-switch-component/
-
-const storageKey = 'theme-preference';
-
-const onClick = () => {
-  theme.value = theme.value === 'light' ? 'dark' : 'light';
-
-  setPreference();
-};
-
-const getColorPreference = () => {
-  if (localStorage.getItem(storageKey)) return localStorage.getItem(storageKey);
-  else return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-};
-
-const setPreference = () => {
-  localStorage.setItem(storageKey, theme.value);
-  reflectPreference();
-};
-
-const reflectPreference = () => {
-  document.firstElementChild.setAttribute('data-bs-theme', theme.value);
-
-  document.querySelector('#theme-toggle')?.setAttribute('aria-label', theme.value);
-};
-
-const theme = {
-  value: getColorPreference(),
-};
-
-reflectPreference();
-
-window.onload = () => {
-  reflectPreference();
-  document.querySelector('#theme-toggle').addEventListener('click', onClick);
-};
-
-window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ({ matches: isDark }) => {
-  theme.value = isDark ? 'dark' : 'light';
-  setPreference();
-});

package/assets/{styles → css}/_autocomplete.scss

@@ -1,17 +1,17 @@
 /*! purgecss start ignore */
 .autocomplete-suggestions {
-  cursor: default;
+  background-color: #fff;
   border: 1px solid #cbcdd6;
   border-top: 0;
-  background-color: #fff;
   box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
-  position: absolute;
+  box-sizing: border-box;
+  cursor: default;
   display: none;
-  z-index: 33333; // higher than navbar
   max-height: 254px;
   overflow: hidden;
   overflow-y: auto;
-  box-sizing: border-box;
+  position: absolute;
+  z-index: 33333; // higher than navbar
 }
 
 [data-bs-theme="dark"] {
@@ -26,19 +26,19 @@
 }
 
 .autocomplete-suggestion {
-  position: relative;
+  color: #353a40;
   cursor: pointer;
-  padding: 7px;
   line-height: 23px;
-  white-space: nowrap;
   overflow: hidden;
+  padding: 7px;
+  position: relative;
   text-overflow: ellipsis;
-  color: #353a40;
+  white-space: nowrap;
 }
 
 .autocomplete-suggestion b {
-  font-weight: 400;
   color: #1f8dd6;
+  font-weight: 400;
 }
 
 .autocomplete-suggestion.selected {
@@ -52,8 +52,8 @@
 }
 
 .autocomplete-suggestion > .context {
-  font-size: 12px;
   color: #7d808d;
+  font-size: 12px;
 }
 
 .autocomplete-suggestion.selected > .context {

package/assets/{styles → css}/_cards.scss

@@ -18,8 +18,8 @@
 }
 
 .card-post .card-header {
-  min-height: 89px;
-  background-size: cover;
-  background-position: center;
   aspect-ratio: 4 / 1;
+  background-position: center;
+  background-size: cover;
+  min-height: 89px;
 }

package/assets/{styles → css}/_javascript-disabled.scss

@@ -1,7 +1,7 @@
 .no-js input,
 .no-js a[data-toggle] {
-  pointer-events: none !important;
   opacity: 0.65;
+  pointer-events: none !important;
 }
 
 .no-js nav.navbar {
@@ -9,12 +9,12 @@
 }
 
 .no-js body::before {
-  height: 32px;
   background-color: #e0e1e9;
-  text-align: center;
   content: "⚠️ JavaScript is disabled. This site requires JavaScript to be enabled ⚠️";
   display: block;
+  height: 32px;
   position: fixed;
+  text-align: center;
   top: 0;
   width: 100%;
   z-index: 1;

package/assets/{styles → css}/_list-js.scss

@@ -1,13 +1,13 @@
 .list:empty::before {
+  background-color: rgba(133, 133, 133, 0.1);
+  border-radius: 0.5rem;
+  content: "Nothing found, try searching again.";
   display: block;
-  width: 100%;
-  padding: 100px 2rem;
-  margin-right: 15px;
   margin-left: 15px;
+  margin-right: 15px;
+  padding: 100px 2rem;
   text-align: center;
-  content: "Nothing found, try searching again.";
-  background-color: rgba(133, 133, 133, 0.1);
-  border-radius: 0.5rem;
+  width: 100%;
 }
 
 [data-bs-theme="dark"] {

package/assets/{styles → css}/_menu-right.scss

@@ -12,15 +12,15 @@
 
 // right menu
 #TableOfContents li a {
-  padding-top: 0.3rem;
-  padding-bottom: 0.3rem;
-  font-size: 13px;
   border-left: 1px solid transparent;
+  font-size: 13px;
+  padding-bottom: 0.3rem;
+  padding-top: 0.3rem;
 }
 
 .menu-right a {
-  font-size: 13px;
   color: #171c1e;
+  font-size: 13px;
 }
 
 [data-bs-theme="dark"] {
@@ -50,6 +50,6 @@ hr {
 
 // scrollspy color
 .menu-right #TableOfContents li .active {
-  color: #000 !important;
   border-left: 1px solid #0d6aa8 !important;
+  color: #000 !important;
 }

package/assets/{styles → css}/_news.scss

@@ -1,6 +1,6 @@
 body[data-url^="/news/"] header {
   aspect-ratio: 4 / 1;
-  background-size: cover;
   background-position: center;
+  background-size: cover;
   min-height: 200px;
 }

package/assets/{styles → css}/_onetrust-cookie-banner.scss

@@ -16,25 +16,25 @@
 #onetrust-accept-btn-handler {
   background-color: #0063a3 !important;
   border-color: #0063a3 !important;
-  padding: 0.1875rem 1rem !important;
   font-size: 0.8rem !important;
   font-weight: 600 !important;
-  user-select: none !important;
   line-height: 1.75 !important;
+  padding: 0.1875rem 1rem !important;
   text-transform: lowercase !important;
+  user-select: none !important;
 }
 
 /** 'Cookie Settings' button **/
 #onetrust-pc-btn-handler {
-  color: #0063a3 !important;
   border: 1px solid #0063a3 !important;
+  color: #0063a3 !important;
   font-size: 0.8rem !important;
   font-weight: 600 !important;
-  padding: 0.1875rem 1rem !important;
-  user-select: none !important;
   line-height: 1.75 !important;
+  padding: 0.1875rem 1rem !important;
   text-decoration: none !important;
   text-transform: lowercase !important;
+  user-select: none !important;
 }
 
 /** capitalize first letter of button **/
@@ -57,9 +57,9 @@
 
 /* stylelint-disable-next-line */
 #onetrust-banner-sdk.otFlat {
-  max-width: 998px;
   margin-left: auto !important;
   margin-right: auto !important;
+  max-width: 998px;
   overflow-y: hidden !important;
 }
 
@@ -87,8 +87,8 @@
 }
 
 .ot-table-header {
-  position: static !important;
   border-bottom-width: 2px !important;
+  position: static !important;
 }
 
 #ot-sdk-cookie-policy-v2 table,
@@ -140,17 +140,17 @@
 
 .ot-acc-txt,
 .ot-acc-txt p {
-  color: #252a2e !important;
   background-color: #f1f1f6 !important;
+  color: #252a2e !important;
 }
 
 #ot-sdk-btn {
   border-color: #0063a3 !important;
   font-size: 14px !important;
+  line-height: 1.75 !important;
   padding: 0.1875rem 1rem !important;
   text-transform: lowercase;
   user-select: none !important;
-  line-height: 1.75 !important;
 }
 
 #ot-sdk-btn::first-letter {

package/assets/{styles → css}/_posts.scss

@@ -1,11 +1,11 @@
 // blog posts
 header.header-blog {
-  background-size: cover;
-  min-height: 90px;
   aspect-ratio: 21/9;
   background-position: center;
+  background-size: cover;
   border-radius: 8px;
   max-height: 600px;
+  min-height: 90px;
 }
 
 .share svg {

package/assets/{styles → css}/_scroll-to-top-btn.scss

@@ -1,14 +1,14 @@
 .btn-to-top {
-  font-size: 18px;
-  line-height: 48px !important;
   background-color: #353a40 !important;
-  width: 48px;
   bottom: 20px;
-  right: 20px;
-  z-index: 6000;
+  font-size: 18px;
+  line-height: 48px !important;
   opacity: 0;
+  right: 20px;
   transform: translateY(100px);
   transition: all 1s ease;
+  width: 48px;
+  z-index: 6000;
 }
 
 .btn-to-top-show {

package/assets/{styles → css}/_theme-toggle.scss

@@ -50,8 +50,8 @@
 
   [data-bs-theme="dark"] .sun-and-moon > .sun {
     transform: scale(1.75);
-    transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
     transition-duration: 0.25s;
+    transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
   }
 
   [data-bs-theme="dark"] .sun-and-moon > .sun-beams {
@@ -70,13 +70,13 @@
 
   aspect-ratio: 1;
   cursor: pointer;
-  touch-action: manipulation;
   -webkit-tap-highlight-color: transparent;
+  touch-action: manipulation;
 }
 
 .theme-toggle > svg {
-  inline-size: 100%;
   block-size: 100%;
+  inline-size: 100%;
   max-height: 18px;
   max-width: 18px;
   stroke-linecap: round;