Revert "Merge branch 'canary' into master" (#712)

Revert "Merge branch 'canary' into master (#711)"

This reverts commit 8a597a5c9c.

archetypes/default.md

@@ -5,6 +5,7 @@ date: {{ .Date }}
 image: 
 math: 
 license: 
+hidden: false
 comments: true
 draft: true
 ---

assets/scss/partials/article.scss

@@ -192,6 +192,7 @@
         .article-preview {
             font-size: 1.4rem;
             color: var(--card-text-color-tertiary);
+            margin-top: 10px;
             line-height: 1.5;
         }
     }

assets/scss/partials/layout/article.scss

@@ -286,12 +286,10 @@
         line-height: 1.428571429;
         word-break: break-all;
         padding: var(--card-padding);
-
         //  keep Codeblocks LTR
         [dir="rtl"] & {
             direction: ltr;
         }
-
         code {
             color: unset;
             border: none;
@@ -305,11 +303,15 @@
         padding: var(--card-padding);
         position: relative;
 
+        &:hover {
+            .copyCodeButton {
+                opacity: 1;
+            }
+        }
         // keep Codeblocks LTR
         [dir="rtl"] & {
             direction: ltr;
         }
-
         pre {
             margin: initial;
             padding: 0;
@@ -318,30 +320,20 @@
         }
     }
 
-    .codeblock {
+    .copyCodeButton {
-        header {
+        position: absolute;
-            background-color: var(--card-background-selected);
+        top: calc(var(--card-padding));
-            padding: 5px var(--card-padding);
+        right: calc(var(--card-padding));
-            display: flex;
+        background: var(--card-background);
-            justify-content: space-between;
+        border: none;
-            box-shadow: var(--shadow-l1);
+        box-shadow: var(--shadow-l2);
-
+        border-radius: var(--tag-border-radius);
-            span {
+        padding: 8px 16px;
-                text-transform: uppercase;
+        color: var(--card-text-color-main);
-                font-weight: bold;
+        cursor: pointer;
-                color: var(--card-text-color-secondary);
+        font-size: 14px;
-            }
+        opacity: 0;
-        }
+        transition: opacity 0.3s ease;
-
-        .codeblock-copy {
-            cursor: pointer;
-            background-color: transparent;
-            border: none;
-            padding: 8px 16px;
-            color: var(--card-text-color-secondary);
-            font-size: 14px;
-            font-weight: bold;
-        }
     }
 
     .table-wrapper {
@@ -410,7 +402,7 @@
     /// Negative margins
     blockquote,
     figure,
-    .codeblock,
+    .highlight,
     pre,
     .gallery,
     .video-wrapper,

assets/scss/partials/layout/search.scss

@@ -31,7 +31,6 @@
 
     input {
         padding: 40px 20px 20px;
-        padding-inline-end: var(--button-size);
         border-radius: var(--card-border-radius);
         background-color: var(--card-background);
         box-shadow: var(--shadow-l1);
@@ -79,4 +78,5 @@
             height: 20px;
         }
     }
+
 }

assets/scss/partials/sidebar.scss

@@ -11,6 +11,7 @@
     flex-direction: column;
     flex-shrink: 0;
     align-self: stretch;
+    gap: var(--sidebar-element-separation);
     max-width: none;
     width: 100%;
     position: relative;
@@ -64,11 +65,6 @@
             }
         }
     }
