jekyll-theme-chirpy 7.1.1 → 7.2.0

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-chirpy
 version: !ruby/object:Gem::Version
-  version: 7.1.1
+  version: 7.2.0
 platform: ruby
 authors:
 - Cotes Chung
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-09-23 00:00:00.000000000 Z
+date: 2024-11-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -149,7 +149,7 @@ files:
 - _includes/analytics/google.html
 - _includes/analytics/matomo.html
 - _includes/analytics/umami.html
-- _includes/comments.html
+- _includes/comment.html
 - _includes/comments/disqus.html
 - _includes/comments/giscus.html
 - _includes/comments/utterances.html
@@ -167,9 +167,7 @@ files:
 - _includes/lang.html
 - _includes/language-alias.html
 - _includes/media-url.html
-- _includes/mermaid.html
 - _includes/metadata-hook.html
-- _includes/mode-toggle.html
 - _includes/no-linenos.html
 - _includes/notification.html
 - _includes/origin-type.html
@@ -184,6 +182,7 @@ files:
 - _includes/search-loader.html
 - _includes/search-results.html
 - _includes/sidebar.html
+- _includes/toc-status.html
 - _includes/toc.html
 - _includes/topbar.html
 - _includes/trending-tags.html
@@ -198,24 +197,37 @@ files:
 - _layouts/post.html
 - _layouts/tag.html
 - _layouts/tags.html
-- _sass/addon/commons.scss
-- _sass/addon/module.scss
-- _sass/addon/syntax.scss
-- _sass/addon/variables.scss
-- _sass/colors/syntax-dark.scss
-- _sass/colors/syntax-light.scss
-- _sass/colors/typography-dark.scss
-- _sass/colors/typography-light.scss
-- _sass/dist/bootstrap.css
-- _sass/layout/archives.scss
-- _sass/layout/categories.scss
-- _sass/layout/category-tag.scss
-- _sass/layout/home.scss
-- _sass/layout/post.scss
-- _sass/layout/tags.scss
+- _sass/abstracts/_breakpoints.scss
+- _sass/abstracts/_index.scss
+- _sass/abstracts/_mixins.scss
+- _sass/abstracts/_placeholders.scss
+- _sass/abstracts/_variables.scss
+- _sass/base/_base.scss
+- _sass/base/_index.scss
+- _sass/base/_reset.scss
+- _sass/base/_syntax.scss
+- _sass/base/_typography.scss
+- _sass/components/_buttons.scss
+- _sass/components/_index.scss
+- _sass/components/_popups.scss
+- _sass/layout/_footer.scss
+- _sass/layout/_index.scss
+- _sass/layout/_panel.scss
+- _sass/layout/_sidebar.scss
+- _sass/layout/_topbar.scss
 - _sass/main.bundle.scss
 - _sass/main.scss
-- _sass/variables-hook.scss
+- _sass/pages/_archives.scss
+- _sass/pages/_categories.scss
+- _sass/pages/_category-tag.scss
+- _sass/pages/_home.scss
+- _sass/pages/_index.scss
+- _sass/pages/_post.scss
+- _sass/pages/_search.scss
+- _sass/pages/_tags.scss
+- _sass/themes/_dark.scss
+- _sass/themes/_light.scss
+- _sass/vendors/_bootstrap.scss
 - assets/404.html
 - assets/css/jekyll-theme-chirpy.scss
 - assets/feed.xml
@@ -239,6 +251,7 @@ files:
 - assets/js/dist/page.min.js
 - assets/js/dist/post.min.js
 - assets/js/dist/sw.min.js
+- assets/js/dist/theme.min.js
 - assets/robots.txt
 homepage: https://github.com/cotes2020/jekyll-theme-chirpy
 licenses:
@@ -265,7 +278,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.16
+rubygems_version: 3.5.22
 signing_key: 
 specification_version: 4
 summary: A minimal, responsive, and feature-rich Jekyll theme for technical writing.

data/_includes/mermaid.html

