release: 3.12.0

fix(comments): Twikoo dark mode emoji selector background
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/583 credit: https://github.com/CaiJimmy/hugo-theme-stack/issues/583#issuecomment-1096270207 (@rmdhnreza)
2022-06-10 22:54:12 +00:00 · 2022-06-10 22:43:16 +00:00 · 2022-06-11 00:39:16 +02:00 · 2022-06-11 00:34:19 +02:00 · 2022-06-10 20:55:59 +02:00 · 2022-06-09 22:43:08 +02:00
74 changed files with 1108 additions and 428 deletions
@@ -1 +1,2 @@
-ko_fi: jimmycai
+ko_fi: jimmycai
+github: CaiJimmy
@@ -3,6 +3,10 @@

 > Card-style Hugo theme designed for bloggers.

+## Quickstart
+
+Use this template: [CaiJimmy/hugo-theme-stack-starter](https://github.com/CaiJimmy/hugo-theme-stack-starter)
+
 ## Demo

 [Example Site](https://demo.stack.jimmycai.com/)
@@ -28,6 +32,7 @@ Stack is a simple card-style Hugo theme designed for bloggers, some of its featu
 - Properly cropped thumbnails
 - Subsection support
 - Table of contents
+- Multilingual mode and RTL support

 ## Requirements

@@ -35,7 +40,7 @@ It's necessary to use **Hugo Extended ≥ 0.87.0**.

 ## Installation

-* Route 1: Clone / Download this repository to `theme` folder
+* Route 1: Clone / Download this repository to `themes` folder
 * Route 2: Turn your site into a hugo module and add this theme as a module dependency

 Edit your site config following `exampleSite/config.yaml`.
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z"/>
+  <line x1="5" y1="9" x2="19" y2="9" />
+  <line x1="5" y1="15" x2="19" y2="15" />
+  <line x1="11" y1="4" x2="7" y2="20" />
+  <line x1="17" y1="4" x2="13" y2="20" />
+</svg>
+
+
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-language" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M4 5h7" />
+  <path d="M9 3v2c0 4.418 -2.239 8 -5 8" />
+  <path d="M5 9c-.003 2.144 2.952 3.908 6.7 4" />
+  <path d="M12 20l4 -9l4 9" />
+  <path d="M19.1 18h-6.2" />
+</svg>
+
+
@@ -0,0 +1,31 @@
+a {
+    text-decoration: none;
+    color: var(--accent-color);
+
+    &:hover {
+        color: var(--accent-color-darker);
+    }
+
+    &.link {
+        box-shadow: 0px -2px 0px rgba(var(--link-background-color), var(--link-background-opacity)) inset;
+        transition: all 0.3s ease;
+
+        &:hover {
+            box-shadow: 0px calc(-1rem * var(--article-line-height)) 0px rgba(var(--link-background-color), var(--link-background-opacity-hover)) inset;
+        }
+    }
+}
+
+.section-title {
+    text-transform: uppercase;
+    margin-top: 0;
+    margin-bottom: 10px;
+    display: block;
+    font-size: 1.6rem;
+    font-weight: bold;
+    color: var(--body-text-color);
+
+    a {
+        color: var(--body-text-color);
+    }
+}
@@ -11,7 +11,7 @@

        /// Display right sidebar when min-width: lg
        @include respond(lg) {
-            display: block;
+            display: flex;
        }
    }

@@ -67,24 +67,6 @@
        }
    }

-    &.align-items--flex-start {
-        align-items: flex-start;
-    }
-
-    .grow {
-        flex-grow: 1;
-    }
-
-    .do-not-shrink {
-        flex-shrink: 0;
-    }
-
-    .do-not-overflow {
-        min-width: 0;
-        flex-shrink: 1;
-        max-width: 100%;
-    }
-
    .full-width {
        width: 100%;
    }
