Various fixes (#28)

* Don't canonify URLs * Expand i18n * Add svg favicon * Add more configurable options * Update CSS * Bump dependencies * Update package.json * Add Chinese 3.2 docs to robots.txt * Move downloads location * Fix missing closing bracket * Fix GitHub button position * Switch from lazysizes module to native lazy loading * Add logo image size * Remove Chinese changelog * Add old changelogs * Add release date to changelog * Add more details to previous versions * Collapse previous versions by default * Add 1.10 manual * Fix blogpost slugs for titles with \ * Switch from Jost to system default font
Aegisub · Jun 25, 2023 · ef38959 · ef38959
1 parent 6a8fb53
commit ef38959
Show file tree

Hide file tree

Showing 261 changed files with 10,713 additions and 7,784 deletions.
diff --git a/assets/js/lazysizes.js b/assets/js/lazysizes.js
diff --git a/assets/js/mermaid.js b/assets/js/mermaid.js
@@ -2,7 +2,7 @@ import mermaid from 'mermaid';
 
 var config = {
   theme: 'default',
-  fontFamily: '"Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";',
+  fontFamily: '-apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";',
 };
 
 document.addEventListener('DOMContentLoaded', () => {

diff --git a/assets/js/to-top.js b/assets/js/to-top.js
@@ -0,0 +1,20 @@
+var topbutton = document.getElementById('toTop');
+
+if (topbutton !== null) {
+
+  topbutton.style.display = 'none';
+  window.onscroll = function() {
+    scrollFunction()
+  };
+
+}
+
+function scrollFunction() {
+
+  if (document.body.scrollTop > 40 || document.documentElement.scrollTop > 40) {
+    topbutton.style.display = 'block';
+  } else {
+    topbutton.style.display = 'none';
+  }
+
+}
diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss
@@ -570,3 +570,13 @@ $navbar-dark-active-color:          $link-color-dark;
 [data-dark-mode] details summary::before {
   content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28222, 226, 230, 0.75%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
 }
+
+[data-dark-mode] #toc a.active {
+  color: $link-color-dark;
+}
+
+[data-dark-mode] .btn-light {
+  color: $link-color-dark;
+  background: $body-overlay-dark;
+  border: 1px solid $body-overlay-dark;
+}
diff --git a/assets/scss/common/_fonts.scss b/assets/scss/common/_fonts.scss
@@ -1,101 +0,0 @@
-/* jost-regular - latin */
-@font-face {
-  font-family: Jost;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src:
-    // Google Fonts Jost
-    local("Jost Regular Regular"),   // Full Name
-    local("Jost-Regular"),           // PostScript name
-    // indestructible Jost*
-    local("Jost* Book"),
-    local("Jost-Book"),
-    url("fonts/vendor/jost/jost-v4-latin-regular.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* jost-500 - latin */
-@font-face {
-  font-family: Jost;
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src:
-    // Google Fonts Jost
-    local("Jost Regular Medium"),
-    local("JostRoman-Medium"),
-    // indestructible Jost*
-    local("Jost* Medium"),
-    local("Jost-Medium"),
-    url("fonts/vendor/jost/jost-v4-latin-500.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* jost-700 - latin */
-@font-face {
-  font-family: Jost;
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src:
-    // Google Fonts Jost
-    local("Jost Regular Bold"),
-    local("JostRoman-Bold"),
-    // indestructible Jost*
-    local("Jost* Bold"),
-    local("Jost-Bold"),
-    url("fonts/vendor/jost/jost-v4-latin-700.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* jost-italic - latin */
-@font-face {
-  font-family: Jost;
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src:
-    // Google Fonts Jost
-    local("Jost Italic Italic"),
-    local("Jost-Italic"),
-    // indestructible Jost*
-    local("Jost* BookItalic"),
-    local("Jost-BookItalic"),
-    url("fonts/vendor/jost/jost-v4-latin-italic.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* jost-500italic - latin */
-@font-face {
-  font-family: Jost;
-  font-style: italic;
-  font-weight: 500;
-  font-display: swap;
-  src:
-    // Google Fonts Jost
-    local("Jost Italic Medium Italic"),
-    local("JostItalic-Medium"),
-    // indestructible Jost*
-    local("Jost* Medium Italic"),
-    local("Jost-MediumItalic"),
-    url("fonts/vendor/jost/jost-v4-latin-500italic.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-500italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* jost-700italic - latin */
-@font-face {
-  font-family: Jost;
-  font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src:
-    // Google Fonts Jost
-    local("Jost Italic Bold Italic"),
-    local("JostItalic-Bold"),
-    // indestructible Jost*
-    local("Jost* Bold Italic"),
-    local("Jost-BoldItalic"),
-    url("fonts/vendor/jost/jost-v4-latin-700italic.woff2") format("woff2"),
-    url("fonts/vendor/jost/jost-v4-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}

diff --git a/assets/scss/common/_global.scss b/assets/scss/common/_global.scss
@@ -4,7 +4,8 @@
 .error404 .content,
 .docs.list .content,
 .tutorial.list .content,
-.showcase.list .content {
+.showcase.list .content,
+.categories.list .content {
   padding-top: 1rem;
   padding-bottom: 3rem;
 }
@@ -130,6 +131,10 @@ body {
       z-index: 1000;
       height: calc(100vh - 4rem);
     }
+
+    .docs-sidebar-top {
+      top: 0;
+    }
   }
 }
 
@@ -173,6 +178,10 @@ body {
     height: calc(100vh - 4rem);
     overflow-y: auto;
   }
+
+  .docs-toc-top {
+    top: 0;
+  }
 }
 
 .docs-content {
@@ -206,11 +215,17 @@ body {
   text-decoration: none;
 }
 
-#TableOfContents ul {
+#TableOfContents ul,
+#toc ul {
   padding-left: 0;
   list-style: none;
 }
 
+#toc a.active {
+  color: $primary;
+  font-weight: 500;
+}
+
 ::selection {
   background: rgba(212, 53, 159, 0.2);
 }

diff --git a/assets/scss/common/_variables.scss b/assets/scss/common/_variables.scss
@@ -106,7 +106,7 @@ $border-color:                $gray-200;
 // Font, line-height, and color for body text, headings, and more.
 
 // stylelint-disable value-keyword-case
-$font-family-sans-serif:      "Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+$font-family-sans-serif:      -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 $font-family-monospace:       sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
 $font-family-base:            $font-family-sans-serif;
 // stylelint-enable value-keyword-case

diff --git a/assets/scss/components/_buttons.scss b/assets/scss/components/_buttons.scss
@@ -4,9 +4,7 @@
 }
 
 #mode {
-  padding-right: 0.25rem;
-  padding-left: 0.25rem;
-  margin-right: -0.25rem;
+  padding: 0.5rem;
 }
 
 .btn-link:focus {
@@ -18,10 +16,10 @@
   margin-left: 1.25rem;
 }
 
-@include media-breakpoint-up(md) {
+@include media-breakpoint-up(lg) {
   #mode {
-    margin-left: 1.125rem;
-    margin-right: -0.375rem;
+    margin-left: 0.5rem;
+    margin-right: 0.25rem;
   }
 
   .navbar .btn-link {
@@ -187,6 +185,20 @@ pre {
   color: $link-color;
 }
 
+.dropdown-menu {
+  /*
+  width: 100%;
+  */
+
+  width: auto;
+}
+
+@include media-breakpoint-up(lg) {
+  .dropdown-menu {
+    width: auto;
+  }
+}
+
 .doks-navbar .dropdown-menu,
 .doks-subnavbar .dropdown-menu {
   font-size: 0.875rem;
@@ -219,16 +231,6 @@ pre {
   margin-right: -0.3125rem;
 }
 
-.dropdown-menu.dropdown-menu-main {
-  width: 100%;
-}
-
-@include media-breakpoint-up(md) {
-  .dropdown-menu.dropdown-menu-main {
-    width: auto;
-  }
-}
-
 .dropdown-menu-main .dropdown-item {
   color: inherit;
   font-size: $font-size-base;

diff --git a/assets/scss/components/_images.scss b/assets/scss/components/_images.scss
@@ -1,5 +1,19 @@
 figure {
-  margin: 2rem 0;
+  margin: 0 0 1rem;
+  display: inline-block;
+}
+
+figure img {
+  margin-bottom: 0.5rem;
+  line-height: 1;
+  max-width: 100%;
+  height: auto;
+}
+
+figure figcaption {
+  margin: 0.25rem 0 0.75rem;
+  font-size: 0.875em;
+  color: #6c757d;
 }
 
 .figure-caption {
@@ -34,14 +48,6 @@ figure.wide .figure-caption {
   }
 }
 
-.blur-up {
-  filter: blur(5px);
-}
-
-.blur-up.lazyloaded {
-  filter: unset;
-}
-
 .img-simple {
   margin-top: 0.375rem;
   margin-bottom: 1.25rem;

diff --git a/assets/scss/components/_search.scss b/assets/scss/components/_search.scss
@@ -4,10 +4,19 @@
 
 #suggestions {
   position: absolute;
-  left: 0;
+  right: 0;
   margin-top: 0.5rem;
   width: calc(100vw - 3rem);
+  max-width: calc(400px - 3rem);
   z-index: $zindex-dropdown;
+
+  @include media-breakpoint-up(md) {
+    right: -2rem;
+  }
+
+  @include media-breakpoint-up(lg) {
+    right: 0;
+  }
 }
 
 #suggestions a,
@@ -57,9 +66,10 @@
   color: $gray-700;
 }
 
-@include media-breakpoint-up(sm) {
+@include media-breakpoint-up(lg) {
   #suggestions {
     width: 31.125rem;
+    max-width: 31.125rem;
   }
 
   #suggestions a {