-
-    .social-menu,
-    .menu {
-        margin-top: var(--sidebar-element-separation);
-    }
 }
 
 .right-sidebar {

assets/ts/codeblock.ts

@@ -1,28 +0,0 @@
-/**
- * Copy button for code blocks
-*/
-export default () => {
-    const copyButtons = document.querySelectorAll('.codeblock-copy');
-    copyButtons.forEach(button => {
-        const codeblockID = button.getAttribute('data-id'),
-            copyText = button.textContent,
-            copiedText = button.getAttribute('data-copied-text');
-        if (!codeblockID) return;
-        button.addEventListener('click', (e) => {
-            e.preventDefault();
-            const codeblock = document.getElementById(codeblockID) as HTMLElement;
-            if (!codeblockID) return;
-            navigator.clipboard.writeText(codeblock.textContent)
-                .then(() => {
-                    button.textContent = copiedText;
-                    setTimeout(() => {
-                        button.textContent = copyText;
-                    }, 1000);
-                })
-                .catch(err => {
-                    alert(err)
-                    console.log('Something went wrong', err);
-                });
-        }, false);
-    });
-}

assets/ts/color.ts

@@ -0,0 +1,63 @@
+interface colorScheme {
+    hash: string,                        /// Regenerate color scheme when the image hash is changed
+    DarkMuted: {
+        hex: string,
+        rgb: Number[],
+        bodyTextColor: string
+    },
+    Vibrant: {
+        hex: string,
+        rgb: Number[],
+        bodyTextColor: string
+    }
+}
+
+let colorsCache: { [key: string]: colorScheme } = {};
+
+if (localStorage.hasOwnProperty('StackColorsCache')) {
+    try {
+        colorsCache = JSON.parse(localStorage.getItem('StackColorsCache'));
+    }
+    catch (e) {
+        colorsCache = {};
+    }
+}
+
+async function getColor(key: string, hash: string, imageURL: string) {
+    if (!key) {
+        /**
+         * If no key is provided, do not cache the result
+         */
+        return await Vibrant.from(imageURL).getPalette();
+    }
+
+    if (!colorsCache.hasOwnProperty(key) || colorsCache[key].hash !== hash) {
+        /**
+         * If key is provided, but not found in cache, or the hash mismatches => Regenerate color scheme
+         */
+        const palette = await Vibrant.from(imageURL).getPalette();
+
+        colorsCache[key] = {
+            hash: hash,
+            Vibrant: {
+                hex: palette.Vibrant.hex,
+                rgb: palette.Vibrant.rgb,
+                bodyTextColor: palette.Vibrant.bodyTextColor
+            },
+            DarkMuted: {
+                hex: palette.DarkMuted.hex,
+                rgb: palette.DarkMuted.rgb,
+                bodyTextColor: palette.DarkMuted.bodyTextColor
+            }
+        }
+
+        /* Save the result in localStorage */
+        localStorage.setItem('StackColorsCache', JSON.stringify(colorsCache));
+    }
+
+    return colorsCache[key];
+}
+
+export {
+    getColor
+}

assets/ts/gallery.ts

@@ -1,92 +1,186 @@
-const wrap = (figures: HTMLElement[]) => {
+declare global {
-    const galleryContainer = document.createElement('div');
+    interface Window {
-    galleryContainer.className = 'gallery';
+        PhotoSwipe: any;
-
+        PhotoSwipeUI_Default: any
-    const parentNode = figures[0].parentNode,
-        first = figures[0];
-
-    parentNode.insertBefore(galleryContainer, first)
-
-    for (const figure of figures) {
-        galleryContainer.appendChild(figure);
     }
 }
 
-export default (container: HTMLElement) => {
+interface PhotoSwipeItem {
-    /// The process of wrapping image with figure tag is done using JavaScript instead of only Hugo markdown render hook
+    w: number;
-    /// because it can not detect whether image is being wrapped by a link or not
+    h: number;
-    /// and it lead to a invalid HTML construction (<a><figure><img></figure></a>)
+    src: string;
-    const images = container.querySelectorAll('img.gallery-image') as NodeListOf<HTMLImageElement>;
+    msrc: string;
-    for (const img of Array.from(images)) {
+    title?: string;
-        /// Images are wrapped with figure tag if the paragraph has only images without texts
+    el: HTMLElement;
-        /// This is done to allow inline images within paragraphs
+}
-        const paragraph = img.closest('p');
 
-        if (!paragraph || !container.contains(paragraph)) continue;
+class StackGallery {
+    private galleryUID: number;
+    private items: PhotoSwipeItem[] = [];
 
-        if (paragraph.textContent.trim() == '') {
+    constructor(container: HTMLElement, galleryUID = 1) {
-            /// Once we insert figcaption, this check no longer works
+        if (window.PhotoSwipe == undefined || window.PhotoSwipeUI_Default == undefined) {
-            /// So we add a class to paragraph to mark it
+            console.error("PhotoSwipe lib not loaded.");
-            paragraph.classList.add('no-text');
+            return;
         }
 
-        let isNewLineImage = paragraph.classList.contains('no-text');
+        this.galleryUID = galleryUID;
-        if (!isNewLineImage) continue;
 
-        const hasLink = img.parentElement.tagName == 'A';
+        StackGallery.createGallery(container);
+        this.loadItems(container);
+        this.bindClick();
+    }
 
-        let el: HTMLElement = img;
+    private loadItems(container: HTMLElement) {
-        /// Wrap image with figure tag, with flex-grow and flex-basis values extracted from img's data attributes
+        this.items = [];
-        const figure = document.createElement('figure');
-        figure.style.setProperty('flex-grow', img.getAttribute('data-flex-grow') || '1');
-        figure.style.setProperty('flex-basis', img.getAttribute('data-flex-basis') || '0');
-        if (hasLink) {
-            /// Wrap <a> if it exists
-            el = img.parentElement;
-        }
-        el.parentElement.insertBefore(figure, el);
-        figure.appendChild(el);
 
-        /// Add figcaption if it exists
+        const figures = container.querySelectorAll('figure.gallery-image');
-        if (img.hasAttribute('alt')) {
-            const figcaption = document.createElement('figcaption');
-            figcaption.innerText = img.getAttribute('alt');
-            figure.appendChild(figcaption);
-        }
 
-        /// Wrap img tag with <a> tag if image was not wrapped by <a> tag
+        for (const el of figures) {
-        if (!hasLink) {
+            const figcaption = el.querySelector('figcaption'),
-            figure.className = 'gallery-image';
+                img = el.querySelector('img');
 
-            const a = document.createElement('a');
+            let aux: PhotoSwipeItem = {
-            a.href = img.src;
+                w: parseInt(img.getAttribute('width')),
-            a.setAttribute('target', '_blank');
+                h: parseInt(img.getAttribute('height')),
-            a.setAttribute('data-pswp-width', img.width.toString());
+                src: img.src,
-            a.setAttribute('data-pswp-height', img.height.toString());
+                msrc: img.getAttribute('data-thumb') || img.src,
-            img.parentNode.insertBefore(a, img);
+                el: el
-            a.appendChild(img);
+            }
+
+            if (figcaption) {
+                aux.title = figcaption.innerHTML;
+            }
+
+            this.items.push(aux);
         }
     }
 
-    const figuresEl = container.querySelectorAll('figure.gallery-image') as NodeListOf<HTMLElement>;
+    public static createGallery(container: HTMLElement) {
-    let currentGallery = [];
+        /// The process of wrapping image with figure tag is done using JavaScript instead of only Hugo markdown render hook
-    for (const figure of Array.from(figuresEl)) {
+        /// because it can not detect whether image is being wrapped by a link or not
-        if (!currentGallery.length) {
+        /// and it lead to a invalid HTML construction (<a><figure><img></figure></a>)
-            /// First iteration
+
-            currentGallery = [figure];
+        const images = container.querySelectorAll('img.gallery-image');
+        for (const img of Array.from(images)) {
+            /// Images are wrapped with figure tag if the paragraph has only images without texts
+            /// This is done to allow inline images within paragraphs
+            const paragraph = img.closest('p');
+
+            if (!paragraph || !container.contains(paragraph)) continue;
+
+            if (paragraph.textContent.trim() == '') {
+                /// Once we insert figcaption, this check no longer works
+                /// So we add a class to paragraph to mark it
+                paragraph.classList.add('no-text');
+            }
+
+            let isNewLineImage = paragraph.classList.contains('no-text');
+            if (!isNewLineImage) continue;
+
+            const hasLink = img.parentElement.tagName == 'A';
+
+            let el: HTMLElement = img;
+            /// Wrap image with figure tag, with flex-grow and flex-basis values extracted from img's data attributes
+            const figure = document.createElement('figure');
+            figure.style.setProperty('flex-grow', img.getAttribute('data-flex-grow') || '1');
+            figure.style.setProperty('flex-basis', img.getAttribute('data-flex-basis') || '0');
+            if (hasLink) {
+                /// Wrap <a> if it exists
+                el = img.parentElement;
+            }
+            el.parentElement.insertBefore(figure, el);
+            figure.appendChild(el);
+
+            /// Add figcaption if it exists
+            if (img.hasAttribute('alt')) {
+                const figcaption = document.createElement('figcaption');
+                figcaption.innerText = img.getAttribute('alt');
+                figure.appendChild(figcaption);
+            }
+
+            /// Wrap img tag with <a> tag if image was not wrapped by <a> tag
+            if (!hasLink) {
+                figure.className = 'gallery-image';
+
+                const a = document.createElement('a');
+                a.href = img.src;
+                a.setAttribute('target', '_blank');
+                img.parentNode.insertBefore(a, img);
+                a.appendChild(img);
+            }
         }
-        else if (figure.previousElementSibling === currentGallery[currentGallery.length - 1]) {
+
-            /// Adjacent figures
+        const figuresEl = container.querySelectorAll('figure.gallery-image');
-            currentGallery.push(figure);
+
+        let currentGallery = [];
+
+        for (const figure of figuresEl) {
+            if (!currentGallery.length) {
+                /// First iteration
+                currentGallery = [figure];
+            }
+            else if (figure.previousElementSibling === currentGallery[currentGallery.length - 1]) {
+                /// Adjacent figures
+                currentGallery.push(figure);
+            }
+            else if (currentGallery.length) {
+                /// End gallery
+                StackGallery.wrap(currentGallery);
+                currentGallery = [figure];
+            }
         }
-        else if (currentGallery.length) {
+
-            /// End gallery
+        if (currentGallery.length > 0) {
-            wrap(currentGallery);
+            StackGallery.wrap(currentGallery);
-            currentGallery = [figure];
         }
     }
 
-    if (currentGallery.length > 0) {
+    /**
-        wrap(currentGallery);
+     * Wrap adjacent figure tags with div.gallery
+     * @param figures 
+     */
+    public static wrap(figures: HTMLElement[]) {
+        const galleryContainer = document.createElement('div');
+        galleryContainer.className = 'gallery';
+
+        const parentNode = figures[0].parentNode,
+            first = figures[0];
+
+        parentNode.insertBefore(galleryContainer, first)
+
+        for (const figure of figures) {
+            galleryContainer.appendChild(figure);
+        }
     }
-};
+
+    public open(index: number) {
+        const pswp = document.querySelector('.pswp') as HTMLDivElement;
+        const ps = new window.PhotoSwipe(pswp, window.PhotoSwipeUI_Default, this.items, {
+            index: index,
+            galleryUID: this.galleryUID,
+            getThumbBoundsFn: (index) => {
+                const thumbnail = this.items[index].el.getElementsByTagName('img')[0],
+                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
+                    rect = thumbnail.getBoundingClientRect();
+
+                return { x: rect.left, y: rect.top + pageYScroll, w: rect.width };
+            }
+        });
+
+        ps.init();
+    }
+
+    private bindClick() {
+        for (const [index, item] of this.items.entries()) {
+            const a = item.el.querySelector('a');
+
+            a.addEventListener('click', (e) => {
+                e.preventDefault();
+                this.open(index);
+            })
+        }
+    }
+}
+
+export default StackGallery;

assets/ts/main.ts

@@ -5,7 +5,8 @@
 *   @website: https://jimmycai.com
 *   @link: https://github.com/CaiJimmy/hugo-theme-stack
 */
-import StackCodeBlock from "ts/codeblock";
+import StackGallery from "ts/gallery";
+import { getColor } from 'ts/color';
 import menu from 'ts/menu';
 import createElement from 'ts/createElement';
 import StackColorScheme from 'ts/colorScheme';
@@ -21,12 +22,76 @@ let Stack = {
 
         const articleContent = document.querySelector('.article-content') as HTMLElement;
         if (articleContent) {
+            new StackGallery(articleContent);
             setupSmoothAnchors();
             setupScrollspy();
         }
 
+        /**
+         * Add linear gradient background to tile style article
+         */
+        const articleTile = document.querySelector('.article-list--tile');
+        if (articleTile) {
+            let observer = new IntersectionObserver(async (entries, observer) => {
+                entries.forEach(entry => {
+                    if (!entry.isIntersecting) return;
+                    observer.unobserve(entry.target);
+
+                    const articles = entry.target.querySelectorAll('article.has-image');
+                    articles.forEach(async articles => {
+                        const image = articles.querySelector('img'),
+                            imageURL = image.src,
+                            key = image.getAttribute('data-key'),
+                            hash = image.getAttribute('data-hash'),
+                            articleDetails: HTMLDivElement = articles.querySelector('.article-details');
+
+                        const colors = await getColor(key, hash, imageURL);
+
+                        articleDetails.style.background = `
+                        linear-gradient(0deg, 
+                            rgba(${colors.DarkMuted.rgb[0]}, ${colors.DarkMuted.rgb[1]}, ${colors.DarkMuted.rgb[2]}, 0.5) 0%, 
+                            rgba(${colors.Vibrant.rgb[0]}, ${colors.Vibrant.rgb[1]}, ${colors.Vibrant.rgb[2]}, 0.75) 100%)`;
+                    })
+                })
+            });
+
+            observer.observe(articleTile)
+        }
+
+
+        /**
+         * Add copy button to code block
+        */
+        const highlights = document.querySelectorAll('.article-content div.highlight');
+        const copyText = `Copy`,
+            copiedText = `Copied!`;
+
+        highlights.forEach(highlight => {
+            const copyButton = document.createElement('button');
+            copyButton.innerHTML = copyText;
+            copyButton.classList.add('copyCodeButton');
+            highlight.appendChild(copyButton);
+
+            const codeBlock = highlight.querySelector('code[data-lang]');
+            if (!codeBlock) return;
+
+            copyButton.addEventListener('click', () => {
+                navigator.clipboard.writeText(codeBlock.textContent)
+                    .then(() => {
+                        copyButton.textContent = copiedText;
+
+                        setTimeout(() => {
+                            copyButton.textContent = copyText;
+                        }, 1000);
+                    })
+                    .catch(err => {
+                        alert(err)
+                        console.log('Something went wrong', err);
+                    });
+            });
+        });
+
         new StackColorScheme(document.getElementById('dark-mode-toggle'));
-        StackCodeBlock();
     }
 }
 

config.yaml

@@ -0,0 +1,143 @@
+module:
+    hugoVersion:
+        extended: true
+        min: "0.87.0"
+
+params:
+    mainSections:
+        - post
+    featuredImageField: image
+    rssFullContent: true
+    favicon:
+
+    footer:
+        since:
+        customText:
+
+    dateFormat:
+        published: Jan 02, 2006
+        lastUpdated: Jan 02, 2006 15:04 MST
+
+    sidebar:
+        compact: false
+        emoji:
+        subtitle:
+        avatar:
+            enabled: true
+            local: true
+            src: img/avatar.png
+
+    article:
+        math: false
+        toc: true
+        readingTime: true
+        license:
+            enabled: false
+            default: Licensed under CC BY-NC-SA 4.0
+
+    comments:
+        enabled: false
+        provider: disqus
+
+        disqusjs:
+            shortname:
+            apiUrl:
+            apiKey:
+            admin:
+            adminLabel:
+
+        utterances:
+            repo:
+            issueTerm: pathname
+            label:
+
+        remark42:
+            host:
+            site:
+            locale:
+
+        vssue:
+            platform:
+            owner:
+            repo:
+            clientId:
+            clientSecret:
+            autoCreateIssue: false
+
+        # Waline client configuration see: https://waline.js.org/en/reference/client.html
+        waline:
+            serverURL:
+            lang:
+            visitor:
+            avatar:
+            emoji:
+                - https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo
+            requiredMeta:
+                - name
+                - email
+                - url
+            placeholder:
+            locale:
+                admin: Admin
+
+        twikoo:
+            envId:
+            region:
+            path:
+            lang:
+
+        giscus:
+            repo:
+            repoID:
+            category:
+            categoryID:
+            mapping:
+            strict:
+            lightTheme:
+            darkTheme:
+            reactionsEnabled: 1
+            emitMetadata: 0
+            inputPosition:
+            lang:
+
+        gitalk:
+            owner:
+            admin:
+            repo:
+            clientID:
+            clientSecret:
+
+        cusdis:
+            host:
+            id:
+
+    widgets:
+        homepage: []
+        page: []
+
+    opengraph:
+        twitter:
+            # Your Twitter username
+            site:
+
+            # Available values: summary, summary_large_image
+            card: summary_large_image
+
+    defaultImage:
+        opengraph:
+            enabled: false
+            local: false
+            src:
+
+    colorScheme:
+        # Display toggle
+        toggle: true
+
+        # Available values: auto, light, dark
+        default: auto
+
+    imageProcessing:
+        cover:
+            enabled: true
+        content:
+            enabled: true

config/_default/module.toml

@@ -1,3 +0,0 @@
-[hugoVersion]
-extended = true
-min = "0.100.0"

config/_default/params.toml

@@ -1,52 +0,0 @@
-# Theme's default configuration
-mainSections = ["post"]
-featuredImageField = "image"
-rssFullContent = true
-
-[footer]
-
-[dateFormat]
-published = "Jan 02, 2006"
-lastUpdated = "Jan 02, 2006 15:04 MST"
-
-[sidebar]
-compact = false
-
-[sidebar.avatar]
-enabled = true
-local = true
-src = "img/avatar.png"
-
-[article]
-math = false
-toc = true
-readingTime = true
-
-[article.license]
-enabled = false
-default = "Licensed under CC BY-NC-SA 4.0"
-
-[comments]
-enabled = false
-provider = "disqus"
-
-[widgets]
-homepage = []
-page = []
-
-[opengraph.twitter]
-card = "summary_large_image"
-
-[defaultImage.opengraph]
-enabled = false
-local = false
-
-[colorScheme]
-toggle = true
-default = "auto"
-
-[imageProcessing.cover]
-enabled = true
-
-[imageProcessing.content]
-enabled = true

data/external.yaml

@@ -1,3 +1,25 @@
+Vibrant:
+    - src: https://cdn.jsdelivr.net/npm/node-vibrant@3.1.6/dist/vibrant.min.js
+      integrity: sha256-awcR2jno4kI5X0zL8ex0vi2z+KMkF24hUW8WePSA9HM=
+      type: script
+
+PhotoSwipe:
+    - src: https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.js
+      integrity: sha256-ePwmChbbvXbsO02lbM3HoHbSHTHFAeChekF1xKJdleo=
+      type: script
+      defer: true
+
+    - src: https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe-ui-default.min.js
+      integrity: sha256-UKkzOn/w1mBxRmLLGrSeyB4e1xbrp4xylgAWb3M42pU=
+      type: script
+      defer: true
+
+    - src: https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/default-skin/default-skin.min.css
+      type: style
+
+    - src: https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.css
+      type: style
+
 KaTeX:
     - src: https://cdn.jsdelivr.net/npm/katex@0.15.6/dist/katex.min.css
       integrity: sha256-J+iAE0sgH8QSz9hpcDxXIftnj65JEZgNhGcgReTTK9s=

exampleSite/README.md

@@ -0,0 +1 @@
+Example site modified from https://github.com/gohugoio/hugoBasicExample

exampleSite/config.yaml

@@ -0,0 +1,239 @@
+baseurl: https://example.com
+languageCode: en-us
+theme: hugo-theme-stack
+paginate: 5
+title: Example Site
+
+languages:
+    en:
+        languageName: English
+        title: Example Site
+        description: Example description
+        weight: 1
+    zh-cn:
+        languageName: 中文
+        title: 演示站点
+        description: 演示说明
+        weight: 2
+    ar:
+        languageName: عربي
+        languagedirection: rtl
+        title: موقع تجريبي
+        description: وصف تجريبي
+        weight: 3
+
+# Change it to your Disqus shortname before using
+disqusShortname: hugo-theme-stack
+
+# GA Tracking ID
+googleAnalytics:
+
+# Theme i18n support
+# Available values: ar, bn, ca, de, el, en, es, fr, hu, id, it, ja, ko, nl, pt-br, th, uk, zh-cn, zh-hk, zh-tw
+DefaultContentLanguage: en
+
+# Set hasCJKLanguage to true if DefaultContentLanguage is in [zh-cn ja ko]
+# This will make .Summary and .WordCount behave correctly for CJK languages.
+hasCJKLanguage: false
+
+permalinks:
+    post: /p/:slug/
+    page: /:slug/
+
+params:
+    mainSections:
+        - post
+    featuredImageField: image
+    rssFullContent: true
+    favicon:  # e.g.: favicon placed in `static/favicon.ico` of your site folder, then set this field to `/favicon.ico` (`/` is necessary)
+
+    footer:
+        since: 2020
+        customText:
+
+    dateFormat:
+        published: Jan 02, 2006
+        lastUpdated: Jan 02, 2006 15:04 MST
+
+    sidebar:
+        emoji: 🍥
+        subtitle: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+        avatar:
+            enabled: true
+            local: true
+            src: img/avatar.png
+
+    article:
+        math: false
+        toc: true
+        readingTime: true
+        license:
+            enabled: true
+            default: Licensed under CC BY-NC-SA 4.0
+
+    comments:
+        enabled: true
+        provider: disqus
+
+        disqusjs:
+            shortname:
+            apiUrl:
+            apiKey:
+            admin:
+            adminLabel:
+
+        utterances:
+            repo:
+            issueTerm: pathname
+            label:
+
+        remark42:
+            host:
+            site:
+            locale:
+
+        vssue:
+            platform:
+            owner:
+            repo:
+            clientId:
+            clientSecret:
+            autoCreateIssue: false
+
+        # Waline client configuration see: https://waline.js.org/en/reference/component.html
+        waline:
+            serverURL:
+            lang:
+            pageview:
+            emoji:
+                - https://unpkg.com/@waline/emojis@1.0.1/weibo
+            requiredMeta:
+                - name
+                - email
+                - url
+            locale:
+                admin: Admin
+                placeholder:
+
+        twikoo:
+            envId:
+            region:
+            path:
+            lang:
+
+        # See https://cactus.chat/docs/reference/web-client/#configuration for description of the various options
+        cactus:
+            defaultHomeserverUrl: "https://matrix.cactus.chat:8448"
+            serverName: "cactus.chat"
+            siteName: "" # You must insert a unique identifier here matching the one you registered (See https://cactus.chat/docs/getting-started/quick-start/#register-your-site)
+
+        giscus:
+            repo:
+            repoID:
+            category:
+            categoryID:
+            mapping:
+            lightTheme:
+            darkTheme:
+            reactionsEnabled: 1
+            emitMetadata: 0
+
+        gitalk:
+            owner:
+            admin:
+            repo:
+            clientID:
+            clientSecret:
+
+        cusdis:
+            host:
+            id:
+    widgets:
+        homepage:
+            - type: search
+            - type: archives
+              params:
+                  limit: 5
+            - type: categories
+              params:
+                  limit: 10
+            - type: tag-cloud
+              params:
+                  limit: 10
+        page:
+            - type: toc
+
+    opengraph:
+        twitter:
+            # Your Twitter username
+            site:
+
+            # Available values: summary, summary_large_image
+            card: summary_large_image
+
+    defaultImage:
+        opengraph:
+            enabled: false
+            local: false
+            src:
+
+    colorScheme:
+        # Display toggle
+        toggle: true
+
+        # Available values: auto, light, dark
+        default: auto
+
+    imageProcessing:
+        cover:
+            enabled: true
+        content:
+            enabled: true
+
+### Custom menu
+### See https://docs.stack.jimmycai.com/configuration/custom-menu.html
+### To remove about, archive and search page menu item, remove `menu` field from their FrontMatter
+menu:
+    main: []
+
+    social:
+        - identifier: github
+          name: GitHub
+          url: https://github.com/CaiJimmy/hugo-theme-stack
+          params:
+              icon: brand-github
+
+        - identifier: twitter
+          name: Twitter
+          url: https://twitter.com
+          params:
+              icon: brand-twitter
+
+related:
+    includeNewer: true
+    threshold: 60
+    toLower: false
+    indices:
+        - name: tags
+          weight: 100
+
+        - name: categories
+          weight: 200
+
+markup:
+    goldmark:
+        renderer:
+            ## Set to true if you have HTML content inside Markdown
+            unsafe: false
+    tableOfContents:
+        endLevel: 4
+        ordered: true
+        startLevel: 2
+    highlight:
+        noClasses: false
+        codeFences: true
+        guessSyntax: true
+        lineNoStart: 1
+        lineNos: true
+        lineNumbersInTable: true
+        tabWidth: 4

exampleSite/config/_default/config.toml

@@ -1,20 +0,0 @@
-# Change baseurl before deploy
-baseurl = "https://demo.stack.jimmycai.com"
-languageCode = "en-us"
-paginate = 5
-title = "Hugo Theme Stack Starter"
-theme = "hugo-theme-stack"
-
-# Theme i18n support
-# Available values: ar, bn, ca, de, el, en, es, fr, hu, id, it, ja, ko, nl, pt-br, th, uk, zh-cn, zh-hk, zh-tw
-DefaultContentLanguage = "en"
-
-# Set hasCJKLanguage to true if DefaultContentLanguage is in [zh-cn ja ko]
-# This will make .Summary and .WordCount behave correctly for CJK languages.
-hasCJKLanguage = false
-
-# Change it to your Disqus shortname before using
-disqusShortname = "hugo-theme-stack"
-
-# GA Tracking ID
-googleAnalytics = ""

exampleSite/config/_default/languages.toml

@@ -1,16 +0,0 @@
-# Enable multilanguage site support
-[en]
-languageName = "English"
-title = "Hugo Theme Stack Example Site"
-weight = 1
-
-[zh-cn]
-languageName = "中文"
-title = "Hugo 主题 Stack 演示站点"
-weight = 2
-
-[ar]
-languageName = "عربي"
-languagedirection = "rtl"
-title = "موقع تجريبي"
-weight = 3

exampleSite/config/_default/markup.toml

@@ -1,18 +0,0 @@
-# Markdown renderer configuration
-[goldmark.renderer]
-# Set it to true if you have HTML content inside Markdown
-unsafe = false
-
-[tableOfContents]
-endLevel = 4
-ordered = true
-startLevel = 2
-
-[highlight]
-noClasses = false
-codeFences = true
-guessSyntax = true
-lineNoStart = 1
-lineNos = true
-lineNumbersInTable = true
-tabWidth = 4

exampleSite/config/_default/menu.toml

@@ -1,20 +0,0 @@
-### Custom menu
-### See https://docs.stack.jimmycai.com/configuration/custom-menu.html
-### To remove about, archive and search page menu item, remove `menu` field from their FrontMatter
-main = []
-
-[[social]]
-identifier = "github"
-name = "GitHub"
-url = "https://github.com/CaiJimmy/hugo-theme-stack"
-
-[social.params]
-icon = "brand-github"
-
-[[social]]
-identifier = "twitter"
-name = "Twitter"
-url = "https://twitter.com"
-
-[social.params]
-icon = "brand-twitter"

exampleSite/config/_default/params.toml

@@ -1,106 +0,0 @@
-mainSections = ["post"]
-featuredImageField = "image"
-rssFullContent = true
-favicon = "img/favicon.png"
-
-[footer]
-since = 2020
-
-[dateFormat]
-published = "Jan 02, 2006"
-lastUpdated = "Jan 02, 2006 15:04 MST"
-
-[sidebar]
-emoji = "🍥"
-subtitle = "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
-
-[sidebar.avatar]
-enabled = true
-local = true
-src = "img/logo.jpg"
-
-[article]
-math = false
-toc = true
-readingTime = true
-
-[article.license]
-enabled = true
-default = "Licensed under CC BY-NC-SA 4.0"
-
-[comments]
-enabled = true
-provider = "disqus"
-
-[comments.disqusjs]
-
-[comments.utterances]
-issueTerm = "pathname"
-
-[comments.remark42]
-
-[comments.vssue]
-autoCreateIssue = false
-
-[comments.waline]
-emoji = ["https://unpkg.com/@waline/emojis@1.0.1/weibo"]
-requiredMeta = ["name", "email", "url"]
-
-[comments.waline.locale]
-admin = "Admin"
-
-[comments.twikoo]
-
-[comments.cactus]
-defaultHomeserverUrl = "https://matrix.cactus.chat:8448"
-serverName = "cactus.chat"
-siteName = ""
-
-[comments.giscus]
-reactionsEnabled = 1
-emitMetadata = 0
-
-[comments.gitalk]
-
-[comments.cusdis]
-
-[[widgets.homepage]]
-type = "search"
-
-[[widgets.homepage]]
-type = "archives"
-
-[widgets.homepage.params]
-limit = 5
-
-[[widgets.homepage]]
-type = "categories"
-
-[widgets.homepage.params]
-limit = 10
-
-[[widgets.homepage]]
-type = "tag-cloud"
-
-[widgets.homepage.params]
-limit = 10
-
-[[widgets.page]]
-type = "toc"
-
-[opengraph.twitter]
-card = "summary_large_image"
-
-[defaultImage.opengraph]
-enabled = false
-local = false
-
-[colorScheme]
-toggle = true
-default = "auto"
-
-[imageProcessing.cover]
-enabled = true
-
-[imageProcessing.content]
-enabled = true

exampleSite/config/_default/permalinks.toml

@@ -1,3 +0,0 @@
-# Permalinks format of each content section
-post = "/p/:slug/"
-page = "/:slug/"

exampleSite/config/_default/related.toml

@@ -1,12 +0,0 @@
-# Related contents configuration
-includeNewer = true
-threshold = 60
-toLower = false
-
-[[indices]]
-name = "tags"
-weight = 100
-
-[[indices]]
-name = "categories"
-weight = 200

exampleSite/content/post/emoji-support/index.md

@@ -0,0 +1,50 @@
++++
+author = "Hugo Authors"
+title = "Emoji Support"
+date = "2019-03-05"
+description = "Guide to emoji usage in Hugo"
+categories = [
+    "Test"
+]
+tags = [
+    "emoji",
+]
+image = "the-creative-exchange-d2zvqp3fpro-unsplash.jpg"
++++
+
+Emoji can be enabled in a Hugo project in a number of ways. 
+<!--more-->
+The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). 
+
+To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.
+
+<p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
+<br>
+
+The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
+
+***
+
+**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.
+
+{{< highlight html >}}
+.emoji {
+  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
+}
+{{< /highlight >}}
+
+{{< css.inline >}}
+<style>
+.emojify {
+	font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
+	font-size: 2rem;
+	vertical-align: middle;
+}
+@media screen and (max-width:650px) {
+  .nowrap {
+    display: block;
+    margin: 25px 0;
+  }
+}
+</style>
+{{< /css.inline >}}

exampleSite/content/post/markdown-syntax/index.md

@@ -42,12 +42,12 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
 
 The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
 
-### Blockquote without attribution
+#### Blockquote without attribution
 
 > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
 > **Note** that you can use *Markdown syntax* within a blockquote.
 
-### Blockquote with attribution
+#### Blockquote with attribution
 
 > Don't communicate by sharing memory, share memory by communicating.<br>
 > — <cite>Rob Pike[^1]</cite>
@@ -63,7 +63,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
     Bob | 27
   Alice | 23
 
-### Inline Markdown within tables
+#### Inline Markdown within tables
 
 | Italics   | Bold     | Code   |
 | --------  | -------- | ------ |
@@ -74,7 +74,8 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex. | Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus | Proin sit amet velit nec enim imperdiet vehicula. | Ut bibendum vestibulum quam, eu egestas turpis gravida nec | Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien |
 
 ## Code Blocks
-### Code block with backticks
+
+#### Code block with backticks
 
 ```html
 <!doctype html>
@@ -89,7 +90,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
 </html>
 ```
 
-### Code block indented with four spaces
+#### Code block indented with four spaces
 
     <!doctype html>
     <html lang="en">
@@ -102,7 +103,21 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
     </body>
     </html>
 
-### Diff code block
+#### Code block with Hugo's internal highlight shortcode
+{{< highlight html >}}
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+{{< /highlight >}}
+
+#### Diff code block
 
 ```diff
 [dependencies.bevy]
@@ -112,27 +127,21 @@ rev = "11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13"
 + features = ["jpeg", "dynamic"]
 ```
 
-### One line code block
-
-```html
-<p>A paragraph</p>
-```
-
 ## List Types
 
-### Ordered List
+#### Ordered List
 
 1. First item
 2. Second item
 3. Third item
 
-### Unordered List
+#### Unordered List
 
 * List item
 * Another item
 * And another item
 
-### Nested list
+#### Nested list
 
 * Fruit
   * Apple

go.mod

@@ -1,3 +1,3 @@
-module github.com/CaiJimmy/hugo-theme-stack/v4
+module github.com/CaiJimmy/hugo-theme-stack/v3
 
 go 1.17

i18n/ar.yaml

@@ -1,45 +1,74 @@
-toggleMenu: اخفي القائمة
+toggleMenu:
+    other: اخفي القائمة
 
-darkMode: الوضع الداكن
+darkMode:
+    other: الوضع الداكن
 
 list:
     page:
         one: "{{ .Count }} صفحه"
         other: "{{ .Count }} صفحات"
-    section: قسم
+
+    section:
+        other: قسم
+
     subsection:
         one: قسم فرعي
         other: اقسام فرعية
 
 article:
-    back: خلف
+    back:
-    tableOfContents: جدول المحتويات
+        other: خلف
-    relatedContent: محتوى مشابهه
+
-    lastUpdatedOn: التعديل الاخير
+    tableOfContents:
+        other: جدول المحتويات
+
+    relatedContent:
+        other: محتوى مشابهه
+        
+    lastUpdatedOn:
+        other: التعديل الاخير
+
     readingTime:
         one: "تُقرأ خلال دقيقة"
         other: "تُقرأ خلال {{ .Count }} دقائق"
 
 notFound:
-    title: غير موجود
+    title:
-    subtitle: تعذر العثور على الصفحة المطلوبة.
+        other: غير موجود
+
+    subtitle:
+        other: تعذر العثور على الصفحة المطلوبة.
 
 widget:
     archives:
-        title: الارشيفات
+        title:
-        more: اكثر
+            other: الارشيفات
+
+        more:
+            other: اكثر
 
     tagCloud:
-        title: وسوم
+        title:
+            other: وسوم
             
     categoriesCloud:
-        title: التصنيفات
+        title:
+            other: التصنيفات
 
 search:
-    title: بحث
+    title:
-    placeholder: اكتب...
+        other: بحث
-    resultTitle: "#PAGES_COUNT نتيجة (#TIME_SECONDS ثواني)"
+
+    placeholder:
+        other: اكتب...
+
+    resultTitle:
+        other: "#PAGES_COUNT نتيجة (#TIME_SECONDS ثواني)"
 
 footer:
-    builtWith: "مبني بستخدام {{ .Generator }}"
+    builtWith:
-    designedBy: "قالب {{ .Theme }} مصمم من {{ .DesignedBy }}"
+        other: "مبني بستخدام {{ .Generator }}"
+        
+    designedBy:
+        other:  "قالب {{ .Theme }} مصمم من {{ .DesignedBy }}"

i18n/bn.yaml

@@ -1,52 +1,73 @@
-toggleMenu: টগল মেনু
+toggleMenu:
+    other: টগল মেনু
 
-darkMode: ডার্ক মোড
+darkMode:
+    other: ডার্ক মোড
 
 list:
     page:
         one: "{{ .Count }} পাতা"
         other: "{{ .Count }} পাতা"
 
-    section: অনুচ্ছেদ
+    section:
+        other: অনুচ্ছেদ
 
     subsection:
         one: উপ-অনুচ্ছেদ
         other: উপ-অনুচ্ছেদ
 
 article:
-    back: পেছনে
+    back:
+        other: পেছনে
 
-    tableOfContents: সূচিপত্র
+    tableOfContents:
+        other: সূচিপত্র
 
-    relatedContent: সম্পর্কিত বিষয়বস্তু
+    relatedContent:
+        other: সম্পর্কিত বিষয়বস্তু
 
-    lastUpdatedOn: সর্বশেষ আপডেট করা হয়েছে
+    lastUpdatedOn:
+        other: সর্বশেষ আপডেট করা হয়েছে
 
     readingTime:
         one: "{{ .Count }} মিনিটে পড়া যাবে"
         other: "{{ .Count }} মিনিটে পড়া যাবে"
 
 notFound:
-    title: পাওয়া যায়নি
+    title:
+        other: পাওয়া যায়নি
 
-    subtitle: এই পাতাটি বিদ্যমান নেই
+    subtitle:
+        other: এই পাতাটি বিদ্যমান নেই
 
 widget:
     archives:
-        title: আর্কাইভ
+        title:
-        more: আরও
+            other: আর্কাইভ
+
+        more:
+            other: আরও
+
     tagCloud:
-        title: ট্যাগ
+        title:
+            other: ট্যাগ
     categoriesCloud:
-        title: বিভাগ
+        title:
+            other: বিভাগ
 
 search:
-    title: অনুসন্ধান
+    title:
+        other: অনুসন্ধান
 
-    placeholder: কিছু টাইপ করুন...
+    placeholder:
+        other: কিছু টাইপ করুন...
 
-    resultTitle: "#PAGES_COUNT পাতা (#TIME_SECONDS সেকেন্ড)"
+    resultTitle:
+        other: "#PAGES_COUNT পাতা (#TIME_SECONDS সেকেন্ড)"
 
 footer:
-    builtWith: "{{ .Generator }} দিয়ে নির্মিত"
+    builtWith:
-    designedBy: "থিম {{ .Theme }} ডিজাইন করেছেন {{ .DesignedBy }}"
+        other: "{{ .Generator }} দিয়ে নির্মিত"
+
+    designedBy:
+        other: "থিম {{ .Theme }} ডিজাইন করেছেন {{ .DesignedBy }}"

i18n/ca.yaml

@@ -1,43 +1,73 @@
-toggleMenu: Toggle Menu
+toggleMenu:
+    other: Toggle Menu
 
-darkMode: Mode fosc
+darkMode:
+    other: Mode fosc
 
 list:
     page:
         one: "{{ .Count }} pàgina"
         other: "{{ .Count }} pàgines"
-    section: Secció
+
+    section:
+        other: Secció
+
     subsection:
         one: Subsecció
         other: Subseccions
 
 article:
-    back: Tornar
+    back:
-    tableOfContents: Taula de contingut
+        other: Tornar
-    relatedContent: Continguts relacionats
+
-    lastUpdatedOn: Última vegada actualitzat
+    tableOfContents:
+        other: Taula de contingut
+
+    relatedContent:
+        other: Continguts relacionats
+
+    lastUpdatedOn:
+        other: Última vegada actualitzat
+
     readingTime:
         one: "{{ .Count }} minut a llegir"
         other: "{{ .Count }} minuts a llegir"
 
 notFound:
-    title: No Trobat
+    title:
-    subtitle: Aquesta pàgina no existeix
+        other: No Trobat
+
+    subtitle:
+        other: Aquesta pàgina no existeix
 
 widget:
     archives:
-        title: Arxiu
+        title:
-        more: Més
+            other: Arxiu
+
+        more:
+            other: Més
+
     tagCloud:
-        title: Etiquetes
+        title:
+            other: Etiquetes
     categoriesCloud:
-        title: Categories
+        title:
+            other: Categories
 
 search:
-    title: Cerca
+    title:
-    placeholder: Tecleja alguna cosa...
+        other: Cerca
-    resultTitle: "#PAGES_COUNT pàgines en (#TIME_SECONDS segons)"
+
+    placeholder:
+        other: Tecleja alguna cosa...
+
+    resultTitle:
+        other: "#PAGES_COUNT pàgines en (#TIME_SECONDS segons)"
 
 footer:
-    builtWith: Creat amb {{ .Generator }}
+    builtWith:
-    designedBy: Tema {{ .Theme }} dissenyat per {{ .DesignedBy }}
+        other: Creat amb {{ .Generator }}
+
+    designedBy:
+        other: Tema {{ .Theme }} dissenyat per {{ .DesignedBy }}

i18n/de.yaml

@@ -1,43 +1,74 @@
-toggleMenu: Menü umschalten
+toggleMenu:
+    other: Menü umschalten
 
-darkMode: Dunkler Modus
+darkMode:
+    other: Dunkler Modus
 
 list:
     page:
         one: "{{ .Count }} Seite"
         other: "{{ .Count }} Seiten"
-    section: Abschnitt
+
+    section:
+        other: Abschnitt
+
     subsection:
         one: Unterabschnitt
         other: Unterabschnitte
 
 article:
-    back: Zurück
+    back:
-    tableOfContents: Inhaltsverzeichnis
+        other: Zurück
-    relatedContent: Verwandte Inhalte
+
-    lastUpdatedOn: Zuletzt aktualisiert am
+    tableOfContents:
+        other: Inhaltsverzeichnis
+
+    relatedContent:
+        other: Verwandte Inhalte
+
+    lastUpdatedOn:
+        other: Zuletzt aktualisiert am
+
     readingTime:
         one: "{{ .Count }} Minute Lesezeit"
         other: "{{ .Count }} Minuten Lesezeit"
 
 notFound:
-    title: Seite nicht gefunden
+    title:
-    subtitle: Diese Seite existiert nicht
+        other: Seite nicht gefunden
+
+    subtitle:
+        other: Diese Seite existiert nicht
 
 widget:
     archives:
-        title: Archiv
+        title:
-        more: Weitere
+            other: Archiv
+
+        more:
+            other: Weitere
+
     tagCloud:
-        title: Schlagwörter
+        title:
+            other: Schlagwörter
+
     categoriesCloud:
-        title: Kategorien
+        title:
+            other: Kategorien
 
 search:
-    title: Suche
+    title:
-    placeholder: Etwas tippen...
+        other: Suche
-    resultTitle: "#PAGES_COUNT Seiten (#TIME_SECONDS Sekunden)"
+
+    placeholder:
+        other: Etwas tippen...
+
+    resultTitle:
+        other: "#PAGES_COUNT Seiten (#TIME_SECONDS Sekunden)"
 
 footer:
-    builtWith: Erstellt mit {{ .Generator }}
+    builtWith:
-    designedBy: Theme {{ .Theme }} gestaltet von {{ .DesignedBy }}
+        other: Erstellt mit {{ .Generator }}
+
+    designedBy:
+        other: Theme {{ .Theme }} gestaltet von {{ .DesignedBy }}

i18n/el.yaml

@@ -1,41 +1,70 @@
-toggleMenu: Εναλλαγή Μενού
+toggleMenu:
+    other: Εναλλαγή Μενού
 
-darkMode: Σκοτεινό θέμα
+darkMode:
+    other: Σκοτεινό θέμα
 
 list:
     page:
         one: "{{ .Count }} σελιδα"
         other: "{{ .Count }} σελιδες"
-    section: Ενότητα
+
+    section:
+        other: Ενότητα
+
     subsection:
         one: Υποενότητα
         other: Υποενότητες
 
 article:
-    back: Πισω
+    back:
-    tableOfContents: Πινακας περιεχομενων
+        other: Πισω
-    relatedContent: Σχετικο περιεχομενο
+
-    lastUpdatedOn: Τελευταια τροποποιηση στις
+    tableOfContents:
+        other: Πινακας περιεχομενων
+
+    relatedContent:
+        other: Σχετικο περιεχομενο
+
+    lastUpdatedOn:
+        other: Τελευταια τροποποιηση στις
+
     readingTime:
         one: "{{ .Count }} λεπτό ανάγνωσης"
+        ### Seems that there's no need to add 's' even if it's plural in English
         other: "{{ .Count }} λεπτά ανάγνωσης"
 
 notFound:
-    title: Δε βρέθηκε
+    title:
-    subtitle: Η σελίδα δε βρέθηκε.
+        other: Δε βρέθηκε
+    subtitle:
+        other: Η σελίδα δε βρέθηκε.
 
 widget:
     archives:
-        title: Αρχειο
+        title:
-        more: Περισσότερα
+            other: Αρχειο
+
+        more:
+            other: Περισσότερα
+
     tagCloud:
-        title: Tags
+        title:
+            other: Tags
 
 search:
-    title: Αναζήτηση
+    title:
-    placeholder: Πληκτρολογήστε κάτι...
+        other: Αναζήτηση
-    resultTitle: "#PAGES_COUNT σελιδες (#TIME_SECONDS δευτερολεπτα)"
+
+    placeholder:
+        other: Πληκτρολογήστε κάτι...
+
+    resultTitle:
+        other: "#PAGES_COUNT σελιδες (#TIME_SECONDS δευτερολεπτα)"
 
 footer:
-    builtWith: Δημιουργήθηκε με τη χρήση {{ .Generator }}
+    builtWith:
-    designedBy: Το θέμα {{ .Theme }} σχεδιάστηκε από το {{ .DesignedBy }}
+        other: Δημιουργήθηκε με τη χρήση {{ .Generator }}
+
+    designedBy:
+        other: Το θέμα {{ .Theme }} σχεδιάστηκε από το {{ .DesignedBy }}

i18n/en.yaml

@@ -1,46 +1,73 @@
-toggleMenu: Toggle Menu
+toggleMenu:
+    other: Toggle Menu
 
-darkMode: Dark Mode
+darkMode:
+    other: Dark Mode
 
 list:
     page:
         one: "{{ .Count }} page"
         other: "{{ .Count }} pages"
-    section: Section
+
+    section:
+        other: Section
+
     subsection:
         one: Subsection
         other: Subsections
 
 article:
-    back: Back
+    back:
-    tableOfContents: Table of contents
+        other: Back
-    relatedContent: Related content
+
-    lastUpdatedOn: Last updated on
+    tableOfContents:
+        other: Table of contents
+
+    relatedContent:
+        other: Related content
+
+    lastUpdatedOn:
+        other: Last updated on
+
     readingTime:
         one: "{{ .Count }} minute read"
         other: "{{ .Count }} minute read"
-    codeblock:
-        copy: Copy
-        copied: Copied!
 
 notFound:
-    title: Not Found
+    title:
-    subtitle: This page does not exist
+        other: Not Found
+
+    subtitle:
+        other: This page does not exist
 
 widget:
     archives:
-        title: Archives
+        title:
-        more: More
+            other: Archives
+
+        more:
+            other: More
+
     tagCloud:
-        title: Tags
+        title:
+            other: Tags
     categoriesCloud:
-        title: Categories
+        title:
+            other: Categories
 
 search:
-    title: Search
+    title:
-    placeholder: Type something...
+        other: Search
-    resultTitle: "#PAGES_COUNT pages (#TIME_SECONDS seconds)"
+
+    placeholder:
+        other: Type something...
+
+    resultTitle:
+        other: "#PAGES_COUNT pages (#TIME_SECONDS seconds)"
 
 footer:
-    builtWith: Built with {{ .Generator }}
+    builtWith:
-    designedBy: Theme {{ .Theme }} designed by {{ .DesignedBy }}
+        other: Built with {{ .Generator }}
+
+    designedBy:
+        other: Theme {{ .Theme }} designed by {{ .DesignedBy }}

i18n/es.yaml

@@ -1,43 +1,73 @@
-toggleMenu: Toggle Menu
+toggleMenu:
+    other: Toggle Menu
 
-darkMode: Modo oscuro
+darkMode:
+    other: Modo oscuro
 
 list:
     page:
         one: "{{ .Count }} página"
         other: "{{ .Count }} páginas"
-    section: Sección
+
+    section:
+        other: Sección
+
     subsection:
         one: Subsección
         other: Subsecciones
 
 article:
-    back: Volver
+    back:
-    tableOfContents: Tabla de contenido
+        other: Volver
-    relatedContent: Contenidos relacionados
+
-    lastUpdatedOn: Última vez actualizado
+    tableOfContents:
+        other: Tabla de contenido
+
+    relatedContent:
+        other: Contenidos relacionados
+
+    lastUpdatedOn:
+        other: Última vez actualizado
+
     readingTime:
         one: "{{ .Count }} minuto a leer"
         other: "{{ .Count }} minutos a leer"
 
 notFound:
-    title: No Encontrado
+    title:
-    subtitle: Esta página no existe
+        other: No Encontrado
+
+    subtitle:
+        other: Esta página no existe
 
 widget:
     archives:
-        title: Archivo
+        title:
-        more: Más
+            other: Archivo
+
+        more:
+            other: Más
+
     tagCloud:
-        title: Etiquetas
+        title:
+            other: Etiquetas
     categoriesCloud:
-        title: Categorías
+        title:
+            other: Categorías
 
 search:
-    title: Búsqueda
+    title:
-    placeholder: Teclea algo...
+        other: Búsqueda
-    resultTitle: "#PAGES_COUNT páginas en (#TIME_SECONDS segundos)"
+
+    placeholder:
+        other: Teclea algo...
+
+    resultTitle:
+        other: "#PAGES_COUNT páginas en (#TIME_SECONDS segundos)"
 
 footer:
-    builtWith: Creado con {{ .Generator }}
+    builtWith:
-    designedBy: Tema {{ .Theme }} diseñado por {{ .DesignedBy }}
+        other: Creado con {{ .Generator }}
+
+    designedBy:
+        other: Tema {{ .Theme }} diseñado por {{ .DesignedBy }}

i18n/fa.yaml

@@ -1,43 +1,73 @@
-toggleMenu: منو
+toggleMenu:
+    other: منو
 
-darkMode: حالت شب
+darkMode:
+    other: حالت شب
 
 list:
     page:
         one: "{{ .Count }} صفحه"
         other: "{{ .Count }} صفحه"
-    section: بخش
+
+    section:
+        other: بخش
+
     subsection:
         one: زیربخش
         other: زیربخش
 
 article:
-    back: قبلی
+    back:
-    tableOfContents: فهرست
+        other: قبلی
-    relatedContent: مطالب مرتبط
+
-    lastUpdatedOn: آخرین بروزرسانی در
+    tableOfContents:
+        other: فهرست
+
+    relatedContent:
+        other: مطالب مرتبط
+
+    lastUpdatedOn:
+        other: آخرین بروزرسانی در
+
     readingTime:
         one: "مطالعه در {{ .Count }} دقیقه"
         other: "مطالعه در {{ .Count }} دقیقه"
 
 notFound:
-    title: یافت نشد
+    title:
-    subtitle: این صحه وجود ندارد
+        other: یافت نشد
+
+    subtitle:
+        other: این صحه وجود ندارد
 
 widget:
     archives:
-        title: آرشیو
+        title:
-        more: بیشتر
+            other: آرشیو
+
+        more:
+            other: بیشتر
+
     tagCloud:
-        title: تگ ها
+        title:
+            other: تگ ها
     categoriesCloud:
-        title: دسته بندی
+        title:
+            other: دسته بندی
 
 search:
-    title: جستجو
+    title:
-    placeholder: تایپ کنید ...
+        other: جستجو
-    resultTitle: "#PAGES_COUNT صفحه (#TIME_SECONDS ثانیه)"
+
+    placeholder:
+        other: تایپ کنید ...
+
+    resultTitle:
+        other: "#PAGES_COUNT صفحه (#TIME_SECONDS ثانیه)"
 
 footer:
-    builtWith: قدرت گرفته از {{ .Generator }}
+    builtWith:
-    designedBy: قالب {{ .Theme }} ساخته شده توسط {{ .DesignedBy }}
+        other: قدرت گرفته از {{ .Generator }}
+
+    designedBy:
+        other: قالب {{ .Theme }} ساخته شده توسط {{ .DesignedBy }}

i18n/fr.yaml

@@ -1,41 +1,69 @@
-toggleMenu: Afficher le menu
+toggleMenu:
+    other: Afficher le menu
 
-darkMode: Mode sombre
+darkMode:
+    other: Mode sombre
 
 list:
     page:
         one: "{{ .Count }} page"
         other: "{{ .Count }} pages"
-    section: Section
+
+    section:
+        other: Section
+
     subsection:
         one: Sous-section
         other: Sous-sections
 
 article:
-    back: Retour
+    back:
-    tableOfContents: Table des matières
+        other: Retour
-    relatedContent: Contenus liés
+
-    lastUpdatedOn: Dernière mise à jour le
+    tableOfContents:
+        other: Table des matières
+
+    relatedContent:
+        other: Contenus liés
+
+    lastUpdatedOn:
+        other: Dernière mise à jour le
+
     readingTime:
         one: "{{ .Count }} minute de lecture"
         other: "{{ .Count }} minutes de lecture"
 
 notFound:
-    title: Page non trouvée
+    title:
-    subtitle: Cette page n'existe pas.
+        other: Page non trouvée
+    subtitle:
+        other: Cette page n'existe pas.
 
 widget:
     archives:
-        title: Archives
+        title:
-        more: Autres
+            other: Archives
+
+        more:
+            other: Autres
+
     tagCloud:
-        title: Mots clés
+        title:
+            other: Mots clés
 
 search:
-    title: Rechercher
+    title:
-    placeholder: Cherchez un article, une publication, etc.
+        other: Rechercher
-    resultTitle: "#PAGES_COUNT pages (#TIME_SECONDS secondes)"
+
+    placeholder:
+        other: Cherchez un article, une publication, etc.
+
+    resultTitle:
+        other: "#PAGES_COUNT pages (#TIME_SECONDS secondes)"
 
 footer:
-    builtWith: Généré avec {{ .Generator }}
+    builtWith:
-    designedBy: Thème {{ .Theme }} conçu par {{ .DesignedBy }}
+        other: Généré avec {{ .Generator }}
+
+    designedBy:
+        other: Thème {{ .Theme }} conçu par {{ .DesignedBy }}

i18n/hu.yaml

@@ -1,43 +1,73 @@
-toggleMenu: Menü Kapcsolása
+toggleMenu:
+    other: Menü Kapcsolása
 
-darkMode: Sötét Mód
+darkMode:
+    other: Sötét Mód
 
 list:
     page:
         one: "{{ .Count }} oldal"
         other: "{{ .Count }} oldalak"
-    section: Szekció
+
+    section:
+        other: Szekció
+
     subsection:
         one: Alszekció
         other: Alszekciók
 
 article:
-    back: Vissza
+    back:
-    tableOfContents: Tartalomjegyzék
+        other: Vissza
-    relatedContent: Kapcsolódó tartalom
+
-    lastUpdatedOn: Utolsó frissítés időpontja
+    tableOfContents:
+        other: Tartalomjegyzék
+
+    relatedContent:
+        other: Kapcsolódó tartalom
+
+    lastUpdatedOn:
+        other: Utolsó frissítés időpontja
+
     readingTime:
         one: "{{ .Count }} percnyi olvasmány"
         other: "{{ .Count }} percnyi olvasmány"
 
 notFound:
-    title: Nem található
+    title:
-    subtitle: Ez az oldal nem létezik
+        other: Nem található
+
+    subtitle:
+        other: Ez az oldal nem létezik
 
 widget:
     archives:
-        title: Archívum
+        title:
-        more: Több
+            other: Archívum
+
+        more:
+            other: Több
+
     tagCloud:
-        title: Cimkék
+        title:
+            other: Cimkék
     categoriesCloud:
-        title: Kategóriák
+        title:
+            other: Kategóriák
 
 search:
-    title: Keresés
+    title:
-    placeholder: Írj valamit...
+        other: Keresés
-    resultTitle: "#PAGES_COUNT oldal (#TIME_SECONDS másodperc alatt)"
+
+    placeholder:
+        other: Írj valamit...
+
+    resultTitle:
+        other: "#PAGES_COUNT oldal (#TIME_SECONDS másodperc alatt)"
 
 footer:
-    builtWith: "{{ .Generator }} használatával készült"
+    builtWith:
-    designedBy: A {{ .Theme }} dizájnt {{ .DesignedBy }} tervezte
+        other: "{{ .Generator }} használatával készült"
+
+    designedBy:
+        other: A {{ .Theme }} dizájnt {{ .DesignedBy }} tervezte

i18n/id.yaml

@@ -1,43 +1,73 @@
-toggleMenu: Tampilkan Menu
+toggleMenu:
+    other: Tampilkan Menu
 
-darkMode: Mode Gelap
+darkMode:
+    other: Mode Gelap
 
 list:
     page:
         one: "{{ .Count }} halaman"
         other: "{{ .Count }} halaman"
-    section: Bagian
+
+    section:
+        other: Bagian
+
     subsection:
         one: Subbagian
         other: Subbagian
 
 article:
-    back: Kembali
+    back:
-    tableOfContents: Daftar Isi
+        other: Kembali
-    relatedContent: Konten terkait
+
-    lastUpdatedOn: Terakhir diperbarui pada
+    tableOfContents:
+        other: Daftar Isi
+
+    relatedContent:
+        other: Konten terkait
+
+    lastUpdatedOn:
+        other: Terakhir diperbarui pada
+
     readingTime:
         one: "Waktu Membaca: {{ .Count }} menit"
         other: "Waktu Membaca: {{ .Count }} menit"
 
 notFound:
-    title: Tidak ditemukan
+    title:
-    subtitle: Halaman yang Anda akses tidak ditemukan.
+        other: Tidak ditemukan
+    subtitle:
+        other: Halaman yang Anda akses tidak ditemukan.
 
 widget:
     archives:
-        title: Arsip
+        title:
-        more: Lebih
+            other: Arsip
+
+        more:
+            other: Lebih
+
     tagCloud:
-        title: Tag
+        title:
+            other: Tag
+
     categoriesCloud:
-        title: Kategori
+        title:
+            other: Kategori
 
 search:
-    title: Cari
+    title:
-    placeholder: Ketik sesuatu...
+        other: Cari
-    resultTitle: "#PAGES_COUNT halaman (#TIME_SECONDS detik)"
+
+    placeholder:
+        other: Ketik sesuatu...
+
+    resultTitle:
+        other: "#PAGES_COUNT halaman (#TIME_SECONDS detik)"
 
 footer:
-    builtWith: Dibangun dengan {{ .Generator }}
+    builtWith:
-    designedBy: Tema {{ .Theme }} dirancang oleh {{ .DesignedBy }}
+        other: Dibangun dengan {{ .Generator }}
+
+    designedBy:
+        other: Tema {{ .Theme }} dirancang oleh {{ .DesignedBy }}

i18n/it.yaml

@@ -1,43 +1,73 @@
-toggleMenu: Toggle Menu
+toggleMenu:
+    other: Toggle Menu
 
-darkMode: Dark Mode
+darkMode:
+    other: Dark Mode
 
 list:
     page:
         one: "{{ .Count }} pagina"
         other: "{{ .Count }} pagine"
-    section: Sezione
+
+    section:
+        other: Sezione
+
     subsection:
         one: Sottosezione
         other: Sottosezioni
 
 article:
-    back: Indietro
+    back:
-    tableOfContents: Indice
+        other: Indietro
-    relatedContent: Contenuti correlati
+
-    lastUpdatedOn: Aggiornato il
+    tableOfContents:
+        other: Indice
+
+    relatedContent:
+        other: Contenuti correlati
+
+    lastUpdatedOn:
+        other: Aggiornato il
+
     readingTime:
         one: "{{ .Count }} min per leggere"
         other: "{{ .Count }} min per leggere"
 
 notFound:
-    title: Non trovato
+    title:
-    subtitle: Questa pagina non esiste.
+        other: Non trovato
+    subtitle:
+        other: Questa pagina non esiste.
 
 widget:
     archives:
-        title: Archivi
+        title:
-        more: Di più
+            other: Archivi
+
+        more:
+            other: Di più
+
     tagCloud:
-        title: Tags
+        title:
+            other: Tags
+
     categoriesCloud:
-        title: Categorie
+        title:
+            other: Categorie
 
 search:
-    title: Cerca
+    title:
-    placeholder: Scrivi qualcosa...
+        other: Cerca
-    resultTitle: "#PAGES_COUNT pagine (#TIME_SECONDS secondi)"
+
+    placeholder:
+        other: Scrivi qualcosa...
+
+    resultTitle:
+        other: "#PAGES_COUNT pagine (#TIME_SECONDS secondi)"
 
 footer:
-    builtWith: Realizzato con {{ .Generator }}
+    builtWith:
-    designedBy: Tema {{ .Theme }} realizzato da {{ .DesignedBy }}
+        other: Realizzato con {{ .Generator }}
+
+    designedBy:
+        other: Tema {{ .Theme }} realizzato da {{ .DesignedBy }}

i18n/ja.yaml

@@ -1,32 +1,60 @@
-toggleMenu: メニューを開く・閉じる
+toggleMenu:
+    other: メニューを開く・閉じる
 
-darkMode: ダークモード
+darkMode:
+    other: ダークモード
 
 article:
-    back: 前のページ
+    back:
-    tableOfContents: 目次
+        other: 前のページ
-    relatedContent: 関連するコンテンツ
+
-    lastUpdatedOn: 最終更新
+    tableOfContents:
-    readingTime: "読了時間: {{ .Count }}分"
+        other: 目次
+
+    relatedContent:
+        other: 関連するコンテンツ
+
+    lastUpdatedOn:
+        other: 最終更新
+
+    readingTime:
+        other: "読了時間: {{ .Count }}分"
 
 notFound:
-    title: 404 Not Found
+    title:
-    subtitle: 指定されたページは存在しません。
+        other: 404 Not Found
+    subtitle:
+        other: 指定されたページは存在しません。
 
 widget:
     archives:
-        title: アーカイブ
+        title:
-        more: さらに見る
+            other: アーカイブ
+
+        more:
+            other: さらに見る
+
     tagCloud:
-        title: タグ
+        title:
+            other: タグ
+
     categoriesCloud:
-        title: カテゴリ
+        title:
+            other: カテゴリ
 
 search:
-    title: 検索
+    title:
-    placeholder: 入力...
+        other: 検索
-    resultTitle: "#PAGES_COUNT 件 （#TIME_SECONDS 秒）"
+
+    placeholder:
+        other: 入力...
+
+    resultTitle:
+        other: "#PAGES_COUNT 件 （#TIME_SECONDS 秒）"
 
 footer:
-    builtWith: Built with {{ .Generator }}
+    builtWith:
-    designedBy: テーマ {{ .Theme }} は {{ .DesignedBy }} によって設計されています。
+        other: Built with {{ .Generator }}
+
+    designedBy:
+        other: テーマ {{ .Theme }} は {{ .DesignedBy }} によって設計されています。

i18n/ko.yaml

@@ -1,45 +1,72 @@
-toggleMenu: 메뉴 여닫기
+toggleMenu:
+    other: 메뉴 여닫기
 
-darkMode: 다크 모드
+darkMode:
+    other: 다크 모드
 
 list:
     page:
         one: "{{ .Count }} 페이지"
         other: "{{ .Count }} 페이지"
-    section: 섹션
+
+    section:
+        other: 섹션
+
     subsection:
         one: 서브섹션
         other: 서브섹션
 
 article:
-    back: 뒤로가기
+    back:
-    tableOfContents: 목차
+        other: 뒤로가기
-    relatedContent: 관련 글
+
-    lastUpdatedOn: "마지막 수정: "
+    tableOfContents:
+        other: 목차
+        
+    relatedContent:
+        other: 관련 글
+        
+    lastUpdatedOn:
+        other: "마지막 수정: "
+        
     readingTime:
         one: "{{ .Count }} 분 정도"
         other: "{{ .Count }} 분 정도"
 
 notFound:
-    title: 찾을 수 없음
+    title:
-    subtitle: 페이지를 찾을 수 없습니다.
+        other: 찾을 수 없음
+        
+    subtitle:
+        other: 페이지를 찾을 수 없습니다.
 
 widget:
     archives:
-        title: 보관함
+        title:
-        more: 더보기
+            other: 보관함
+        more:
+            other: 더보기
             
     categoriesCloud:
-        title: 카테고리
+        title:
+            other: 카테고리
             
     tagCloud:
-        title: 태그
+        title:
+            other: 태그
 
 search:
-    title: 검색
+    title:
-    placeholder: 검색어를 입력하세요...
+        other: 검색
-    resultTitle: "#PAGES_COUNT 페이지 (#TIME_SECONDS 초)"
+        
+    placeholder:
+        other: 검색어를 입력하세요...
+        
+    resultTitle:
+        other: "#PAGES_COUNT 페이지 (#TIME_SECONDS 초)"
 
 footer:
-    builtWith: "{{ .Generator }}로 만듦"
+    builtWith:
-    designedBy: "{{ .DesignedBy }}의 {{ .Theme }} 테마 사용 중"
+        other: "{{ .Generator }}로 만듦"
+    designedBy:
+        other: "{{ .DesignedBy }}의 {{ .Theme }} 테마 사용 중"

i18n/nl.yaml

@@ -1,38 +1,57 @@
-toggleMenu: Open Menu
+toggleMenu:
+    other: Open Menu
 
-darkMode: Donkere modus
+darkMode:
+    other: Donkere modus
 
 list:
     page:
         one: "{{ .Count }} pagina"
         other: "{{ .Count }} pagina's"
-    section: Sectie
+
+    section:
+        other: Sectie
+
     subsection:
         one: Subsectie
         other: Subsecties
 
 article:
-    relatedContent: Gerelateerde inhoud
+    relatedContent:
-    lastUpdatedOn: Laatst bijgewerkt op
+        other: Gerelateerde inhoud
+    lastUpdatedOn:
+        other: Laatst bijgewerkt op
 
 notFound:
-    title: Niet gevonden
+    title:
-    subtitle: Deze pagina bestaat niet.
+        other: Niet gevonden
+    subtitle:
+        other: Deze pagina bestaat niet.
 
 widget:
     archives:
-        title: Archief
+        title:
-        more: Meer
+            other: Archief
+        more:
+            other: Meer
     tagCloud:
-        title: Tags
+        title:
+            other: Tags
+
     categoriesCloud:
-        title: Categorie
+        title:
+            other: Categorie
 
 search:
-    title: Zoeken
+    title:
-    placeholder: Typ iets
+        other: Zoeken
-    resultTitle: "#PAGES_COUNT pagina's (#TIME_SECONDS seconden)"
+    placeholder:
+        other: Typ iets
+    resultTitle:
+        other: "#PAGES_COUNT pagina's (#TIME_SECONDS seconden)"
 
 footer:
-    builtWith: Gemaakt met {{ .Generator }}
+    builtWith:
-    designedBy: Theme {{ .Theme }} ontworpen door {{ .DesignedBy }}
+        other: Gemaakt met {{ .Generator }}
+    designedBy:
+        other: Theme {{ .Theme }} ontworpen door {{ .DesignedBy }}

i18n/pl.yaml

@@ -1,43 +1,73 @@
-toggleMenu: Przełącz Menu
+toggleMenu:
+    other: Przełącz Menu
 
-darkMode: Tryb ciemny
+darkMode:
+    other: Tryb ciemny
 
 list:
     page:
         one: "{{ .Count }} strona"
         other: "{{ .Count }} stron"
-    section: Sekcja
+
+    section:
+        other: Sekcja
+
     subsection:
         one: Podsekcja
         other: Podsekcje
 
 article:
-    back: Wróć
+    back:
-    tableOfContents: Spis treści
+        other: Wróć
-    relatedContent: Powiązane artykuły
+
-    lastUpdatedOn: Ostatnio zaktualizowany
+    tableOfContents:
+        other: Spis treści
+
+    relatedContent:
+        other: Powiązane artykuły
+
+    lastUpdatedOn:
+        other: Ostatnio zaktualizowany
+    
     readingTime:
         one: "Przeczytasz w {{ .Count }} minutę"
         other: "Przeczytasz w {{ .Count }} minut"
 
 notFound:
-    title: Nie znaleziono
+    title:
-    subtitle: Ta strona nie istnieje
+        other: Nie znaleziono
+    subtitle:
+        other: Ta strona nie istnieje
 
 widget:
     archives:
-        title: Archiwum
+        title:
-        more: Więcej
+            other: Archiwum
+
+        more:
+            other: Więcej
+
     tagCloud:
-        title: Tagi
+        title:
+            other: Tagi
+    
     categoriesCloud:
-        title: Kategorie
+        title:
+            other: Kategorie
 
 search:
-    title: Szukaj
+    title:
-    placeholder: Wpisz coś...
+        other: Szukaj
-    resultTitle: "#PAGES_COUNT stron (#TIME_SECONDS sekund)"
+
+    placeholder:
+        other: Wpisz coś...
+
+    resultTitle:
+        other: "#PAGES_COUNT stron (#TIME_SECONDS sekund)"
 
 footer:
-    builtWith: Zbudowano z {{ .Generator }}
+    builtWith:
-    designedBy: Motyw {{ .Theme }} zaprojektowany przez {{ .DesignedBy }}
+        other: Zbudowano z {{ .Generator }}
+
+    designedBy:
+        other: Motyw {{ .Theme }} zaprojektowany przez {{ .DesignedBy }}

i18n/pt-br.yaml

@@ -1,45 +1,67 @@
-toggleMenu: Alternar Menu
+toggleMenu:
+    other: Alternar Menu
 
-darkMode: Modo Escuro
+darkMode:
+    other: Modo Escuro
 
 list:
     page:
         one: "{{ .Count }} página"
         other: "{{ .Count }} páginas"
-    section: Seção
+
+    section:
+        other: Seção
+
     subsection:
         one: Subseção
         other: Subseções
 
 article:
-    back: Voltar
+    back:
-    tableOfContents: Índice
+        other: Voltar
-    relatedContent: Conteúdo relacionado
+
-    lastUpdatedOn: Última atualização em
+    tableOfContents:
+        other: Índice
+
+    relatedContent:
+        other: Conteúdo relacionado
+
+    lastUpdatedOn:
+        other: Última atualização em
+
     readingTime:
         one: "{{ .Count }} minuto de leitura"
         other: "{{ .Count }} minutos de leitura"
 
 notFound:
-    title: Não Encontrado
+    title:
-    subtitle: Esta página não existe.
+        other: Não Encontrado
+    subtitle:
+        other: Esta página não existe.
 
 widget:
     archives:
-        title: Arquivos
+        title:
-        more: Mais
+            other: Arquivos
-
+        more:
+            other: Mais
     tagCloud:
-        title: Tags
+        title:
-
+            other: Tags
     categoriesCloud:
-        title: Categorias
+        title:
+            other: Categorias
 
 search:
-    title: Busca
+    title:
-    placeholder: Digite algo...
+        other: Busca
-    resultTitle: "#PAGES_COUNT páginas (#TIME_SECONDS segundos)"
+    placeholder:
+        other: Digite algo...
+    resultTitle:
+        other: "#PAGES_COUNT páginas (#TIME_SECONDS segundos)"
 
 footer:
-    builtWith: Criado com {{ .Generator }}
+    builtWith:
-    designedBy: Tema {{ .Theme }} desenvolvido por {{ .DesignedBy }}
+        other: Criado com {{ .Generator }}
+    designedBy:
+        other: Tema {{ .Theme }} desenvolvido por {{ .DesignedBy }}

i18n/ru.yaml

@@ -1,6 +1,8 @@
-toggleMenu: Показать/скрыть меню
+toggleMenu:
+    other: Показать/скрыть меню
 
-darkMode: Тёмный режим
+darkMode:
+    other: Тёмный режим
 
 list:
     page:
@@ -8,7 +10,10 @@ list:
         few: "{{ .Count }} страницы"
         many: "{{ .Count }} страниц"
         other: "{{ .Count }} страниц"
-    section: Раздел
+
+    section:
+        other: Раздел
+
     subsection:
         one: Подраздел
         few: Подразделы
@@ -16,28 +21,43 @@ list:
         other: Подразделы
 
 article:
-    back: Назад
+    back:
-    relatedContent: Также рекомендуем
+        other: Назад
-    lastUpdatedOn: Обновлено
+    relatedContent:
-    tableOfContents: Содержание
+        other: Также рекомендуем
-    readingTime: "Время чтения: {{ .Count }} мин."
+    lastUpdatedOn:
+        other: Обновлено
+    tableOfContents: 
+        other: Содержание
+    readingTime: 
+        other: "Время чтения: {{ .Count }} мин."
 
 notFound:
-    title: Не найдено
+    title:
-    subtitle: Запрашиваемая страница не существует
+        other: Не найдено
+    subtitle:
+        other: Запрашиваемая страница не существует
 
 widget:
     archives:
-        title: Архивы
+        title:
-        more: Ещё
+            other: Архивы
+        more:
+            other: Ещё
     tagCloud:
-        title: Теги
+        title:
+            other: Теги
 
 search:
-    title: Поиск
+    title:
-    placeholder: Введите что-нибудь...
+        other: Поиск
-    resultTitle: "Найдено #PAGES_COUNT страниц (за #TIME_SECONDS с.)"
+    placeholder:
+        other: Введите что-нибудь...
+    resultTitle:
+        other: "Найдено #PAGES_COUNT страниц (за #TIME_SECONDS с.)"
 
 footer:
-    builtWith: Создано при помощи {{ .Generator }}
+    builtWith:
-    designedBy: Тема {{ .Theme }}, дизайн {{ .DesignedBy }}
+        other: Создано при помощи {{ .Generator }}
+    designedBy:
+        other: Тема {{ .Theme }}, дизайн {{ .DesignedBy }}

i18n/th.yaml

@@ -1,41 +1,70 @@
-toggleMenu: สลับเมนู
+toggleMenu:
+    other: สลับเมนู
 
-darkMode: ธีมมืด
+darkMode:
+    other: ธีมมืด
 
 list:
     page:
         one: "{{ .Count }} หน้า"
         other: "{{ .Count }} หน้า"
-    section: หมวดหมู่
+
+    section:
+        other: หมวดหมู่
+
     subsection:
         one: หมวดหมู่ย่อย
         other: หมวดหมู่ย่อยอื่นๆ
 
 article:
-    back: กลับไป
+    back:
-    tableOfContents: สารบัญ
+        other: กลับไป
-    relatedContent: เนื้อหาคล้ายคลึงกัน
+
-    lastUpdatedOn: อัปเดตล่าสุดเมื่อ
+    tableOfContents:
+        other: สารบัญ
+
+    relatedContent:
+        other: เนื้อหาคล้ายคลึงกัน
+
+    lastUpdatedOn:
+        other: อัปเดตล่าสุดเมื่อ
+
     readingTime:
         one: "น่าจะใช้เวลา {{ .Count }} นาทีในการอ่าน"
         other: "น่าจะใช้เวลา {{ .Count }} นาทีในการอ่าน"
 
 notFound:
-    title: ไม่พบหัวข้อ
+    title:
-    subtitle: ไม่พบหน้านี้ในระบบ
+        other: ไม่พบหัวข้อ
+
+    subtitle:
+        other: ไม่พบหน้านี้ในระบบ
 
 widget:
     archives:
-        title: เนื้อหาที่เก็บถาวรแล้ว
+        title:
-        more: อื่นๆ นอกจากนี้
+            other: เนื้อหาที่เก็บถาวรแล้ว
+
+        more:
+            other: อื่นๆ นอกจากนี้
+
     tagCloud:
-        title: แท็ก
+        title:
+            other: แท็ก
 
 search:
-    title: ค้นหา
+    title:
-    placeholder: พิมพ์เพื่อค้นหา ...
+        other: ค้นหา
-    resultTitle: "#PAGES_COUNT pages (#TIME_SECONDS seconds)"
+
+    placeholder:
+        other: พิมพ์เพื่อค้นหา ...
+
+    resultTitle:
+        other: "#PAGES_COUNT pages (#TIME_SECONDS seconds)"
 
 footer:
-    builtWith: ถูกสร้างด้วย {{ .Generator }}
+    builtWith:
-    designedBy: ธีม {{ .Theme }} ออกแบบโดย {{ .DesignedBy }}
+        other: ถูกสร้างด้วย {{ .Generator }}
+
+    designedBy:
+        other: ธีม {{ .Theme }} ออกแบบโดย {{ .DesignedBy }}

i18n/tr.yaml

@@ -1,36 +1,53 @@
-toggleMenu: Menüyü Gizle
+toggleMenu:
+    other: Menüyü Gizle
 
-darkMode: Koyu Mod
+darkMode:
+    other: Koyu Mod
 
 list:
     page:
         one: "{{ .Count }} makale"
         other: "{{ .Count }} makale"
-    section: Bölüm
+
+    section:
+        other: Bölüm
+
     subsection:
         one: Alt bölüm
         other: Alt bölümler
 
 article:
-    relatedContent: Alakalı içerikler
+    relatedContent:
-    lastUpdatedOn: Son güncelleme
+        other: Alakalı içerikler
+    lastUpdatedOn:
+        other: Son güncelleme
 
 notFound:
-    title: Bulunamadı
+    title:
-    subtitle: Aradığınız sayfa mevcut değil.
+        other: Bulunamadı
+    subtitle:
+        other: Aradığınız sayfa mevcut değil.
 
 widget:
     archives:
-        title: Arşiv
+        title:
-        more: Daha fazla
+            other: Arşiv
+        more:
+            other: Daha fazla
     tagCloud:
-        title: Etiketler
+        title:
+            other: Etiketler
 
 search:
-    title: Arama
+    title:
-    placeholder: Birşeyler yazın...
+        other: Arama
-    resultTitle: "#PAGES_COUNT sayfa (#TIME_SECONDS saniye)"
+    placeholder:
+        other: Birşeyler yazın...
+    resultTitle:
+        other: "#PAGES_COUNT sayfa (#TIME_SECONDS saniye)"
 
 footer:
-    builtWith: "{{ .Generator }} ile oluşturuldu."
+    builtWith:
-    designedBy: "{{ .Theme }} teması {{ .DesignedBy }} tarafından tasarlandı"
+        other: "{{ .Generator }} ile oluşturuldu."
+    designedBy:
+        other: "{{ .Theme }} teması {{ .DesignedBy }} tarafından tasarlandı"

i18n/uk.yaml

@@ -1,42 +1,71 @@
-toggleMenu: Показати меню
+toggleMenu:
+    other: Показати меню
 
-darkMode: Темна тема
+darkMode:
+    other: Темна тема
 
 list:
     page:
         one: "{{ .Count }} сторінка"
         few: "{{ .Count }} сторінки"
         other: "{{ .Count }} сторінок"
-    section: Секція
+
+    section:
+        other: Секція
+
     subsection:
         one: Підсекція
         other: Підсекції
 
 article:
-    back: Назад
+    back:
-    tableOfContents: Зміст
+        other: Назад
-    relatedContent: Схожі матеріали
+
-    lastUpdatedOn: Востаннє оновлено
+    tableOfContents:
+        other: Зміст
+
+    relatedContent:
+        other: Схожі матеріали
+
+    lastUpdatedOn:
+        other: Востаннє оновлено
+
     readingTime:
         one: "Час читання: {{ .Count }} хв"
         other: "Час читання: {{ .Count }} хв"
 
 notFound:
-    title: Не знайдено
+    title:
-    subtitle: Ця сторінка не існує
+        other: Не знайдено
+
+    subtitle:
+        other: Ця сторінка не існує
 
 widget:
     archives:
-        title: Архіви
+        title:
-        more: Більше
+            other: Архіви
+
+        more:
+            other: Більше
+
     tagCloud:
-        title: Теґи
+        title:
+            other: Теґи
 
 search:
-    title: Пошук
+    title:
-    placeholder: Напишіть що-небудь...
+        other: Пошук
-    resultTitle: "#PAGES_COUNT сторінок (#TIME_SECONDS секунд)"
+
+    placeholder:
+        other: Напишіть що-небудь...
+
+    resultTitle:
+        other: "#PAGES_COUNT сторінок (#TIME_SECONDS секунд)"
 
 footer:
-    builtWith: Створено з {{ .Generator }}
+    builtWith:
-    designedBy: Тема {{ .Theme }}, дизайн {{ .DesignedBy }}
+        other: Створено з {{ .Generator }}
+
+    designedBy:
+        other: Тема {{ .Theme }}, дизайн {{ .DesignedBy }}

i18n/zh-cn.yaml

@@ -1,32 +1,60 @@
-toggleMenu: 切换菜单
+toggleMenu:
+    other: 切换菜单
 
-darkMode: 暗色模式
+darkMode:
+    other: 暗色模式
 
 article:
-    back: 返回
+    back:
-    tableOfContents: 目录
+        other: 返回
-    relatedContent: 相关文章
+
-    lastUpdatedOn: 最后更新于
+    tableOfContents:
-    readingTime: "阅读时长: {{ .Count }} 分钟"
+        other: 目录
+
+    relatedContent:
+        other: 相关文章
+
+    lastUpdatedOn:
+        other: 最后更新于
+
+    readingTime:
+        other: "阅读时长: {{ .Count }} 分钟"
 
 notFound:
-    title: 404 错误
+    title:
-    subtitle: 页面不存在
+        other: 404 错误
+    subtitle:
+        other: 页面不存在
 
 widget:
     archives:
-        title: 归档
+        title:
-        more: 更多
+            other: 归档
+
+        more:
+            other: 更多
+
     tagCloud:
-        title: 标签云
+        title:
+            other: 标签云
+
     categoriesCloud:
-        title: 分类
+        title:
+            other: 分类
 
 search:
-    title: 搜索
+    title:
-    placeholder: 输入关键词...
+        other: 搜索
-    resultTitle: "#PAGES_COUNT 个结果 （用时 #TIME_SECONDS 秒）"
+
+    placeholder:
+        other: 输入关键词...
+
+    resultTitle:
+        other: "#PAGES_COUNT 个结果 （用时 #TIME_SECONDS 秒）"
 
 footer:
-    builtWith: Built with {{ .Generator }}
+    builtWith:
-    designedBy: 主题 {{ .Theme }} 由 {{ .DesignedBy }} 设计
+        other: Built with {{ .Generator }}
+
+    designedBy:
+        other: 主题 {{ .Theme }} 由 {{ .DesignedBy }} 设计

i18n/zh-hk.yaml

@@ -1,43 +1,73 @@
-toggleMenu: 切換選單
+toggleMenu:
+    other: 切換選單
 
-darkMode: 深色模式
+darkMode:
+    other: 深色模式
 
 list:
     page:
         one: "第 {{ .Count }} 頁"
         other: "第 {{ .Count }} 頁"
-    section: Section
+
+    section:
+        other: Section
+
     subsection:
         one: Subsection
         other: Subsections
 
 article:
-    back: 返回
+    back:
-    tableOfContents: 目錄
+        other: 返回
-    relatedContent: 相關內容
+
-    lastUpdatedOn: 上次改過於
+    tableOfContents:
+        other: 目錄
+
+    relatedContent:
+        other: 相關內容
+
+    lastUpdatedOn:
+        other: 上次改過於
+
     readingTime:
         one: "需要 {{ .Count }} 分鐘閱讀"
         other: "需要 {{ .Count }} 分鐘閱讀"
 
 notFound:
-    title: Not Found
+    title:
-    subtitle: 頁面不存在
+        other: Not Found
+
+    subtitle:
+        other: 頁面不存在
 
 widget:
     archives:
-        title: Archives
+        title:
-        more: 更多
+            other: Archives
+
+        more:
+            other: 更多
+
     tagCloud:
-        title: Tags
+        title:
+            other: Tags
     categoriesCloud:
-        title: Categories
+        title:
+            other: Categories
 
 search:
-    title: 搜尋
+    title:
-    placeholder: Type 關鍵字...
+        other: 搜尋
-    resultTitle: "#PAGES_COUNT pages (#TIME_SECONDS seconds)"
+
+    placeholder:
+        other: Type 關鍵字...
+
+    resultTitle:
+        other: "#PAGES_COUNT pages (#TIME_SECONDS seconds)"
 
 footer:
-    builtWith: Built with {{ .Generator }}
+    builtWith:
-    designedBy: 主題 {{ .Theme }} 由 {{ .DesignedBy }} 設計
+        other: Built with {{ .Generator }}
+
+    designedBy:
+        other: 主題 {{ .Theme }} 由 {{ .DesignedBy }} 設計

i18n/zh-tw.yaml

@@ -1,26 +1,49 @@
-toggleMenu: 切換選單
+toggleMenu:
+    other: 切換選單
 
-darkMode: 夜晚模式
+darkMode:
+    other: 夜晚模式
 
 article:
-    back: 返回
+    back:
-    tableOfContents: 目錄
+        other: 返回
-    relatedContent: 相關文章
+
-    lastUpdatedOn: 最後更新
+    tableOfContents:
-    readingTime: "閱讀時間: {{ .Count }} 分鐘"
+        other: 目錄
+
+    relatedContent:
+        other: 相關文章
+
+    lastUpdatedOn:
+        other: 最後更新
+
+    readingTime:
+        other: "閱讀時間: {{ .Count }} 分鐘"
 
 notFound:
-    title: 404 錯誤
+    title:
-    subtitle: 頁面不存在
+        other: 404 錯誤
+    subtitle:
+        other: 頁面不存在
 
 widget:
     archives:
-        title: 紀錄
+        title:
-        more: 更多
+            other: 紀錄
+
+        more:
+            other: 更多
+
     tagCloud:
-        title: 標籤雲
+        title:
+            other: 標籤雲
 
 search:
-    title: 搜尋
+    title:
-    placeholder: 輸入關鍵字...
+        other: 搜尋
-    resultTitle: "#PAGES_COUNT 個結果 （用時 #TIME_SECONDS 秒）"
+
+    placeholder:
+        other: 輸入關鍵字...
+
+    resultTitle:
+        other: "#PAGES_COUNT 個結果 （用時 #TIME_SECONDS 秒）"

layouts/_default/_markup/render-codeblock.html

@@ -1,20 +0,0 @@
-{{- $class := .Attributes.class | default ""    -}}
-{{- $lang  := .Attributes.lang  | default .Type -}}
-<div class="codeblock">
-    <header>
-        <span class="codeblock-lang">{{ $lang }}</span>
-        <button 
-            class="codeblock-copy"
-            data-id="codeblock-id-{{ .Ordinal }}"
-            data-copied-text="{{ T `article.codeblock.copied` }}"
-        >
-            {{ T `article.codeblock.copy` }}
-        </button>
-    </header>
-    <code id="codeblock-id-{{ .Ordinal }}" style="display:none;">{{- .Inner -}}</code>
-    {{- if transform.CanHighlight $lang -}}
-    <div class="{{ $class }}">{{- highlight .Inner $lang -}}</div>
-    {{- else -}}
-    <pre><code class="{{ $class }}">{{- .Inner -}}</code></pre>
-    {{- end -}}
-</div>

layouts/_default/_markup/render-image.html

@@ -17,7 +17,7 @@
 		{{- $Height = $image.Height -}}
 		{{- $galleryImage = true -}}
 
-		{{- if .Page.Site.Params.imageProcessing.content.enabled -}}
+		{{- if (default true .Page.Site.Params.imageProcessing.content.enabled) -}}
 			{{- $small := $image.Resize `480x` -}}
 			{{- $big := $image.Resize `1024x` -}}
 			{{- $Srcset = printf `%s 480w, %s 1024w` $small.RelPermalink $big.RelPermalink -}}

layouts/_default/archives.html

@@ -16,8 +16,10 @@
     </header>
 
     {{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }}
+    {{ $notHidden := where .Site.RegularPages "Params.hidden" "!=" true }}
+    {{ $filtered := ($pages | intersect $notHidden) }}
 
-    {{ range $pages.GroupByDate "2006" }}
+    {{ range $filtered.GroupByDate "2006" }}
     {{ $id := lower (replace .Key " " "-") }}
     <div class="archives-group" id="{{ $id }}">
         <h2 class="archives-date section-title"><a href="{{ $.RelPermalink }}#{{ $id }}">{{ .Key }}</a></h2>

layouts/_default/list.html

@@ -25,7 +25,7 @@
                         {{- $Width := $image.resource.Width -}}
                         {{- $Height := $image.resource.Height -}}
     
-                        {{- if .Page.Site.Params.imageProcessing.cover.enabled -}}
+                        {{- if (default true .Page.Site.Params.imageProcessing.cover.enabled) -}}
                             {{- $thumbnail := $image.resource.Fill "120x120" -}}
                             {{- $Permalink = $thumbnail.RelPermalink -}}
                             {{- $Width = $thumbnail.Width -}}

layouts/_default/rss.xml

@@ -6,6 +6,7 @@
 {{- else -}}
 {{- $pages = $pctx.Pages -}}
 {{- end -}}
+{{- $pages := where $pages "Params.hidden" "!=" true -}}
 {{- $limit := .Site.Config.Services.RSS.Limit -}}
 {{- if ge $limit 1 -}}
 {{- $pages = $pages | first $limit -}}

layouts/index.html

@@ -1,6 +1,9 @@
 {{ define "main" }}
     {{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }}
-    {{ $pag := .Paginate ($pages) }}
+    {{ $notHidden := where .Site.RegularPages "Params.hidden" "!=" true }}
+    {{ $filtered := ($pages | intersect $notHidden) }}
+    {{ $pag := .Paginate ($filtered) }}
+
     <section class="article-list">
         {{ range $index, $element := $pag.Pages }}
             {{ partial "article-list/default" . }}

layouts/page/search.json

@@ -1,13 +1,16 @@
 {{- $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections -}}
+{{- $notHidden := where .Site.RegularPages "Params.hidden" "!=" true -}}
+{{- $filtered := ($pages | intersect $notHidden) -}}
+
 {{- $result := slice -}}
 
-{{- range $pages -}}
+{{- range $filtered -}}
     {{- $data := dict "title" .Title "date" .Date "permalink" .Permalink "content" (.Plain) -}}
 
     {{- $image := partialCached "helper/image" (dict "Context" . "Type" "articleList") .RelPermalink "articleList" -}}
     {{- if $image.exists -}}
         {{- $imagePermalink := "" -}}
-        {{- if and $image.resource .Page.Site.Params.imageProcessing.cover.enabled -}}
+        {{- if and $image.resource (default true .Page.Site.Params.imageProcessing.cover.enabled) -}}
             {{- $thumbnail := $image.resource.Fill "120x120" -}}
             {{- $imagePermalink = (absURL $thumbnail.Permalink) -}}
         {{- else -}}

layouts/partials/article-list/compact.html

@@ -19,7 +19,7 @@
                     {{- $Width := $image.resource.Width -}}
                     {{- $Height := $image.resource.Height -}}
 
-                    {{- if .Page.Site.Params.imageProcessing.cover.enabled -}}
+                    {{- if (default true .Page.Site.Params.imageProcessing.cover.enabled) -}}
                         {{- $thumbnail := $image.resource.Fill "120x120" -}}
                         {{- $Permalink = $thumbnail.RelPermalink -}}
                         {{- $Width = $thumbnail.Width -}}

layouts/partials/article/components/header.html

@@ -9,7 +9,7 @@
                     {{- $Height := $image.resource.Height -}}
                     {{- $Srcset := "" -}}
                     
-                    {{- if .Page.Site.Params.imageProcessing.cover.enabled -}}
+                    {{- if (default true .Page.Site.Params.imageProcessing.cover.enabled) -}}
                         {{- $thumbnail := $image.resource.Resize "800x" -}}
                         {{- $thumbnailRetina := $image.resource.Resize "1600x" -}}
                         {{- $Srcset = printf "%s 800w, %s 1600w" $thumbnail.RelPermalink $thumbnailRetina.RelPermalink -}}

layouts/partials/article/components/photoswipe.html

@@ -1,20 +1,68 @@
-{{- $opts := dict "minify" hugo.IsProduction "format" "esm" -}}
+<!-- Root element of PhotoSwipe. Must have class pswp. -->
-{{- $galleryScript := resources.Get "ts/gallery.ts" | js.Build $opts -}}
+<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
 
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@5.2.7/dist/photoswipe.css"
+    <!-- Background of PhotoSwipe. 
-    integrity="sha256-olf9rfn3AG8zR6lkPXkN3PZq63z8tElx7Ela6T4eklo=" crossorigin="anonymous">
+         It's a separate element as animating opacity is faster than rgba(). -->
+    <div class="pswp__bg"></div>
 
-<script type="module">
+    <!-- Slides wrapper with overflow:hidden. -->
-    import StackGallery from '{{ $galleryScript.RelPermalink }}';
+    <div class="pswp__scroll-wrap">
-    import PhotoSwipeLightbox from 'https://cdn.jsdelivr.net/npm/photoswipe@5.2.7/dist/photoswipe-lightbox.esm.min.js';
 
-    console.log(StackGallery)
+        <!-- Container that holds slides. 
-    StackGallery(document.querySelector('.article-content'));
+            PhotoSwipe keeps only 3 of them in the DOM to save memory.
+            Don't modify these 3 pswp__item elements, data is added later on. -->
+        <div class="pswp__container">
+            <div class="pswp__item"></div>
+            <div class="pswp__item"></div>
+            <div class="pswp__item"></div>
+        </div>
 
-    const lightbox = new PhotoSwipeLightbox({
+        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
-        gallery: '.article-content',
+        <div class="pswp__ui pswp__ui--hidden">
-        children: '.gallery-image a',
+
-        pswpModule: () => import('https://cdn.jsdelivr.net/npm/photoswipe@5.2.7/dist/photoswipe.esm.min.js')
+            <div class="pswp__top-bar">
-    });
+
-    lightbox.init();
+                <!--  Controls are self-explanatory. Order can be changed. -->
-</script>
+
+                <div class="pswp__counter"></div>
+
+                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
+
+                <button class="pswp__button pswp__button--share" title="Share"></button>
+
+                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
+
+                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
+
+                <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR -->
+                <!-- element will get class pswp__preloader--active when preloader is running -->
+                <div class="pswp__preloader">
+                    <div class="pswp__preloader__icn">
+                        <div class="pswp__preloader__cut">
+                            <div class="pswp__preloader__donut"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
+                <div class="pswp__share-tooltip"></div>
+            </div>
+
+            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
+            </button>
+
+            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
+            </button>
+
+            <div class="pswp__caption">
+                <div class="pswp__caption__center"></div>
+            </div>
+
+        </div>
+
+    </div>
+
+</div>
+
+{{- partial "helper/external" (dict "Context" . "Namespace" "PhotoSwipe") -}}

layouts/partials/article/components/related-content.html

@@ -1,4 +1,4 @@
-{{ $related := .Site.RegularPages.Related . | first 5 }}
+{{ $related := (where (.Site.RegularPages.Related .) "Params.hidden" "!=" true) | first 5 }}
 {{ with $related }}
 <aside class="related-content--wrapper">
     <h2 class="section-title">{{ T "article.relatedContent" }}</h2>

layouts/partials/data/title.html

@@ -6,7 +6,9 @@
 
     <!-- Build paginator -->
     {{ $pages := where .Site.RegularPages "Section" "in" .Site.Params.mainSections }}
-    {{ $pag := .Paginate ($pages) }}
+    {{ $notHidden := where .Site.RegularPages "Params.hidden" "!=" true }}
+    {{ $filtered := ($pages | intersect $notHidden) }}
+    {{ $pag := .Paginate ($filtered) }}
 
     {{ if .Paginator.HasPrev }}
         <!-- Paginated. Append page number to title -->
@@ -18,7 +20,8 @@
     <!-- Taxonomy page -->
 
     <!-- Build paginator -->
-    {{ $pag := .Paginate .Pages }}
+    {{ $notHidden := where .Pages "Params.hidden" "!=" true }}
+    {{ $pag := .Paginate ($notHidden) }}
 
     <!-- {TAXONOMY_TYPE}: {TAXONOMY_TERM} -->
     {{ $title = slice (title .Data.Singular) ": " $title }}

layouts/partials/footer/components/script.html

@@ -1,3 +1,5 @@
+{{- partial "helper/external" (dict "Context" . "Namespace" "Vibrant") -}}
+
 {{- $opts := dict "minify" hugo.IsProduction -}}
 {{- $script := resources.Get "ts/main.ts" | js.Build $opts -}}
 

layouts/partials/footer/footer.html

@@ -1,4 +1,4 @@
-{{- $ThemeVersion := "4.0.0-alpha.0" -}}
+{{- $ThemeVersion := "3.16.0" -}}
 <footer class="site-footer">
     <section class="copyright">
         &copy; 

layouts/partials/head/colorScheme.html

@@ -1,5 +1,5 @@
-{{- $defaultColorScheme := .Site.Params.colorScheme.default -}}
+{{- $defaultColorScheme := default "auto" .Site.Params.colorScheme.default -}}
-{{- if not .Site.Params.colorScheme.toggle -}}
+{{- if not (default false .Site.Params.colorScheme.toggle) -}}
     {{/* If toggle is disabled, force default scheme */}}
     <script>
         (function() {

layouts/partials/head/head.html

@@ -19,12 +19,7 @@
 {{- end -}}
 
 {{ with .Site.Params.favicon }}
-    {{ $favicon := resources.Get . }}
+    <link rel="shortcut icon" href="{{ . }}" />
-    {{ if $favicon }}
-        <link rel="shortcut icon" href="{{ $favicon.RelPermalink }}" />
-    {{ else }}
-        {{ errorf "Failed loading favicon from %q" . }}
-    {{ end }}
 {{ end }}
 
 {{- template "_internal/google_analytics.html" . -}}

layouts/partials/head/opengraph/provider/twitter.html

@@ -11,6 +11,6 @@
 
 {{- $image := partialCached "helper/image" (dict "Context" . "Type" "opengraph") .RelPermalink "opengraph" -}}
 {{- if $image.exists -}}
-    <meta name="twitter:card" content="{{ .Site.Params.opengraph.twitter.card }}">
+    <meta name="twitter:card" content="{{ default `summary_large_image` .Site.Params.opengraph.twitter.card }}">
     <meta name="twitter:image" content='{{ absURL $image.permalink }}' />
 {{- end -}}

layouts/partials/sidebar/left.html

@@ -7,7 +7,7 @@
 
     <header>
         {{ with .Site.Params.sidebar.avatar }}
-            {{ if .enabled }}
+            {{ if (default true .enabled) }}
             <figure class="site-avatar">
                 <a href="{{ .Site.BaseURL | relLangURL }}">
                 {{ if not .local }}
@@ -89,7 +89,7 @@
                 </li>
             {{ end }}
             
-            {{ if .Site.Params.colorScheme.toggle }}
+            {{ if (default false .Site.Params.colorScheme.toggle) }}
                 <li id="dark-mode-toggle">
                     {{ partial "helper/icon" "toggle-left" }}
                     {{ partial "helper/icon" "toggle-right" }}

layouts/partials/widget/archives.html

@@ -10,7 +10,9 @@
         <h2 class="widget-title section-title">{{ T "widget.archives.title" }}</h2>
 
         {{ $pages := where $context.Site.RegularPages "Type" "in" $context.Site.Params.mainSections }}
-        {{ $archives := $pages.GroupByDate "2006" }}
+        {{ $notHidden := where $context.Site.RegularPages "Params.hidden" "!=" true }}
+        {{ $filtered := ($pages | intersect $notHidden) }}
+        {{ $archives := $filtered.GroupByDate "2006" }}
         
         <div class="widget-archive--list">
             {{ range $index, $item := first (add $limit 1) ($archives) }}

theme.toml

@@ -20,7 +20,7 @@ features = [
     "search",
 ]
 
-min_version = "0.100.0"
+min_version = "0.87.0"
 
 [author]
 name = "Jimmy Cai"