@@ -1,62 +0,0 @@
-<!-- mermaid-js loader -->
-<script type="text/javascript">
-  function updateMermaid(event) {
-    if (event.source === window && event.data && event.data.direction === ModeToggle.ID) {
-      const mode = event.data.message;
-
-      if (typeof mermaid === 'undefined') {
-        return;
-      }
-
-      let expectedTheme = mode === ModeToggle.DARK_MODE ? 'dark' : 'default';
-      let config = { theme: expectedTheme };
-
-      {%- comment -%}
-        Re-render the SVG › <https://github.com/mermaid-js/mermaid/issues/311#issuecomment-332557344>
-      {%- endcomment -%}
-      const mermaidList = document.getElementsByClassName('mermaid');
-
-      [...mermaidList].forEach((elem) => {
-        const svgCode = elem.previousSibling.children.item(0).innerHTML;
-        elem.innerHTML = svgCode;
-        elem.removeAttribute('data-processed');
-      });
-
-      mermaid.initialize(config);
-      mermaid.init(undefined, '.mermaid');
-    }
-  }
-
-  (function () {
-    let initTheme = 'default';
-    const html = document.documentElement;
-
-    if (
-      (html.hasAttribute('data-mode') && html.getAttribute('data-mode') === 'dark') ||
-      (!html.hasAttribute('data-mode') && window.matchMedia('(prefers-color-scheme: dark)').matches)
-    ) {
-      initTheme = 'dark';
-    }
-
-    let mermaidConf = {
-      theme: initTheme {%- comment -%}  <default | dark | forest | neutral> {%- endcomment -%}
-    };
-
-    {%- comment -%} Create mermaid tag {%- endcomment -%}
-    const basicList = document.getElementsByClassName('language-mermaid');
-    [...basicList].forEach((elem) => {
-      const svgCode = elem.textContent;
-      const backup = elem.parentElement;
-      backup.classList.add('d-none');
-      {%- comment -%} create mermaid node {%- endcomment -%}
-      let mermaid = document.createElement('pre');
-      mermaid.classList.add('mermaid');
-      const text = document.createTextNode(svgCode);
-      mermaid.appendChild(text);
-      backup.after(mermaid);
-    });
-
-    mermaid.initialize(mermaidConf);
-    window.addEventListener('message', updateMermaid);
-  })();
-</script>

data/_includes/mode-toggle.html

@@ -1,116 +0,0 @@
-<!-- Switch the mode between dark and light. -->
-
-<script type="text/javascript">
-  class ModeToggle {
-    static get MODE_KEY() {
-      return 'mode';
-    }
-    static get MODE_ATTR() {
-      return 'data-mode';
-    }
-    static get DARK_MODE() {
-      return 'dark';
-    }
-    static get LIGHT_MODE() {
-      return 'light';
-    }
-    static get ID() {
-      return 'mode-toggle';
-    }
-
-    constructor() {
-      let self = this;
-
-      {%- comment -%} always follow the system prefers {%- endcomment -%}
-      this.sysDarkPrefers.addEventListener('change', () => {
-        if (self.hasMode) {
-          self.clearMode();
-        }
-        self.notify();
-      });
-
-      if (!this.hasMode) {
-        return;
-      }
-
-      if (this.isDarkMode) {
-        this.setDark();
-      } else {
-        this.setLight();
-      }
-    }
-
-    get sysDarkPrefers() {
-      return window.matchMedia('(prefers-color-scheme: dark)');
-    }
-
-    get isPreferDark() {
-      return this.sysDarkPrefers.matches;
-    }
-
-    get isDarkMode() {
-      return this.mode === ModeToggle.DARK_MODE;
-    }
-
-    get hasMode() {
-      return this.mode != null;
-    }
-
-    get mode() {
-      return sessionStorage.getItem(ModeToggle.MODE_KEY);
-    }
-
-    {%- comment -%} get the current mode on screen {%- endcomment -%}
-    get modeStatus() {
-      if (this.hasMode) {
-        return this.mode;
-      } else {
-        return this.isPreferDark ? ModeToggle.DARK_MODE : ModeToggle.LIGHT_MODE;
-      }
-    }
-
-    setDark() {
-      document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.DARK_MODE);
-      sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
-    }
-
-    setLight() {
-      document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.LIGHT_MODE);
-      sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
-    }
-
-    clearMode() {
-      document.documentElement.removeAttribute(ModeToggle.MODE_ATTR);
-      sessionStorage.removeItem(ModeToggle.MODE_KEY);
-    }
-
-    {%- comment -%}
-      Notify another plugins that the theme mode has changed
-    {%- endcomment -%}
-    notify() {
-      window.postMessage(
-        {
-          direction: ModeToggle.ID,
-          message: this.modeStatus
-        },
-        '*'
-      );
-    }
-
-    flipMode() {
-      if (this.hasMode) {
-        this.clearMode();
-      } else {
-        if (this.isPreferDark) {
-          this.setLight();
-        } else {
-          this.setDark();
-        }
-      }
-
-      this.notify();
-    }
-  }
-
-  const modeToggle = new ModeToggle();
-</script>