@@ -94,15 +76,22 @@ main.main {
    min-width: 0;
    max-width: 100%;
    flex-grow: 1;
-    padding-top: var(--main-top-padding);
+    display: flex;
+    flex-direction: column;
+    gap: var(--section-separation);
+
+    @include respond(md) {
+        padding-top: var(--main-top-padding);
+    }
 }

 .main-container {
    min-height: 100vh;
    align-items: flex-start;
    padding: 0 15px;
-    column-gap: var(--section-separation);
-
+    gap: var(--section-separation);
+    padding-top: var(--main-top-padding);
+    
    @include respond(md) {
        padding: 0 20px;
    }
@@ -2,6 +2,7 @@
 .article-list {
    display: flex;
    flex-direction: column;
+    gap: var(--section-separation);

    article {
        display: flex;
@@ -17,10 +18,6 @@
            box-shadow: var(--shadow-l2);
        }

-        &:not(:last-of-type) {
-            margin-bottom: var(--section-separation);
-        }
-
        .article-image {
            img {
                width: 100%;
@@ -52,13 +49,13 @@
    display: flex;
    flex-direction: column;
    justify-content: center;
-
    padding: var(--card-padding);
+    gap: 15px;
 }

 .article-title {
    font-weight: 600;
-    margin: 10px 0;
+    margin: 0;
    color: var(--card-text-color-main);
    font-size: 2.2rem;

@@ -73,52 +70,58 @@
            color: var(--card-text-color-main);
        }
    }
-
-    & + .article-subtitle {
-        margin-top: 0;
-    }
 }

 .article-subtitle {
    font-weight: normal;
    color: var(--card-text-color-secondary);
-    margin: 5px 0;
    line-height: 1.5;
-
+    margin: 0;
    font-size: 1.75rem;
    @include respond(xl) {
        font-size: 2rem;
    }
 }

-.article-time {
+.article-title-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.article-time,
+.article-translations {
    display: flex;
    align-items: center;
    color: var(--card-text-color-tertiary);
    gap: 15px;
-    margin-top: 10px;
    flex-wrap: wrap;

    svg {
        vertical-align: middle;
-        margin-right: 15px;
        width: 20px;
        height: 20px;
        stroke-width: 1.33;
    }

-    time {
+    time,
+    a {
        font-size: 1.4rem;
+        color: var(--card-text-color-tertiary);
    }

    & > div {
        display: inline-flex;
        align-items: center;
+        gap: 15px;
    }
 }

 .article-category,
 .article-tags {
+    display: flex;
+    gap: 10px;
+
    a {
        color: var(--accent-color-text);
        background-color: var(--accent-color);
@@ -126,8 +129,6 @@
        border-radius: var(--tag-border-radius);
        display: inline-block;
        font-size: 1.4rem;
-        margin-right: 10px;
-        margin-bottom: 10px;
        transition: background-color 0.5s ease;

        &:hover {
@@ -148,15 +149,12 @@
        --image-size: 60px;
    }

-    & + .pagination {
-        margin-top: var(--section-separation);
-    }
-
    article {
        & > a {
            display: flex;
            align-items: center;
            padding: var(--small-card-padding);
+            gap: 15px;
        }

        &:not(:last-of-type) {
@@ -166,8 +164,8 @@
        .article-details {
            flex-grow: 1;
            padding: 0;
-            padding-right: 15px;
            min-height: var(--image-size);
+            gap: 10px;
        }

        .article-title {
@@ -35,4 +35,4 @@ body {
 ::-webkit-scrollbar-track {
    background-color: transparent;
 }
-/**/
+/**/
@@ -2,7 +2,6 @@ footer.site-footer {
    padding: 20px 0 var(--section-separation) 0;
    font-size: 1.4rem;
    line-height: 1.75;
-    margin-top: var(--section-separation);

    &:before {
        content: "";
@@ -1,3 +0,0 @@
-.archives-group {
-    margin-bottom: var(--section-separation);
-}
@@ -13,10 +13,6 @@
        box-shadow: var(--shadow-l1);
        overflow: hidden;

-        &.main-article {
-            margin-bottom: var(--section-separation);
-        }
-
        .article-header {
            .article-image {
                img {
@@ -57,11 +53,11 @@
                display: flex;
                align-items: center;
                font-size: 1.4rem;
+                gap: 15px;

                svg {
                    width: 20px;
                    height: 20px;
-                    margin-right: 15px;
                    stroke-width: 1.33;
                }
            }
@@ -76,52 +72,15 @@
                a {
                    color: var(--body-text-color);
                }
+
+                a.link {
+                    box-shadow: unset;
+                }
            }
        }
    }
 }

-#article-toolbar {
-    display: flex;
-    align-items: center;
-    margin: 20px 0;
-
-    @include respond(md) {
-        display: none;
-    }
-
-    .back-home {
-        background: var(--card-background);
-        border-radius: var(--tag-border-radius);
-        color: var(--card-text-color-tertiary);
-        margin-right: 30px;
-        display: inline-flex;
-        align-items: center;
-        font-size: 1.4rem;
-        text-transform: uppercase;
-        padding: 10px 20px 10px 15px;
-
-        transition: box-shadow 0.3s ease;
-
-        box-shadow: var(--shadow-l1);
-
-        &:hover {
-            box-shadow: var(--shadow-l2);
-        }
-
-        svg {
-            margin-right: 5px;
-            width: 20px;
-            height: 20px;
-        }
-
-        span {
-            font-weight: 500;
-            white-space: nowrap;
-        }
-    }
-}
-
 .widget--toc {
    background-color: var(--card-background);
    border-radius: var(--card-border-radius);
@@ -149,7 +108,7 @@
            list-style-type: none;
            counter-reset: item;

-            li a::before {
+            li a:first-of-type::before {
                counter-increment: item;
                content: counters(item, ".") ". ";
                font-weight: bold;
@@ -211,11 +170,7 @@
    }
 }

-.related-contents--wrapper {
-    margin-bottom: var(--section-separation);
-}
-
-.related-contents {
+.related-content {
    overflow-x: auto;
    padding-bottom: 15px;

@@ -260,9 +215,9 @@
    h4,
    h5,
    h6 {
-        margin-left: calc((var(--card-padding)) * -1);
-        padding-left: calc(var(--card-padding) - var(--heading-border-size));
-        border-left: var(--heading-border-size) solid var(--accent-color);
+        margin-inline-start: calc((var(--card-padding)) * -1);
+        padding-inline-start: calc(var(--card-padding) - var(--heading-border-size));
+        border-inline-start: var(--heading-border-size) solid var(--accent-color);
    }

    figure {
@@ -277,9 +232,19 @@
    blockquote {
        position: relative;
        margin: 1.5em 0;
-        border-left: var(--blockquote-border-size) solid var(--card-separator-color);
+        border-inline-start: var(--blockquote-border-size) solid var(--card-separator-color);
        padding: 15px calc(var(--card-padding) - var(--blockquote-border-size));
        background-color: var(--blockquote-background-color);
+
+        .cite {
+            display: block;
+            text-align: right;
+            font-size: 0.75em;
+
+            a {
+                text-decoration: underline;
+            }
+        }
    }

    hr {
@@ -305,13 +270,10 @@
        flex-direction: row;
        justify-content: center;
        margin: 1.5em 0;
+        gap: 10px;

        figure {
            margin: 0;
-
-            & + figure {
-                margin-left: 10px;
-            }
        }
    }

@@ -324,7 +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;
@@ -343,7 +308,10 @@
                opacity: 1;
            }
        }
-
+        // keep Codeblocks LTR
+        [dir="rtl"] & {
+            direction: ltr;
+        }
        pre {
            margin: initial;
            padding: 0;
@@ -3,21 +3,16 @@
    background-color: var(--card-background);
    padding: var(--small-card-padding);
    box-shadow: var(--shadow-l1);
-    margin-bottom: var(--section-separation);
    display: flex;
    align-items: center;
+    gap: 20px;

    --separation: 15px;

    .section-term {
        font-size: 2.2rem;
        margin: 0;
-        margin-top: calc(var(--separation) / 2);
        color: var(--card-text-color-main);
-
-        & + .section-description {
-            margin-top: var(--separation);
-        }
    }

    .section-description {
@@ -29,7 +24,9 @@

    .section-details {
        flex-grow: 1;
-        margin-right: 20px;
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
    }

    .section-image {
@@ -49,7 +46,6 @@
 }

 .subsection-list {
-    margin-bottom: var(--section-separation);
    overflow-x: auto;

    .article-list--tile {
@@ -1,5 +1,4 @@
 .search-form {
-    margin-bottom: var(--section-separation);
    position: relative;
    --button-size: 80px;

@@ -25,7 +24,7 @@
    label {
        position: absolute;
        top: 15px;
-        left: 20px;
+        inset-inline-start: 20px;
        font-size: 1.4rem;
        color: var(--card-text-color-tertiary);
    }
@@ -52,7 +51,7 @@

    button {
        position: absolute;
-        right: 0;
+        inset-inline-end: 0;
        top: 0;
        height: 100%;
        width: var(--button-size);
@@ -79,4 +78,5 @@
            height: 20px;
        }
    }
+
 }
@@ -101,11 +101,16 @@
    background: none;
    border: none;
    position: absolute;
-    right: 30px;
-    top: 30px;
+    right: 0;
+    top: 0;
    z-index: 2;
    cursor: pointer;

+    [dir="rtl"] & {
+        left: 0;
+        right: auto;
+    }
+
    @include respond(md) {
        display: none;
    }
@@ -125,21 +130,31 @@
 .menu {
    padding-left: 0;
    list-style: none;
-    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex-grow: 1;
    font-size: 1.4rem;
-
    background-color: var(--card-background);
-    padding: 15px 0;
+
    box-shadow: var(--shadow-l1);
    display: none;
+    margin: 0 calc(var(--container-padding) * -1);

-    margin: 0 -15px;
+    padding: 30px 30px;
+    @include respond(xl) {
+        padding: 15px 0;
+    }
+
+    &,
+    .menu-bottom-section {
+        gap: 30px;
+        @include respond(xl) {
+            gap: 25px;
+        }
+    }

    &.show {
-        display: block;
+        display: flex;
    }

    @include respond(md) {
@@ -149,34 +164,19 @@
        padding: 0;
        box-shadow: none;
        margin: 0;
-        margin-top: var(--sidebar-element-separation);
-    }
-
-    @include respond(xl) {
-        margin-top: 30px;
    }

    li {
        position: relative;
        vertical-align: middle;
-        padding: 10px 30px;
-
-        &:not(:last-of-type) {
-            margin-bottom: 15px;
-
-            @include respond(xl) {
-                margin-bottom: 20px;
-            }
-        }
+        padding: 0;

        @include respond(md) {
            width: 100%;
-            padding: 10px 0;
        }

        svg {
            stroke-width: 1.33;
-            margin-right: 40px;

            width: 20px;
            height: 20px;
@@ -187,6 +187,7 @@
            display: inline-flex;
            align-items: center;
            color: var(--body-text-color);
+            gap: var(--menu-icon-separation);
        }

        span {
@@ -200,11 +201,19 @@
            }
        }
    }
+
+    .menu-bottom-section {
+        margin-top: auto;
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+    }
 }

 .social-menu {
    list-style: none;
-    padding: 0%;
+    padding: 0;
+    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
@@ -5,7 +5,6 @@
    border-radius: var(--card-border-radius);
    overflow: hidden;
    flex-wrap: wrap;
-    margin: var(--section-separation) 0;

    .page-link {
        padding: 16px 32px;
@@ -11,13 +11,15 @@
    flex-direction: column;
    flex-shrink: 0;
    align-self: stretch;
-
-    width: 100%;
-    padding: 30px 0 15px 0;
+    gap: var(--sidebar-element-separation);
    max-width: none;
+    width: 100%;
+    position: relative;

-    --sidebar-avatar-size: 120px;
+    --sidebar-avatar-size: 100px;
    --sidebar-element-separation: 20px;
+    --emoji-size: 40px;
+    --emoji-font-size: 20px;

    @include respond(md) {
        width: auto;
@@ -27,18 +29,49 @@
    }

    @include respond(2xl) {
-        --sidebar-avatar-size: 140px;
+        --sidebar-avatar-size: 120px;
        --sidebar-element-separation: 25px;
+        --emoji-size: 40px;
    }

    &.sticky {
        top: 0;
    }
+
+    &.compact {
+        --sidebar-avatar-size: 80px;
+        --emoji-size: 30px;
+        --emoji-font-size: 15px;
+
+        header {
+            @include respond(lg) {
+                flex-direction: row;
+            }
+
+            .site-meta {
+                gap: 5px;
+            }
+
+            .site-name {
+                font-size: 1.4rem;
+
+                @include respond(2xl) {
+                    font-size: 1.75rem;
+                }
+            }
+
+            .site-description {
+                font-size: 1.4rem;
+            }
+        }
+    }
 }

 .right-sidebar {
    width: 100%;
    display: none;
+    flex-direction: column;
+    gap: var(--widget-separation);

    &.sticky {
        top: 0;
@@ -49,11 +82,12 @@
    }
 }

-.site-info {
+.sidebar header {
    z-index: 1;
    transition: box-shadow 0.5s ease;
-
-    padding: 15px;
+    display: flex;
+    flex-direction: column;
+    gap: var(--sidebar-element-separation);

    @include respond(md) {
        padding: 0;
@@ -64,8 +98,7 @@
        margin: 0;
        width: var(--sidebar-avatar-size);
        height: var(--sidebar-avatar-size);
-
-        margin-bottom: var(--sidebar-element-separation);
+        flex-shrink: 0;

        .site-logo {
            width: 100%;
@@ -76,58 +109,44 @@

        .emoji {
            position: absolute;
-            width: 40px;
-            height: 40px;
-            line-height: 40px;
+            width: var(--emoji-size);
+            height: var(--emoji-size);
+            line-height: var(--emoji-size);
            border-radius: 100%;
            bottom: 0;
            right: 0;
            text-align: center;
-            font-size: 20px;
+            font-size: var(--emoji-font-size);
            background-color: var(--card-background);
            box-shadow: var(--shadow-l2);
-
-            @include respond(2xl) {
-                width: 50px;
-                height: 50px;
-                line-height: 50px;
-            }
        }
    }

+    .site-meta {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        justify-content: center;
+    }
+
    .site-name {
        color: var(--accent-color);
        margin: 0;
-        font-size: 1.8rem;
-
-        @include respond(2xl) {
-            font-size: 2rem;
-        }
-    }
-
-    .site-description {
-        color: var(--body-text-color);
-        font-weight: normal;
-        margin: 10px 0;
        font-size: 1.6rem;

        @include respond(2xl) {
            font-size: 1.8rem;
        }
    }
-}

-.sidebar {
-    .widget {
-        margin-bottom: var(--section-separation);
+    .site-description {
+        color: var(--body-text-color);
+        font-weight: normal;
+        margin: 0;
+        font-size: 1.4rem;

-        &:not(:last-of-type):after {
-            content: "";
-            width: 100px;
-            height: 2px;
-            background-color: var(--body-text-color);
-            display: block;
-            margin-top: var(--section-separation);
+        @include respond(2xl) {
+            font-size: 1.6rem;
        }
    }
 }
@@ -153,8 +172,27 @@
    display: flex;
    align-items: center;
    cursor: pointer;
+    gap: var(--menu-icon-separation);

    .icon-tabler-toggle-right {
        display: none;
    }
 }
+
+#i18n-switch {
+    color: var(--body-text-color);
+    display: inline-flex;
+    align-content: center;
+    gap: var(--menu-icon-separation);
+
+    select {
+        border: 0;
+        background-color: transparent;
+        color: var(--body-text-color);
+
+        option {
+            color: var(--card-text-color-main);
+            background-color: var(--card-background);
+        }
+    }
+}
@@ -1,4 +1,7 @@
 .widget {
+    display: flex;
+    flex-direction: column;
+
    .widget-icon {
        svg {
            width: 32px;
@@ -14,16 +17,14 @@
    .tagCloud-tags {
        display: flex;
        flex-wrap: wrap;
+        gap: 10px;

        a {
            background: var(--card-background);
            box-shadow: var(--shadow-l1);
            border-radius: var(--tag-border-radius);
            padding: 8px 20px;
-
            color: var(--card-text-color-main);
-            margin-bottom: 10px;
-            margin-right: 5px;
            font-size: 1.4rem;
            transition: box-shadow 0.3s ease;

@@ -19,42 +19,10 @@
@import "partials/pagination.scss";
@import "partials/sidebar.scss";
@import "partials/base.scss";
-@import "partials/layout/archives.scss";
@import "partials/layout/article.scss";
@import "partials/layout/list.scss";
@import "partials/layout/404.scss";
@import "partials/layout/search.scss";

+@import "general.scss";
@import "custom.scss";
-
-a {
-    text-decoration: none;
-    color: var(--accent-color);
-
-    &:hover {
-        color: var(--accent-color-darker);
-    }
-
-    &.link {
-        box-shadow: 0px -2px 0px rgba(var(--link-background-color), var(--link-background-opacity)) inset;
-        transition: all 0.3s ease;
-
-        &:hover {
-            box-shadow: 0px -10px 0px rgba(var(--link-background-color), var(--link-background-opacity-hover)) inset;
-        }
-    }
-}
-
-.section-title {
-    text-transform: uppercase;
-    margin-top: 0;
-    margin-bottom: 10px;
-    display: block;
-    font-size: 1.6rem;
-    font-weight: bold;
-    color: var(--body-text-color);
-
-    a {
-        color: var(--body-text-color);
-    }
-}
@@ -5,9 +5,7 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff;
 *   Global style
 */
 :root {
-    @include respond(md) {
-        --main-top-padding: 35px;
-    }
+    --main-top-padding: 35px;

    @include respond(xl) {
        --main-top-padding: 50px;
@@ -159,3 +157,9 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff;
    --pre-background-color: #272822;
    @import "partials/highlight/dark.scss";
 }
+
+:root {
+    --menu-icon-separation: 40px;
+    --container-padding: 15px;
+    --widget-separation: var(--section-separation);
+}
@@ -61,7 +61,7 @@ class StackGallery {
        /// because it can not detect whether image is being wrapped by a link or not
        /// and it lead to a invalid HTML construction (<a><figure><img></figure></a>)

-        const images = container.querySelectorAll('img');
+        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
@@ -23,7 +23,7 @@ function setupSmoothAnchors() {

            let targetId = aElement.getAttribute("href").substring(1);
            // The replace done on ':' is here for footnotes, as this character would otherwise interfere when used as a CSS selector.
-            let target = document.querySelector(`#${targetId.replace(":", "\\:")}`) as HTMLElement;
+            let target = document.getElementById(targetId.replace(":", "\\:")) as HTMLElement;

            window.history.pushState({}, "", aElement.getAttribute("href"));
            scrollTo({ top: target.offsetTop, behavior: "smooth" });
@@ -19,6 +19,7 @@ params:
        lastUpdated: Jan 02, 2006 15:04 MST

    sidebar:
+        compact: false
        emoji:
        subtitle:
        avatar:
@@ -95,6 +96,7 @@ params:
            darkTheme:
            reactionsEnabled: 1
            emitMetadata: 0
+            lang:

        gitalk:
            owner:
@@ -1,6 +1,6 @@
 Vibrant:
-    - src: https://cdn.jsdelivr.net/npm/node-vibrant@3.1.5/dist/vibrant.min.js
-      integrity: sha256-5NovOZc4iwiAWTYIFiIM7DxKUXKWvpVEuMEPLzcm5/g=
+    - src: https://cdn.jsdelivr.net/npm/node-vibrant@3.1.6/dist/vibrant.min.js
+      integrity: sha256-awcR2jno4kI5X0zL8ex0vi2z+KMkF24hUW8WePSA9HM=
      type: script

 PhotoSwipe:
@@ -14,26 +14,24 @@ PhotoSwipe:
      type: script
      defer: true

-    - src: https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/default-skin/default-skin.css
-      integrity: sha256-c0uckgykQ9v5k+IqViZOZKc47Jn7KQil4/MP3ySA3F8=
+    - 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.css
-      integrity: sha256-SBLU4vv6CA6lHsZ1XyTdhyjJxCjPif/TRkjnsyGAGnE=
+    - 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.13.13/dist/katex.min.css
-      integrity: sha384-RZU/ijkSsFbcmivfdRBQDtwuwVqK7GMOw6IMvKyeWL2K5UAlyp6WonmB8m7Jd0Hn
+    - src: https://cdn.jsdelivr.net/npm/katex@0.15.6/dist/katex.min.css
+      integrity: sha256-J+iAE0sgH8QSz9hpcDxXIftnj65JEZgNhGcgReTTK9s=
      type: style

-    - src: https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.js
-      integrity: sha384-pK1WpvzWVBQiP0/GjnvRxV4mOb0oxFuyRxJlk6vVw146n3egcN5C925NCP7a7BY8
+    - src: https://cdn.jsdelivr.net/npm/katex@0.15.6/dist/katex.min.js
+      integrity: sha256-InsNdER1b2xUewP+pKCUJpkhiqwHgqiPXDlIk7GzBu4=
      type: script
      defer: true

-    - src: https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/contrib/auto-render.min.js
-      integrity: sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl
+    - src: https://cdn.jsdelivr.net/npm/katex@0.15.6/dist/contrib/auto-render.min.js
+      integrity: sha256-y39Mpg7V3D4lhBX4x6O0bUqTV4pSrfgwEfGKfxkOdgI=
      type: script
      defer: true

@@ -4,6 +4,21 @@ theme: hugo-theme-stack
 paginate: 5
 title: Example Site

+languages:
+    en:
+        languageName: English
+        title: Example Site
+        weight: 1
+    zh-cn:
+        languageName: 中文
+        title: 演示站点
+        weight: 2
+    ar:
+        languageName: عربي
+        languagedirection: rtl
+        title: موقع تجريبي
+        weight: 3
+
 # Change it to your Disqus shortname before using
 disqusShortname: hugo-theme-stack

@@ -11,7 +26,7 @@ disqusShortname: hugo-theme-stack
 googleAnalytics:

 # Theme i18n support
-# Available values: en, fr, id, ja, ko, pt-br, zh-cn, zh-tw, es, de, nl, it, th, el, uk
+# 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]
@@ -82,21 +97,20 @@ params:
            clientSecret:
            autoCreateIssue: false

-        # Waline client configuration see: https://waline.js.org/en/reference/client.html
+        # Waline client configuration see: https://waline.js.org/en/reference/component.html
        waline:
            serverURL:
            lang:
-            visitor:
-            avatar:
+            pageview:
            emoji:
-                - https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo
+                - https://unpkg.com/@waline/emojis@1.0.1/weibo
            requiredMeta:
                - name
                - email
                - url
-            placeholder:
            locale:
                admin: Admin
+                placeholder:

        twikoo:
            envId:
@@ -137,6 +151,9 @@ params:
            - type: archives
              params:
                  limit: 5
+            - type: categories
+              params:
+                  limit: 10
            - type: tag-cloud
              params:
                  limit: 10
@@ -174,15 +191,7 @@ params:
 ### 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:
-        - identifier: home
-          name: Home
-          url: /
-          weight: -100
-          params:
-              ### For demonstration purpose, the home link will be open in a new tab
-              newTab: true
-              icon: home
+    main: []

    social:
        - identifier: github
@@ -0,0 +1,8 @@
+---
+menu:
+    main:
+        name: Home
+        weight: -100
+        params:
+            icon: home
+---
@@ -0,0 +1,8 @@
+---
+menu:
+    main:
+        name: 主页
+        weight: -100
+        params:
+            icon: home
+---
@@ -0,0 +1,10 @@
+---
+title: 关于
+menu:
+    main: 
+        weight: -90
+        params:
+            icon: user
+---
+
+This is a test page for i18n support.
@@ -0,0 +1,32 @@
+++
+author = "Hugo Authors"
+title = "مثال نص"
+date = "2019-03-09"
+description = "هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة"
+categories = [
+    "تجربة",
+    "تجربة مع فراغات"
+]
+tags = [
+    "ماركداون",
+    "نص",
+    "وسم مع فراغات"
+]
+image = "matt-le-SJSpo9hQf7s-unsplash.jpg"
+++
+## فقرة 1
+
+هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من [مولد النص العربى](https://colorslab.com/textgator/)، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
+إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد، النص لن يبدو مقسما ولا يحوي أخطاء لغوية، مولد النص العربى مفيد لمصممي المواقع على وجه الخصوص، حيث يحتاج العميل فى كثير من الأحيان أن يطلع على صورة حقيقية لتصميم الموقع.
+ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربى أن يوفر على المصمم عناء البحث عن نص بديل لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق.
+هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق، أو حتى غير مفهوم. لأنه مازال نصاً بديلاً ومؤقتاً.
+
+## فقرة 2
+
+هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من [مولد النص العربى](https://colorslab.com/textgator/)، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
+إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد، النص لن يبدو مقسما ولا يحوي أخطاء لغوية، مولد النص العربى مفيد لمصممي المواقع على وجه الخصوص، حيث يحتاج العميل فى كثير من الأحيان أن يطلع على صورة حقيقية لتصميم الموقع.
+ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربى أن يوفر على المصمم عناء البحث عن نص بديل لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق.
+هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق، أو حتى غير مفهوم. لأنه مازال نصاً بديلاً ومؤقتاً.
+
+## تجربة RTL
+كلمة 1 Text كلمة 2
@@ -39,4 +39,25 @@ Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-manageme

 ## Gist Shortcode

-{{< gist spf13 7896402 >}}
+{{< gist spf13 7896402 >}}
+
+## Quote Shortcode
+
+Stack adds a `quote` shortcode.  For example:
+
+{{< quote author="A famous person" source="The book they wrote" url="https://en.wikipedia.org/wiki/Book">}}
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+{{< /quote >}}
+
+{{< quote source="Anonymous book" url="https://en.wikipedia.org/wiki/Book">}}
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+{{< /quote >}}
+
+{{< quote source="Some book">}}
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+{{< /quote >}}
+
+{{< quote author="Somebody">}}
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+{{< /quote >}}
+
@@ -1,3 +1,3 @@
 module github.com/CaiJimmy/hugo-theme-stack/v3

-go 1.12
+go 1.17
@@ -0,0 +1,70 @@
+toggleMenu:
+    other: اخفي القائمة
+
+darkMode:
+    other: الوضع الداكن
+
+list:
+    page:
+        one: "{{ .Count }} صفحه"
+        other: "{{ .Count }} صفحات"
+
+    section:
+        other: قسم
+
+    subsection:
+        one: قسم فرعي
+        other: اقسام فرعية
+
+article:
+    back:
+        other: خلف
+
+    tableOfContents:
+        other: جدول المحتويات
+
+    relatedContent:
+        other: محتوى مشابهه
+        
+    lastUpdatedOn:
+        other: التعديل الاخير
+
+    readingTime:
+        one: "تُقرأ خلال دقيقة"
+        other: "تُقرأ خلال {{ .Count }} دقائق"
+
+notFound:
+    title:
+        other: غير موجود
+
+    subtitle:
+        other: تعذر العثور على الصفحة المطلوبة.
+
+widget:
+    archives:
+        title:
+            other: الارشيفات
+
+        more:
+            other: اكثر
+
+    tagCloud:
+        title:
+            other: وسوم
+
+search:
+    title:
+        other: بحث
+
+    placeholder:
+        other: اكتب...
+
+    resultTitle:
+        other: "#PAGES_COUNT نتيجة (#TIME_SECONDS ثواني)"
+
+footer:
+    builtWith:
+        other: "مبني بستخدام {{ .Generator }}"
+        
+    designedBy:
+        other:  "قالب {{ .Theme }} مصمم من {{ .DesignedBy }}"
@@ -0,0 +1,73 @@
+toggleMenu:
+    other: টগল মেনু
+
+darkMode:
+    other: ডার্ক মোড
+
+list:
+    page:
+        one: "{{ .Count }} পৃষ্ঠা"
+        other: "{{ .Count }} পৃষ্ঠা"
+
+    section:
+        other: অনুচ্ছেদ
+
+    subsection:
+        one: উপঅনুচ্ছেদ
+        other: উপঅনুচ্ছেদ
+
+article:
+    back:
+        other: পেছনে যান
+
+    tableOfContents:
+        other: সূচিপত্র
+
+    relatedContent:
+        other: সম্পর্কিত বিষয়বস্তু
+
+    lastUpdatedOn:
+        other: শেষ হালনাগাদ করা হয়েছে
+
+    readingTime:
+        one: "{{ .Count }} মিনিটে পড়া যাবে"
+        other: "{{ .Count }} মিনিটে পড়া যাবে"
+
+notFound:
+    title:
+        other: পাওয়া যায়নি
+
+    subtitle:
+        other: এই পৃষ্ঠাটি বিদ্যমান নেই
+
+widget:
+    archives:
+        title:
+            other: আর্কাইভ
+
+        more:
+            other: আরও
+
+    tagCloud:
+        title:
+            other: ট্যাগ
+    categoriesCloud:
+        title:
+            other: বিভাগ
+
+search:
+    title:
+        other: অনুসন্ধান
+
+    placeholder:
+        other: কিছু টাইপ করুন...
+
+    resultTitle:
+        other: "#PAGES_COUNT পৃষ্ঠা (#TIME_SECONDS সেকেন্ড)"
+
+footer:
+    builtWith:
+        other: "{{ .Generator }} দিয়ে নির্মিত"
+
+    designedBy:
+        other: "থিম {{ .Theme }} ডিজাইন করেছেন {{ .DesignedBy }}"
@@ -0,0 +1,73 @@
+toggleMenu:
+    other: Toggle Menu
+
+darkMode:
+    other: Mode fosc
+
+list:
+    page:
+        one: "{{ .Count }} pàgina"
+        other: "{{ .Count }} pàgines"
+
+    section:
+        other: Secció
+
+    subsection:
+        one: Subsecció
+        other: Subseccions
+
+article:
+    back:
+        other: Tornar
+
+    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:
+        other: No Trobat
+
+    subtitle:
+        other: Aquesta pàgina no existeix
+
+widget:
+    archives:
+        title:
+            other: Arxiu
+
+        more:
+            other: Més
+
+    tagCloud:
+        title:
+            other: Etiquetes
+    categoriesCloud:
+        title:
+            other: Categories
+
+search:
+    title:
+        other: Cerca
+
+    placeholder:
+        other: Tecleja alguna cosa...
+
+    resultTitle:
+        other: "#PAGES_COUNT pàgines en (#TIME_SECONDS segons)"
+
+footer:
+    builtWith:
+        other: Creat amb {{ .Generator }}
+
+    designedBy:
+        other: Tema {{ .Theme }} dissenyat per {{ .DesignedBy }}
@@ -23,7 +23,7 @@ article:
    tableOfContents:
        other: Inhaltsverzeichnis

-    relatedContents:
+    relatedContent:
        other: Verwandte Inhalte

    lastUpdatedOn:
@@ -52,6 +52,10 @@ widget:
        title:
            other: Schlagwörter

+    categoriesCloud:
+        title:
+            other: Kategorien
+
 search:
    title:
        other: Suche
@@ -23,7 +23,7 @@ article:
    tableOfContents:
        other: Πινακας περιεχομενων

-    relatedContents:
+    relatedContent:
        other: Σχετικο περιεχομενο

    lastUpdatedOn:
@@ -23,8 +23,8 @@ article:
    tableOfContents:
        other: Table of contents

-    relatedContents:
-        other: Related contents
+    relatedContent:
+        other: Related content

    lastUpdatedOn:
        other: Last updated on
@@ -51,6 +51,9 @@ widget:
    tagCloud:
        title:
            other: Tags
+    categoriesCloud:
+        title:
+            other: Categories

 search:
    title:
@@ -23,7 +23,7 @@ article:
    tableOfContents:
        other: Tabla de contenido

-    relatedContents:
+    relatedContent:
        other: Contenidos relacionados

    lastUpdatedOn:
@@ -51,6 +51,9 @@ widget:
    tagCloud:
        title:
            other: Etiquetas
+    categoriesCloud:
+        title:
+            other: Categorías

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

-    relatedContents:
+    relatedContent:
        other: Contenus liés

    lastUpdatedOn:
@@ -0,0 +1,73 @@
+toggleMenu:
+    other: Menü Kapcsolása
+
+darkMode:
+    other: Sötét Mód
+
+list:
+    page:
+        one: "{{ .Count }} oldal"
+        other: "{{ .Count }} oldalak"
+
+    section:
+        other: Szekció
+
+    subsection:
+        one: Alszekció
+        other: Alszekciók
+
+article:
+    back:
+        other: Vissza
+
+    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:
+        other: Nem található
+
+    subtitle:
+        other: Ez az oldal nem létezik
+
+widget:
+    archives:
+        title:
+            other: Archívum
+
+        more:
+            other: Több
+
+    tagCloud:
+        title:
+            other: Cimkék
+    categoriesCloud:
+        title:
+            other: Kategóriák
+
+search:
+    title:
+        other: Keresés
+
+    placeholder:
+        other: Írj valamit...
+
+    resultTitle:
+        other: "#PAGES_COUNT oldal (#TIME_SECONDS másodperc alatt)"
+
+footer:
+    builtWith:
+        other: "{{ .Generator }} használatával készült"
+
+    designedBy:
+        other: A {{ .Theme }} dizájnt {{ .DesignedBy }} tervezte
@@ -23,7 +23,7 @@ article:
    tableOfContents:
        other: Daftar Isi

-    relatedContents:
+    relatedContent:
        other: Konten terkait

    lastUpdatedOn:
@@ -51,6 +51,10 @@ widget:
        title:
            other: Tag

+    categoriesCloud:
+        title:
+            other: Kategori
+
 search:
    title:
        other: Cari
@@ -23,7 +23,7 @@ article:
    tableOfContents:
        other: Indice

-    relatedContents:
+    relatedContent:
        other: Contenuti correlati

    lastUpdatedOn:
@@ -51,6 +51,10 @@ widget:
        title:
            other: Tags

+    categoriesCloud:
+        title:
+            other: Categorie
+
 search:
    title:
        other: Cerca
@@ -11,7 +11,7 @@ article:
    tableOfContents:
        other: 目次

-    relatedContents:
+    relatedContent:
        other: 関連するコンテンツ

    lastUpdatedOn:
@@ -38,6 +38,10 @@ widget:
        title:
            other: タグ

+    categoriesCloud:
+        title:
+            other: カテゴリ
+
 search:
    title:
        other: 検索
@@ -47,3 +51,10 @@ search:

    resultTitle:
        other: "#PAGES_COUNT 件 （#TIME_SECONDS 秒）"
+
+footer:
+    builtWith:
+        other: Built with {{ .Generator }}
+
+    designedBy:
+        other: テーマ {{ .Theme }} は {{ .DesignedBy }} によって設計されています。
@@ -23,7 +23,7 @@ article:
    tableOfContents:
        other: 목차
        
-    relatedContents:
+    relatedContent:
        other: 관련 글
        
    lastUpdatedOn:
@@ -17,7 +17,7 @@ list:
        other: Subsecties

 article:
-    relatedContents:
+    relatedContent:
        other: Gerelateerde inhoud
    lastUpdatedOn:
        other: Laatst bijgewerkt op
@@ -38,6 +38,10 @@ widget:
        title:
            other: Tags

+    categoriesCloud:
+        title:
+            other: Categorie
+
 search:
    title:
        other: Zoeken
@@ -23,7 +23,7 @@ article:
    tableOfContents:
        other: Spis treści

-    relatedContents:
+    relatedContent:
        other: Powiązane artykuły

    lastUpdatedOn:
@@ -50,6 +50,10 @@ widget:
    tagCloud:
        title:
            other: Tagi
+    
+    categoriesCloud:
+        title:
+            other: Kategorie

 search:
    title:
@@ -23,7 +23,7 @@ article:
    tableOfContents:
        other: Índice

-    relatedContents:
+    relatedContent:
        other: Conteúdo relacionado

    lastUpdatedOn:
@@ -23,7 +23,7 @@ list:
 article:
    back:
        other: Назад
-    relatedContents:
+    relatedContent:
        other: Также рекомендуем
    lastUpdatedOn:
        other: Обновлено
@@ -23,7 +23,7 @@ article:
    tableOfContents:
        other: สารบัญ

-    relatedContents:
+    relatedContent:
        other: เนื้อหาคล้ายคลึงกัน

    lastUpdatedOn:
@@ -17,7 +17,7 @@ list:
        other: Alt bölümler

 article:
-    relatedContents:
+    relatedContent:
        other: Alakalı içerikler
    lastUpdatedOn:
        other: Son güncelleme
@@ -24,7 +24,7 @@ article:
    tableOfContents:
        other: Зміст

-    relatedContents:
+    relatedContent:
        other: Схожі матеріали

    lastUpdatedOn:
@@ -11,7 +11,7 @@ article:
    tableOfContents:
        other: 目录

-    relatedContents:
+    relatedContent:
        other: 相关文章

    lastUpdatedOn:
@@ -38,6 +38,10 @@ widget:
        title:
            other: 标签云

+    categoriesCloud:
+        title:
+            other: 分类
+
 search:
    title:
        other: 搜索
@@ -47,3 +51,10 @@ search:

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

-    relatedContents:
+    relatedContent:
        other: 相關文章

    lastUpdatedOn:
@@ -1,17 +1,19 @@
 {{ define "body-class" }}template-archives{{ end }}
 {{ define "main" }}
-    {{- $taxonomy := $.Site.GetPage "taxonomyTerm" "categories" -}}
-    {{- $terms := $taxonomy.Pages -}}
-    {{ if $terms }}
-    <h2 class="section-title">{{ $taxonomy.Title }}</h2>
-    <div class="subsection-list">
-        <div class="article-list--tile">
-            {{ range $terms }}
-                {{ partial "article-list/tile" (dict "context" . "size" "250x150" "Type" "taxonomy") }}
-            {{ end }}
+    <header>
+        {{- $taxonomy := $.Site.GetPage "taxonomyTerm" "categories" -}}
+        {{- $terms := $taxonomy.Pages -}}
+        {{ if $terms }}
+        <h2 class="section-title">{{ $taxonomy.Title }}</h2>
+        <div class="subsection-list">
+            <div class="article-list--tile">
+                {{ range $terms }}
+                    {{ partial "article-list/tile" (dict "context" . "size" "250x150" "Type" "taxonomy") }}
+                {{ end }}
+            </div>
        </div>
-    </div>
-    {{ end }}
+        {{ end }}
+    </header>

    {{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }}
    {{ $notHidden := where .Site.RegularPages "Params.hidden" "!=" true }}
@@ -1,12 +1,19 @@
 <!DOCTYPE html>
-<html lang="{{ .Site.LanguageCode }}">
+<html lang="{{ .Site.LanguageCode }}" dir="{{ default `ltr` .Language.LanguageDirection }}">
    <head>
        {{- partial "head/head.html" . -}}
        {{- block "head" . -}}{{ end }}
    </head>
    <body class="{{ block `body-class` . }}{{ end }}">
        {{- partial "head/colorScheme" . -}}
-        {{- $hasWidget := default (gt (len .Site.Params.widgets.homepage) 0) (.Scratch.Get "hasWidget") -}}
+
+        {{/* The container is wider when there's any activated widget */}}
+        {{- $hasWidget := false -}}
+        {{- range .Site.Params.widgets -}}
+            {{- if gt (len .) 0 -}}
+                {{- $hasWidget = true -}}
+            {{- end -}}
+        {{- end -}}
        <div class="container main-container flex on-phone--column {{ if $hasWidget }}extended{{ else }}compact{{ end }}">
            {{- block "left-sidebar" . -}}
                {{ partial "sidebar/left.html" . }}
@@ -1,46 +1,48 @@
 {{ define "main" }}
-    <h3 class="section-title">
-        {{ if eq .Parent (.GetPage "/") }}
-            {{ T "list.section" }}
-        {{ else }}
-            {{ .Parent.Title }}
-        {{ end }}
-    </h3>
-
-    <div class="section-card">
-        <div class="section-details">
-            <h3 class="section-count">{{ T "list.page" (len .Pages) }}</h3>
-            <h1 class="section-term">{{ .Title }}</h1>
-            {{ with .Params.description }}
-                <h2 class="section-description">{{ . }}</h2>
+    <header>
+        <h3 class="section-title">
+            {{ if eq .Parent (.GetPage "/") }}
+                {{ T "list.section" }}
+            {{ else }}
+                {{ .Parent.Title }}
            {{ end }}
-        </div>
+        </h3>

-        {{- $image := partialCached "helper/image" (dict "Context" . "Type" "section") .RelPermalink "section" -}}
-        {{ if $image.exists }}
-            <div class="section-image">
-                {{ if $image.resource }}
-                    {{- $Permalink := $image.resource.RelPermalink -}}
-                    {{- $Width := $image.resource.Width -}}
-                    {{- $Height := $image.resource.Height -}}
-
-                    {{- if (default true .Page.Site.Params.imageProcessing.cover.enabled) -}}
-                        {{- $thumbnail := $image.resource.Fill "120x120" -}}
-                        {{- $Permalink = $thumbnail.RelPermalink -}}
-                        {{- $Width = $thumbnail.Width -}}
-                        {{- $Height = $thumbnail.Height -}}
-                    {{- end -}}
-                    
-                    <img src="{{ $Permalink }}" 
-                        width="{{ $Width }}"
-                        height="{{ $Height }}" 
-                        loading="lazy">
-                {{ else }}
-                    <img src="{{ $image.permalink }}" loading="lazy" />
+        <div class="section-card">
+            <div class="section-details">
+                <h3 class="section-count">{{ T "list.page" (len .Pages) }}</h3>
+                <h1 class="section-term">{{ .Title }}</h1>
+                {{ with .Params.description }}
+                    <h2 class="section-description">{{ . }}</h2>
                {{ end }}
            </div>
-        {{ end }}
-    </div>
+    
+            {{- $image := partialCached "helper/image" (dict "Context" . "Type" "section") .RelPermalink "section" -}}
+            {{ if $image.exists }}
+                <div class="section-image">
+                    {{ if $image.resource }}
+                        {{- $Permalink := $image.resource.RelPermalink -}}
+                        {{- $Width := $image.resource.Width -}}
+                        {{- $Height := $image.resource.Height -}}
+    
+                        {{- if (default true .Page.Site.Params.imageProcessing.cover.enabled) -}}
+                            {{- $thumbnail := $image.resource.Fill "120x120" -}}
+                            {{- $Permalink = $thumbnail.RelPermalink -}}
+                            {{- $Width = $thumbnail.Width -}}
+                            {{- $Height = $thumbnail.Height -}}
+                        {{- end -}}
+                        
+                        <img src="{{ $Permalink }}" 
+                            width="{{ $Width }}"
+                            height="{{ $Height }}" 
+                            loading="lazy">
+                    {{ else }}
+                        <img src="{{ $image.permalink }}" loading="lazy" />
+                    {{ end }}
+                </div>
+            {{ end }}
+        </div>
+    </header>

    {{- $subsections := .Sections -}}
    {{- $pages := .Pages | complement $subsections -}}
@@ -53,14 +55,16 @@
    {{- end -}}

    {{- with $subsections -}}
-        <h2 class="section-title">{{ T "list.subsection" (len $subsections) }}</h2>
-        <div class="subsection-list">
-            <div class="article-list--tile">
-                {{ range . }}
-                    {{ partial "article-list/tile" (dict "context" . "size" "250x150" "Type" "section") }}
-                {{ end }}
+        <aside>
+            <h2 class="section-title">{{ T "list.subsection" (len $subsections) }}</h2>
+            <div class="subsection-list">
+                <div class="article-list--tile">
+                    {{ range . }}
+                        {{ partial "article-list/tile" (dict "context" . "size" "250x150" "Type" "section") }}
+                    {{ end }}
+                </div>
            </div>
-        </div>
+        </aside>
    {{- end -}}
    
    {{/* List only pages that are not a subsection */}}
@@ -1,9 +1,15 @@
-{{- $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections -}}
-{{- $notHidden := where .Site.RegularPages "Params.hidden" "!=" true -}}
-{{- $filtered := ($pages | intersect $notHidden) -}}
+{{- $pctx := . -}}
+{{- if .IsHome -}}{{ $pctx = .Site }}{{- end -}}
+{{- $pages := slice -}}
+{{- if or $.IsHome $.IsSection -}}
+{{- $pages = $pctx.RegularPages -}}
+{{- else -}}
+{{- $pages = $pctx.Pages -}}
+{{- end -}}
+{{- $pages := where $pages "Params.hidden" "!=" true -}}
 {{- $limit := .Site.Config.Services.RSS.Limit -}}
 {{- if ge $limit 1 -}}
-{{- $filtered = $filtered | first $limit -}}
+{{- $pages = $pages | first $limit -}}
 {{- end -}}
 {{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
@@ -20,7 +26,7 @@
        {{- with .OutputFormats.Get "RSS" -}}
        {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
        {{- end -}}
-        {{ range $filtered }}
+        {{ range $pages }}
        {{- $content := safeHTML (.Summary | html) -}}
        {{- if .Site.Params.rssFullContent -}}
            {{- $content = safeHTML (.Content | html) -}}
@@ -30,7 +30,7 @@
        {{ partial "article/components/links" . }}
    {{ end }}

-    {{ partial "article/components/related-contents" . }}
+    {{ partial "article/components/related-content" . }}
     
    {{ if not (eq .Params.comments false) }}
        {{ partial "comments/include" . }}
@@ -16,8 +16,10 @@
    </button>
 </form>

-<h3 class="search-result--title section-title"></h3>
-<div class="search-result--list article-list--compact"></div>
+<div class="search-result">
+    <h3 class="search-result--title section-title"></h3>
+    <div class="search-result--list article-list--compact"></div>
+</div>

 <script>
    window.searchResultTitleTemplate = "{{ T `search.resultTitle` }}"
@@ -10,7 +10,7 @@
                    {{- $Width := $imageRaw.Width -}}
                    {{- $Height := $imageRaw.Height -}}

-                    {{- if (default true .Page.Site.Params.imageProcessing.cover.enabled) -}}
+                    {{- if .context.Site.Params.imageProcessing.cover.enabled -}}
                        {{- $thumbnail := $imageRaw.Fill .size -}}
                        {{- $Permalink = $thumbnail.RelPermalink -}}
                        {{- $Width = $thumbnail.Width -}}
@@ -36,4 +36,4 @@
            </h2>
        </div>
    </a>
-</article>
+</article>
@@ -9,17 +9,19 @@
    </header>
    {{ end }}

-    <h2 class="article-title">
-        <a href="{{ .RelPermalink }}">
-            {{- .Title -}}
-        </a>
-    </h2>
-
-    {{ with .Params.description }}
-    <h3 class="article-subtitle">
-        {{ . }}
-    </h3>
-    {{ end }}
+    <div class="article-title-wrapper">
+        <h2 class="article-title">
+            <a href="{{ .RelPermalink }}">
+                {{- .Title -}}
+            </a>
+        </h2>
+    
+        {{ with .Params.description }}
+        <h3 class="article-subtitle">
+            {{ . }}
+        </h3>
+        {{ end }}
+    </div>

    {{ if or (not .Date.IsZero) (.Site.Params.article.readingTime) }}
    <footer class="article-time">
@@ -42,4 +44,15 @@
        {{ end }}
    </footer>
    {{ end }}
+
+    {{ if .IsTranslated }}
+        <footer class="article-translations">
+            {{ partial "helper/icon" "language" }}
+            <div>
+                {{ range .Translations }}
+                    <a href="{{ .Permalink }}" class="link">{{ .Language.LanguageName }}</a>
+                {{ end }}
+            </div>
+        </footer>
+    {{ end }}
 </div>
@@ -0,0 +1,13 @@
+{{ $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>
+    <div class="related-content">
+        <div class="flex article-list--tile">
+            {{ range . }}
+                {{ partial "article-list/tile" (dict "context" . "size" "250x150" "Type" "articleList") }}
+            {{ end }}
+        </div>
+    </div>
+</aside>
+{{ end }}
@@ -1,13 +0,0 @@
-<aside class="related-contents--wrapper">
-    {{ $related := (where (.Site.RegularPages.Related .) "Params.hidden" "!=" true) | first 5 }}
-    {{ with $related }}
-        <h2 class="section-title">{{ T "article.relatedContents" }}</h2>
-        <div class="related-contents">
-            <div class="flex article-list--tile">
-                {{ range . }}
-                    {{ partial "article-list/tile" (dict "context" . "size" "250x150" "Type" "articleList") }}
-                {{ end }}
-            </div>
-        </div>
-    {{ end }}
-</aside>
@@ -13,7 +13,7 @@

 <script>
    window.addEventListener('onColorSchemeChange', (e) => {
-        if (DISQUS) {
+        if (typeof DISQUS == 'object') {
            DISQUS.reset({
                reload: true
            });
@@ -9,41 +9,41 @@
    data-reactions-enabled="{{- default 1 .reactionsEnabled -}}"
    data-emit-metadata="{{- default 0 .emitMetadata -}}"
    data-theme="{{- default `light` .lightTheme -}}"
+    data-lang="{{- default `en` .lang -}}"
    crossorigin="anonymous"
    async
 ></script>
 <script>
    function setGiscusTheme(theme) {
-        let giscus = document.querySelector('iframe.giscus-frame');
+        let giscus = document.querySelector("iframe.giscus-frame");
        if (giscus) {
            giscus.contentWindow.postMessage(
-                { 
+                {
                    giscus: {
-                        setConfig: { 
-                            theme: theme 
-                        }
-                    }
+                        setConfig: {
+                            theme: theme,
+                        },
+                    },
                },
                "https://giscus.app"
            );
-        };
-    };
+        }
+    }

-    (function(){
-        addEventListener('message', (e) => {
-            if (event.origin !== 'https://giscus.app') return;
-            handler()
+    (function () {
+        addEventListener("message", (e) => {
+            if (event.origin !== "https://giscus.app") return;
+            handler();
        });
-        window.addEventListener('onColorSchemeChange', handler);
+        window.addEventListener("onColorSchemeChange", handler);

        function handler() {
            if (document.documentElement.dataset.scheme === "light") {
                setGiscusTheme('{{- default "light" .lightTheme -}}');
            } else {
                setGiscusTheme('{{- default "dark_dimmed" .darkTheme -}}');
-            };
-        };
-    }());
+            }
+        }
+    })();
 </script>
 {{- end -}}
-
@@ -1,4 +1,4 @@
-<script src="//cdn.jsdelivr.net/npm/twikoo@1.4.18/dist/twikoo.all.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/twikoo@1.5.11/dist/twikoo.all.min.js"></script>
 <div id="tcomment"></div>
 <style>
    .twikoo {
@@ -28,6 +28,10 @@
    .twikoo .el-button{
        color: var(--twikoo-body-text-color)!important;
    }
+    .OwO .OwO-body {
+        background-color: var(--body-background) !important;
+        color: var(--body-text-color) !important;
+    }
 </style>

 {{- with .Site.Params.comments.twikoo -}}
@@ -3,7 +3,7 @@

 <div id="vssue"></div>

-<script src="https://unpkg.com/vue/dist/vue.runtime.min.js"></script>
+<script src="https://unpkg.com/vue@2/dist/vue.runtime.min.js"></script>
 <script src="https://unpkg.com/vssue/dist/vssue.{{ .platform }}.min.js"></script>

 <script>
@@ -1,4 +1,5 @@
-<script src='//cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.js'></script>
+<script src='//unpkg.com/@waline/client@v2/dist/waline.js'></script>
+<link href='//unpkg.com/@waline/client@v2/dist/waline.css' rel='stylesheet'/>
 <div id="waline" class="waline-container"></div>
 <style>
    .waline-container {
@@ -6,15 +7,16 @@
        border-radius: var(--card-border-radius);
        box-shadow: var(--shadow-l1);
        padding: var(--card-padding);
+        --waline-font-size: var(--article-font-size);
    }
-    .waline-container .vcount {
+    .waline-container .wl-count {
        color: var(--card-text-color-main);
    }
 </style>

 {{- with .Site.Params.comments.waline -}}
 {{- $config := dict "el" "#waline" "dark" `html[data-scheme="dark"]` -}}
-{{- $replaceKeys := dict "serverurl" "serverURL" "requiredmeta" "requiredMeta" "wordlimit" "wordLimit" "pagesize" "pageSize" "avatarcdn" "avatarCDN" "avatarforce" "avatarForce" -}}
+{{- $replaceKeys := dict "serverurl" "serverURL" "requiredmeta" "requiredMeta" "wordlimit" "wordLimit" "pagesize" "pageSize" "imageuploader" "imageUploader" "texrenderer" "texRenderer" -}}

 {{- range $key, $val := . -}}
    {{- if $val -}}  
@@ -27,6 +29,6 @@

 <script>
    /// Waline client configuration see: https://waline.js.org/en/reference/client.html
-    new Waline({{ $config | jsonify | safeJS }});
+    Waline.init({{ $config | jsonify | safeJS }});
 </script>
 {{- end -}}
@@ -1,4 +1,4 @@
-{{- $ThemeVersion := "3.8.0" -}}
+{{- $ThemeVersion := "3.12.0" -}}
 <footer class="site-footer">
    <section class="copyright">
        &copy; 
@@ -1,11 +1,11 @@
-<aside class="sidebar left-sidebar sticky">
+<aside class="sidebar left-sidebar sticky {{ if .Site.Params.sidebar.compact }}compact{{ end }}">
    <button class="hamburger hamburger--spin" type="button" id="toggle-menu" aria-label="{{ T `toggleMenu` }}">
        <span class="hamburger-box">
            <span class="hamburger-inner"></span>
        </span>
    </button>

-    <header class="site-info">
+    <header>
        {{ with .Site.Params.sidebar.avatar }}
            {{ if (default true .enabled) }}
            <figure class="site-avatar">
@@ -31,29 +31,31 @@
            {{ end }}
        {{ end }}
        
-        <h1 class="site-name"><a href="{{ .Site.BaseURL | relLangURL }}">{{ .Site.Title }}</a></h1>
-        <h2 class="site-description">{{ .Site.Params.sidebar.subtitle }}</h2>
-
-        {{- with .Site.Menus.social -}}
-            <ol class="social-menu">
-                {{ range . }}
-                    <li>
-                        <a 
-                            href='{{ .URL }}'
-                            {{ if eq (default true .Params.newTab) true }}target="_blank"{{ end }}
-                            {{ with .Name }}title="{{ . }}"{{ end }}
-                        >
-                            {{ $icon := default "link" .Params.Icon }}
-                            {{ with $icon }}
-                                {{ partial "helper/icon" . }}
-                            {{ end }}
-                        </a>
-                    </li>
-                {{ end }}
-            </ol>
-        {{- end -}}
+        <div class="site-meta">
+            <h1 class="site-name"><a href="{{ .Site.BaseURL | relLangURL }}">{{ .Site.Title }}</a></h1>
+            <h2 class="site-description">{{ .Site.Params.sidebar.subtitle }}</h2>
+        </div>
    </header>

+    {{- with .Site.Menus.social -}}
+        <ol class="social-menu">
+            {{ range . }}
+                <li>
+                    <a 
+                        href='{{ .URL }}'
+                        {{ if eq (default true .Params.newTab) true }}target="_blank"{{ end }}
+                        {{ with .Name }}title="{{ . }}"{{ end }}
+                    >
+                        {{ $icon := default "link" .Params.Icon }}
+                        {{ with $icon }}
+                            {{ partial "helper/icon" . }}
+                        {{ end }}
+                    </a>
+                </li>
+            {{ end }}
+        </ol>
+    {{- end -}}
+
    <ol class="menu" id="main-menu">
        {{ $currentPage := . }}
        {{ range .Site.Menus.main }}
@@ -73,12 +75,26 @@
        </li>
        {{ end }}

-        {{ if (default false .Site.Params.colorScheme.toggle) }}
-            <li id="dark-mode-toggle">
-                {{ partial "helper/icon" "toggle-left" }}
-                {{ partial "helper/icon" "toggle-right" }}
-                <span>{{ T "darkMode" }}</span>
-            </li>
-        {{ end }}
+        <div class="menu-bottom-section">
+            {{- $currentLanguageCode := .Language.Lang -}}
+            {{ with .Site.Home.AllTranslations }}
+                <li id="i18n-switch">  
+                    {{ partial "helper/icon" "language" }}
+                    <select name="language" onchange="window.location.href = this.selectedOptions[0].value">
+                        {{ range . }}
+                            <option value="{{ .Permalink }}" {{ if eq .Language.Lang $currentLanguageCode }}selected{{ end }}>{{ .Language.LanguageName }}</option>
+                        {{ end }}
+                    </select>
+                </li>
+            {{ end }}
+            
+            {{ if (default false .Site.Params.colorScheme.toggle) }}
+                <li id="dark-mode-toggle">
+                    {{ partial "helper/icon" "toggle-left" }}
+                    {{ partial "helper/icon" "toggle-right" }}
+                    <span>{{ T "darkMode" }}</span>
+                </li>
+            {{ end }}
+        </div>
    </ol>
 </aside>
@@ -0,0 +1,16 @@
+{{- $context := .Context -}}
+{{- $limit := default 10 .Params.limit -}}
+<section class="widget tagCloud">
+    <div class="widget-icon">
+        {{ partial "helper/icon" "categories" }}
+    </div>
+    <h2 class="widget-title section-title">{{ T "widget.categoriesCloud.title" }}</h2>
+
+    <div class="tagCloud-tags">
+        {{ range first $limit $context.Site.Taxonomies.categories.ByCount }}
+            <a href="{{ .Page.RelPermalink }}" class="font_size_{{ .Count }}">
+                {{ .Page.Title }}
+            </a>
+        {{ end }}
+    </div>
+</section>
@@ -0,0 +1,15 @@
+<blockquote>
+    <p>{{ .Inner | markdownify }}</p>
+    {{- if or (.Get "author") (.Get "source") -}}
+    <span class="cite"><span>― </span>
+        {{- if .Get "author" -}}
+        <span>
+            {{- .Get "author" -}}{{- if .Get "source" -}}, {{ end -}}
+        </span>
+        {{- end -}}
+        {{- with .Get "url" -}}<a href="{{ . }}">{{- end -}}
+            <cite>{{ .Get "source" }}</cite>
+        {{- if .Get "url" -}}</a>{{- end -}}
+    </span>
+    {{- end -}}
+</blockquote>
Author	SHA1	Message	Date
Jimmy CaiandGitHub	5608f0a5e1	release: 3.12.0	2022-06-10 22:54:12 +00:00
Jimmy CaiandGitHub	165c96a8e0	fix(comments): Twikoo dark mode emoji selector background closes https://github.com/CaiJimmy/hugo-theme-stack/issues/583 credit: https://github.com/CaiJimmy/hugo-theme-stack/issues/583#issuecomment-1096270207 (@rmdhnreza)	2022-06-10 22:43:16 +00:00
lonzziandGitHub	7142de24cc	fix(article): TOC link not working when the heading starts with digits (#603 )	2022-06-11 00:39:16 +02:00
cubercslandGitHub	9aa6b4925b	fix(style): toc counter is incorrect when there are `<a>` in heading (#601 ) closes https://github.com/CaiJimmy/hugo-theme-stack/issues/495, https://github.com/CaiJimmy/hugo-theme-stack/issues/589	2022-06-11 00:34:19 +02:00
Sajjad ShirazyandGitHub	92a6d71ce5	feat(i18n): add Persian(Farsi) translation (#602 )	2022-06-10 20:55:59 +02:00
Jimmy CaiandGitHub	01eb9a4b0e	fix: check if DISQUS is loaded before accessing it (#626 ) closes https://github.com/CaiJimmy/hugo-theme-stack/issues/571	2022-06-09 22:43:08 +02:00
Mehedi HasanandGitHub	49c0a2bc56	feat(i18n): add Bengali translation (#625 )	2022-06-09 20:48:24 +02:00
luoboQAQandGitHub	9eec31f0b6	feat(comment): Update Waline to V2 version (#616 ) * ✨ feat(comment): 更新Waline至V2版本 * 保留placeholder属性	2022-06-08 18:30:52 +02:00
Simon GuestandGitHub	772b9e3ba8	fix(article): regression in article copyright link box-shadow (#611 ) Somewhere between hugo 0.88.1 and 0.98.0, box-shadow got applied to the article copyright, which is an ugly regression.	2022-06-08 18:21:28 +02:00
Simon Guest GitHub Jimmy Cai	955bb8dd7f	feat(shortcodes): add quote shortcode, and example (#414 ) * Add quote shortcode, and example * Use trim to improve whitespace * Allow for quote with neither author nor source * Format code and move quote.scss to article.scss This style is only used on the article page, so it makes more sense to have it there. Co-authored-by: Jimmy Cai <github@jimmycai.com>	2022-06-08 17:59:23 +02:00
Felix NiederwangerandGitHub	0a5cbea10f	feat(i18n): add missing translation (it, nl) for categories (#614 )	2022-06-05 19:01:31 +02:00
baptiste313andGitHub	e8f1b8f7b7	chore: update dependencies (KaTeX, node-vibrant) (#477 )	2022-06-05 18:50:27 +02:00
WeltolkandGitHub	06c68e2aa2	chore: update twikoo version to 1.5.11 (#613 )	2022-06-05 18:48:01 +02:00
Jimmy CaiandGitHub	3a79e9856e	fix: read `imageProcessing.cover.enabled` correctly (#621 )	2022-06-05 18:21:08 +02:00
Zsombor UdvardyandGitHub	add8f364e0	feat(i18n): add Hungarian translation (#584 )	2022-06-05 18:00:05 +02:00
Spence ChurchillandGitHub	5e350b92e8	refactor: rename "Related contents" to "Related content" (#567 )	2022-06-05 17:20:08 +02:00
Allen GuanandGitHub	58b1e0706a	feat: add `general.scss` and change link hover style (#550 )	2022-06-05 17:00:14 +02:00
Niko KöserandGitHub	14bb05c8db	docs(i18n): add German translation for categories widget (#596 )	2022-06-05 13:02:41 +02:00
ti777777andGitHub	c1fcec95a6	chore(README): fix a typo (#543 )	2022-03-20 12:42:28 +01:00
Jimmy CaiandGitHub	69ac21d0f7	release: 3.11.0	2022-03-19 23:56:29 +00:00
慕枫GoandGitHub	8c04e8362c	fix(vssue): Vue version compatibility (#546 )	2022-03-20 00:52:06 +01:00
RADDAH GitHub Jimmy Cai	c5eee559c2	fix(i18n/ar): update Reading Time localization for Arabic language (#527 ) * update the localization based on Arabic syntax readingTime variable updated to match the exact syntax for Arabic language One variable in Arabic no need to add the count variable for 1 minute, there is a word to describe that specifically. Other variable localization updated to match Arabic grammar tenses. * remove unnecessary leading space Co-authored-by: Jimmy Cai <github@jimmycai.com>	2022-03-20 00:41:18 +01:00
Farrel FranqoisandGitHub	2726cf7549	feat(i18n/id): Add translation for Category Widget (#548 )	2022-03-20 00:38:00 +01:00
Jimmy CaiandGitHub	de952be116	fix(exampleSite): cn.md -> zh-cn.md	2022-03-19 23:16:58 +00:00
HugooandGitHub	1cfd39c627	feat(i18n): add Catalan translation (#557 )	2022-03-20 00:14:26 +01:00
HugooandGitHub	bf8868c8e7	feat(i18n/es): add translation for Category widget (#558 )	2022-03-20 00:06:27 +01:00
KonnyakuandGitHub	da6a50ddb5	feat(i18n): add Chinese(Hong Kong) translation (#560 )	2022-03-20 00:05:12 +01:00
zhixuanandGitHub	2671f292fd	fix(exampleSite): wrong `zh-cn` about page filename (#562 )	2022-03-20 00:00:08 +01:00
Kacper BetańskiandGitHub	9d922272e4	feat(i18n/pl): Add translation for Category widget (#563 )	2022-03-19 23:58:05 +01:00
Jimmy CaiandGitHub	5699510c36	refactor(article): remove article toolbar style	2022-03-19 22:41:37 +00:00
Jimmy CaiandGitHub	7d1713d407	refactor(i18n): use lowercase language codes Related with this Hugo issue: https://github.com/gohugoio/hugo/issues/7344	2022-03-09 15:04:24 +00:00
Jimmy CaiandGitHub	b5d0c5b37d	fix(exampleSite): cn -> zh-CN	2022-03-09 14:59:36 +00:00
zhixuanandGitHub	0167edcbf2	feat(i18n): add missing ja & zh-CN translations (#538 )	2022-03-07 21:33:04 +01:00
Jimmy CaiandGitHub	7a5dccdfd3	doc: add quickstart template	2022-03-06 11:17:03 +01:00
Jimmy CaiandGitHub	de9756291b	release: 3.10.0	2022-03-06 10:58:31 +01:00
Jimmy CaiandGitHub	07e1b856b0	feat: same container width on all pages (#534 )	2022-03-06 10:58:02 +01:00
Jimmy CaiandGitHub	8f5164b5b9	chore: add go.mod again	2022-03-05 17:35:18 +00:00
Jimmy CaiandGitHub	07da61b1f2	chore: delete go.mod	2022-03-05 17:25:02 +00:00
Jimmy CaiandGitHub	76925213a3	chore: update go.mod Trying to figure out what's wrong	2022-03-05 17:22:11 +00:00
Jimmy CaiandGitHub	0317e19ef2	fix(RSS): page context selection	2022-03-05 17:15:08 +00:00
Jimmy CaiandGitHub	863e6d4116	Resolve merge conflict	2022-03-05 17:14:24 +00:00
Jimmy CaiandGitHub	72629cf476	Merge branch 'fix-rss-pctx' of https://github.com/nella17/hugo-theme-stack into nella17-fix-rss-pctx	2022-03-05 17:13:42 +00:00
Jimmy CaiandGitHub	d455336d57	fix: remove section filter in rss.xml	2022-03-05 18:11:48 +01:00
Jimmy Cai	5449f786ac	release: 3.9.0	2022-03-04 10:40:41 +01:00
Jimmy CaiandGitHub	6f60f4f552	fix: disable external image lightbox (#525 )	2022-03-04 10:31:57 +01:00
Jimmy CaiandGitHub	985af924e7	feat: new left sidebar layout (#524 ) * feat: more compact menu style * add compact option to sidebar * fix mobile menu style	2022-03-04 10:24:21 +01:00
Jimmy CaiandGitHub	c122e5e9a1	chore(exampleSite): remove extra home menu item	2022-03-04 08:47:51 +00:00
Jimmy CaiandGitHub	15d2040f7e	chore(exampleSite): fix home menu item highlight	2022-03-04 08:46:27 +00:00
Jimmy CaiandGitHub	79e23544a9	Merge branch 'master' of https://github.com/CaiJimmy/hugo-theme-stack	2022-03-04 08:41:50 +00:00
Jimmy CaiandGitHub	c4e864a08d	doc(exampleSite): move chinese-test post to /cn	2022-03-04 08:41:47 +00:00
Jimmy CaiandGitHub	dbf4c2e58f	chore: add Github link to funding.yml	2022-03-04 09:39:27 +01:00
FarisZRandGitHub	47c19a0fbc	feat(i18n): add Arabic translation (#157 )	2022-03-04 00:28:17 +01:00
FarisZRandGitHub	0d0375a7fc	feat: add RTL Support and update demo site to Show Arabic/RTL content (#519 ) * add LanguageDirection variable * add .direction-rtl and .direction-ltr clases * margin -right > margin-inline-end * keep Codeblocks LTR * switch to logical properties * left -> inset-inline-start * Add Arabic/RTL placeholder text * Add arabic language * remove space * use Html Dir instead of class * Move codeblock code to layout/article.css and fix 4 spaces codeblocks * remove unused clases	2022-03-04 00:25:34 +01:00
Jimmy CaiandGitHub	86ad00cf8c	doc: add categories widget to exampleSite	2022-03-03 22:48:26 +00:00
Felix Niederwanger GitHub Jimmy Cai	e22664be13	feat(widget): add category widget (#475 ) * Add category widget Adds the ability to add a category to the widgets. * Adapt to new widget scheme Co-authored-by: Jimmy Cai <github@jimmycai.com>	2022-03-03 23:47:10 +01:00
Jimmy CaiandGitHub	d806226ec8	fix: article-details gap	2022-03-03 22:39:04 +00:00
Jimmy CaiandGitHub	8abaa444c1	refactor: add flexbox gap to .article-details	2022-03-03 22:36:17 +00:00
Jimmy CaiandGitHub	04cdbcfedf	refactor: Use flexbox gap (#520 )	2022-03-03 23:11:19 +01:00
Jimmy CaiandGitHub	adf27aebf2	Revert "fix(RSS): hidden post visible on feed (#514 )" (#517 )	2022-03-03 07:31:03 +01:00
Allen Guan	9dbc0a4f38	fix(RSS): page context selection	2022-03-03 12:38:47 +08:00
zhixuanandGitHub	24cd07589b	feat(comments): add lang option for giscus (#498 )	2022-03-02 21:31:44 +01:00
Allen GuanandGitHub	98923b1dd7	fix(RSS): hidden post visible on feed (#514 )	2022-03-02 21:24:56 +01:00
Jimmy CaiandGitHub	2712887c7c	feat: multilingual site switch (#512 ) * feat: multilingual site switch * fix menu item margin switch to flexbox gap	2022-02-27 10:51:02 +01:00
Jimmy CaiandGitHub	b3b8fa73ef	feat(article): add link to translated content (#511 )	2022-02-27 09:48:57 +01:00