upgrade theme version (#106)

* update theme version

Signed-off-by: Jongseob Jeon <aiden@Jongseobs-MacBook-Pro.local>

* update pre-commit hook

Signed-off-by: Jongseob Jeon <aiden@Jongseobs-MacBook-Pro.local>

Co-authored-by: Jongseob Jeon <aiden@Jongseobs-MacBook-Pro.local>

Author: Aiden-Jeon

.eslintrc.json

@@ -28,4 +28,4 @@
       }
     ]
   }
-}
+}

.markdownlint-cli2.jsonc

@@ -0,0 +1,11 @@
+{
+  "config": {
+    "default": true,
+    "MD013": false,
+    "MD024": false,
+    "MD026": false,
+    "MD033": false,
+    "MD034": false
+  },
+  "ignores": ["node_modules", "CHANGELOG.md", "README.md"]
+}

.stylelintrc.json

@@ -1,8 +1,22 @@
 {
-  "extends": "stylelint-config-standard",
+  "extends": "stylelint-config-standard-scss",
   "rules": {
     "no-empty-source": null,
     "string-quotes": "double",
+    "scss/comment-no-empty": null,
+    "max-line-length": null,
+    "scss/at-extend-no-missing-placeholder": null,
+    "scss/dollar-variable-colon-space-after": null,
+    "scss/dollar-variable-empty-line-before": null,
+    "color-function-notation": null,
+    "alpha-value-notation": null,
+    "selector-id-pattern": null,
+    "selector-class-pattern": null,
+    "scss/no-global-function-names": null,
+    "number-max-precision": null,
+    "hue-degree-notation": null,
+    "value-no-vendor-prefix": null,
+    "property-no-vendor-prefix": null,
     "at-rule-no-unknown": [
       true,
       {
@@ -31,4 +45,4 @@
       }
     ]
   }
-}
+}

assets/js/alert-init.js

@@ -0,0 +1,5 @@
+Object.keys(localStorage).forEach(function(key) {
+  if (/^global-alert-/.test(key)) {
+    document.documentElement.setAttribute('data-global-alert', 'closed');
+  }
+});

assets/js/alert.js

@@ -2,16 +2,19 @@ var announcement = document.getElementById('announcement');
 
 if (announcement !== null) {
 
-  if (localStorage.getItem('announcement') === null ) {
-
-    announcement.classList.remove('d-none');
-
-  }
+  var id = announcement.dataset.id;
+
+  Object.keys(localStorage).forEach(function(key) {
+    if (/^global-alert-/.test(key)) {
+      if (key !== id ) {
+        localStorage.removeItem(key);
+        document.documentElement.removeAttribute('data-global-alert');
+      }
+    }
+  });
 
   announcement.addEventListener('closed.bs.alert', () => {
-
-    localStorage.setItem('announcement', 'closed');
-
+    localStorage.setItem(id, 'closed');
   });
 
-}
+}

assets/js/app.js

@@ -0,0 +1,14 @@
+// Adds scroll position lock for default docs sidebar
+
+if (document.querySelector('#sidebar-default') !== null) {
+  let sidebar = document.getElementById('sidebar-default');
+
+  let pos = sessionStorage.getItem('sidebar-scroll');
+  if (pos !== null) {
+      sidebar.scrollTop = parseInt(pos, 10);
+  }
+
+  window.addEventListener('beforeunload', () => {
+      sessionStorage.setItem('sidebar-scroll', sidebar.scrollTop);
+  });
+}

assets/js/mermaid.js

@@ -1,4 +1,4 @@
-import mermaid from 'mermaid/dist/mermaid';
+import mermaid from 'mermaid';
 
 var config = {
   theme: 'default',

assets/scss/app.scss

@@ -20,6 +20,7 @@
 @import "components/alerts";
 @import "components/buttons";
 @import "components/code";
+@import "components/details";
 @import "components/syntax";
 @import "components/comments";
 @import "components/forms";

assets/scss/common/_dark.scss

@@ -140,11 +140,15 @@ $navbar-dark-active-color:          $link-color-dark;
   color: $body-bg-dark;
 }
 
-[data-dark-mode] body .alert-warning {
+[data-dark-mode] body .alert-doks {
   background: $body-overlay-dark;
   color: $body-color-dark;
 }
 
+[data-dark-mode] body .alert-doks a {
+  color: $link-color-dark;
+}
+
 [data-dark-mode] body .page-links a {
   color: $body-color-dark;
 }
@@ -523,3 +527,35 @@ $navbar-dark-active-color:          $link-color-dark;
     border-color: $border-dark;
   }
 }
+
+[data-dark-mode] .dropdown-menu.dropdown-menu-main {
+  background: $body-overlay-dark;
+}
+
+[data-dark-mode] .dropdown-menu-main .dropdown-item {
+  color: $body-color-dark;
+}
+
+[data-dark-mode] .dropdown-menu-main .dropdown-item:hover {
+  color: $link-color-dark;
+}
+
+[data-dark-mode] .dropdown-menu-main .dropdown-item.active {
+  color: $link-color-dark;
+}
+
+[data-dark-mode] details {
+  border: 1px solid $border-dark;
+}
+
+[data-dark-mode] summary:hover {
+  background: $body-overlay-dark;
+}
+
+[data-dark-mode] details[open] > summary {
+  border-bottom: 1px solid $border-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");
+}

assets/scss/common/_fonts.scss

@@ -1,71 +1,101 @@
 /* jost-regular - latin */
 @font-face {
-  font-family: "Jost";
+  font-family: Jost;
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src:
-    local("Jost"),
+    // 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-family: Jost;
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src:
-    local("Jost"),
+    // 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-family: Jost;
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src:
-    local("Jost"),
+    // 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-family: Jost;
   font-style: italic;
   font-weight: 400;
   font-display: swap;
   src:
-    local("Jost"),
+    // 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-family: Jost;
   font-style: italic;
   font-weight: 500;
   font-display: swap;
   src:
-    local("Jost"),
+    // 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-family: Jost;
   font-style: italic;
   font-weight: 700;
   font-display: swap;
   src:
-    local("Jost"),
+    // 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+ */
 }