Compare commits

..

1 Commits

Author SHA1 Message Date
Azkellas 87df178577
Merge 98892944c4 into d7f270ef1a 2023-12-23 22:43:25 +01:00
63 changed files with 470 additions and 551 deletions

View File

@ -1,7 +1,7 @@
i18n:
- changed-files:
- changed-files:
- any-glob-to-any-file: i18n/*
documentation:
- changed-files:
- any-glob-to-any-file: "**/*.md"
- changed-files:
- any-glob-to-any-file: '**/*.md'

View File

@ -1,8 +0,0 @@
/assets/css/compiled/
/assets/lib/
/layouts/_default/_markup/*.html
/layouts/shortcodes/figure.html
/layouts/shortcodes/screenshot.html
/exampleSite/content/docs/version-2/lighthouse.html

View File

@ -1,5 +1,5 @@
{
"plugins": ["prettier-plugin-go-template", "prettier-plugin-tailwindcss"],
"plugins": ["prettier-plugin-go-template"],
"goTemplateBracketSpacing": true,
"htmlWhitespaceSensitivity": "css",
"printWidth": 100,
@ -9,7 +9,7 @@
"trailingComma": "es5",
"overrides": [
{
"files": ["*.html", "layouts/_default/*.json"],
"files": ["*.html"],
"options": {
"parser": "go-template"
}

View File

@ -14,7 +14,6 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
- Ability to share articles to Telegram and Line ([#719](https://github.com/jpanther/congo/pull/719))
- New icons for `line`, `google-scholar`, `mendeley` and `weibo` ([#719](https://github.com/jpanther/congo/pull/719), [#755](https://github.com/jpanther/congo/pull/755), [#756](https://github.com/jpanther/congo/pull/756))
- Weibo sharing links ([#756](https://github.com/jpanther/congo/pull/756))
- Support for Tailwind '950' colour variants ([#751](https://github.com/jpanther/congo/pull/751))
- Table of contents will now scroll if taller than the browser height ([#733](https://github.com/jpanther/congo/pull/733))
- Korean translation ([#731](https://github.com/jpanther/congo/pull/731))
@ -24,7 +23,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
- ⚠️ Author params block in language configuration has been moved to `params.author` ([#704](https://github.com/jpanther/congo/pull/704))
- Refactored image logic into a new `picture.html` partial ([#693](https://github.com/jpanther/congo/pull/693))
- Upgrade to ChartJS v4.4.1 ([#736](https://github.com/jpanther/congo/pull/736))
- Upgrade to Tailwind v3.4.0 ([#737](https://github.com/jpanther/congo/pull/737), [#752](https://github.com/jpanther/congo/pull/752), [#759](https://github.com/jpanther/congo/pull/759))
- Upgrade to Tailwind v3.3.7 ([#737](https://github.com/jpanther/congo/pull/737), [#752](https://github.com/jpanther/congo/pull/752))
- Updated Japanese translation ([#750](https://github.com/jpanther/congo/pull/750))
### Fixed

View File

@ -1,6 +1,6 @@
/*! Congo v2.7.6 | MIT License | https://github.com/jpanther/congo */
/*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com */
/*! tailwindcss v3.3.7 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@ -32,11 +32,9 @@
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
html {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
@ -46,14 +44,12 @@ html,
-o-tab-size: 4;
tab-size: 4;
/* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 4 */
font-feature-settings: normal;
/* 5 */
font-variation-settings: normal;
/* 6 */
-webkit-tap-highlight-color: transparent;
/* 7 */
}
/*
@ -1104,31 +1100,31 @@ body:has(#menu-controller:checked) {
/* RTL support */
:is(:where([dir="rtl"]) .prose blockquote) {
:is([dir="rtl"] .prose blockquote) {
border-left-width: 0px;
border-right-width: 4px;
padding-right: 1rem;
}
:is(:where([dir="rtl"]) .prose ul > li),:is(:where([dir="rtl"])
:is([dir="rtl"] .prose ul > li),:is([dir="rtl"]
.prose ol > li) {
margin-right: 1.75rem;
padding-left: 0px;
padding-right: 0.5rem;
}
:is(:where([dir="rtl"]) .prose ol > li):before,:is(:where([dir="rtl"])
:is([dir="rtl"] .prose ol > li):before,:is([dir="rtl"]
.prose ul > li):before {
left: auto;
right: 0.25rem;
}
:is(:where([dir="rtl"]) .prose thead td:first-child),:is(:where([dir="rtl"])
:is([dir="rtl"] .prose thead td:first-child),:is([dir="rtl"]
.prose thead th:first-child) {
padding-right: 0px;
}
:is(:where([dir="rtl"]) .prose thead td:last-child),:is(:where([dir="rtl"])
:is([dir="rtl"] .prose thead td:last-child),:is([dir="rtl"]
.prose thead th:last-child) {
padding-left: 0px;
}
@ -1165,12 +1161,12 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
:is(:where(.dark) .toc a) {
:is(.dark .toc a) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
}
:is(:where([dir="rtl"]) .toc ul > li) {
:is([dir="rtl"] .toc ul > li) {
margin-right: 0px;
}
@ -1192,8 +1188,8 @@ body:has(#menu-controller:checked) {
.copy-button {
visibility: hidden;
position: absolute;
right: 0px;
top: 0px;
right: 0px;
z-index: 10;
width: 5rem;
cursor: pointer;
@ -1212,7 +1208,7 @@ body:has(#menu-controller:checked) {
opacity: 0.9;
}
:is(:where(.dark) .copy-button) {
:is(.dark .copy-button) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
--tw-text-opacity: 1;
@ -1227,9 +1223,9 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
}
:is(:where(.dark) .copy-button:hover),:is(:where(.dark)
.copy-button:focus),:is(:where(.dark)
.copy-button:active),:is(:where(.dark)
:is(.dark .copy-button:hover),:is(.dark
.copy-button:focus),:is(.dark
.copy-button:active),:is(.dark
.copy-button:active:hover) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
@ -1277,7 +1273,7 @@ code {
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma) {
:is(.dark .chroma) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
--tw-text-opacity: 1;
@ -1313,7 +1309,7 @@ code {
color: rgba(var(--color-neutral-600), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .lnt),:is(:where(.dark)
:is(.dark .chroma .lnt),:is(.dark
.chroma .ln) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
@ -1337,7 +1333,7 @@ code {
background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
}
:is(:where(.dark) .chroma .hl) {
:is(.dark .chroma .hl) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
@ -1376,15 +1372,15 @@ code {
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .k),:is(:where(.dark)
.chroma .kd),:is(:where(.dark)
.chroma .kn),:is(:where(.dark)
.chroma .kp),:is(:where(.dark)
.chroma .kr),:is(:where(.dark)
.chroma .nc),:is(:where(.dark)
.chroma .fm),:is(:where(.dark)
.chroma .nn),:is(:where(.dark)
.chroma .vc),:is(:where(.dark)
:is(.dark .chroma .k),:is(.dark
.chroma .kd),:is(.dark
.chroma .kn),:is(.dark
.chroma .kp),:is(.dark
.chroma .kr),:is(.dark
.chroma .nc),:is(.dark
.chroma .fm),:is(.dark
.chroma .nn),:is(.dark
.chroma .vc),:is(.dark
.chroma .o) {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-300), var(--tw-text-opacity));
@ -1398,7 +1394,7 @@ code {
color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .kc) {
:is(.dark .chroma .kc) {
--tw-text-opacity: 1;
color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
}
@ -1440,16 +1436,16 @@ code {
color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .kt),:is(:where(.dark)
.chroma .nv),:is(:where(.dark)
.chroma .vi),:is(:where(.dark)
.chroma .vm),:is(:where(.dark)
.chroma .m),:is(:where(.dark)
.chroma .mb),:is(:where(.dark)
.chroma .mf),:is(:where(.dark)
.chroma .mh),:is(:where(.dark)
.chroma .mi),:is(:where(.dark)
.chroma .il),:is(:where(.dark)
:is(.dark .chroma .kt),:is(.dark
.chroma .nv),:is(.dark
.chroma .vi),:is(.dark
.chroma .vm),:is(.dark
.chroma .m),:is(.dark
.chroma .mb),:is(.dark
.chroma .mf),:is(.dark
.chroma .mh),:is(.dark
.chroma .mi),:is(.dark
.chroma .il),:is(.dark
.chroma .mo) {
--tw-text-opacity: 1;
color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
@ -1471,9 +1467,9 @@ code {
color: rgba(var(--color-secondary-900), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .n),:is(:where(.dark)
.chroma .nd),:is(:where(.dark)
.chroma .ni),:is(:where(.dark)
:is(.dark .chroma .n),:is(.dark
.chroma .nd),:is(.dark
.chroma .ni),:is(.dark
.chroma .nl) {
--tw-text-opacity: 1;
color: rgba(var(--color-secondary-200), var(--tw-text-opacity));
@ -1501,11 +1497,11 @@ code {
color: rgba(var(--color-secondary-800), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .na),:is(:where(.dark)
.chroma .nb),:is(:where(.dark)
.chroma .bp),:is(:where(.dark)
.chroma .nx),:is(:where(.dark)
.chroma .py),:is(:where(.dark)
:is(.dark .chroma .na),:is(.dark
.chroma .nb),:is(.dark
.chroma .bp),:is(.dark
.chroma .nx),:is(.dark
.chroma .py),:is(.dark
.chroma .nt) {
--tw-text-opacity: 1;
color: rgba(var(--color-secondary-300), var(--tw-text-opacity));
@ -1525,8 +1521,8 @@ code {
color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .no),:is(:where(.dark)
.chroma .ne),:is(:where(.dark)
:is(.dark .chroma .no),:is(.dark
.chroma .ne),:is(.dark
.chroma .vg) {
--tw-text-opacity: 1;
color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
@ -1539,7 +1535,7 @@ code {
color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .nf) {
:is(.dark .chroma .nf) {
--tw-text-opacity: 1;
color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
}
@ -1596,21 +1592,21 @@ code {
color: rgba(var(--color-primary-800), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .l),:is(:where(.dark)
.chroma .ld),:is(:where(.dark)
.chroma .s),:is(:where(.dark)
.chroma .sa),:is(:where(.dark)
.chroma .sb),:is(:where(.dark)
.chroma .sc),:is(:where(.dark)
.chroma .dl),:is(:where(.dark)
.chroma .sd),:is(:where(.dark)
.chroma .s2),:is(:where(.dark)
.chroma .sh),:is(:where(.dark)
.chroma .si),:is(:where(.dark)
.chroma .sx),:is(:where(.dark)
.chroma .s1),:is(:where(.dark)
.chroma .gi),:is(:where(.dark)
.chroma .go),:is(:where(.dark)
:is(.dark .chroma .l),:is(.dark
.chroma .ld),:is(.dark
.chroma .s),:is(.dark
.chroma .sa),:is(.dark
.chroma .sb),:is(.dark
.chroma .sc),:is(.dark
.chroma .dl),:is(.dark
.chroma .sd),:is(.dark
.chroma .s2),:is(.dark
.chroma .sh),:is(.dark
.chroma .si),:is(.dark
.chroma .sx),:is(.dark
.chroma .s1),:is(.dark
.chroma .gi),:is(.dark
.chroma .go),:is(.dark
.chroma .gp) {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
@ -1624,7 +1620,7 @@ code {
color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .se) {
:is(.dark .chroma .se) {
--tw-text-opacity: 1;
color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
}
@ -1640,7 +1636,7 @@ code {
color: rgba(var(--color-primary-800), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .sr),:is(:where(.dark)
:is(.dark .chroma .sr),:is(.dark
.chroma .ss) {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
@ -1654,7 +1650,7 @@ code {
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .ow) {
:is(.dark .chroma .ow) {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
@ -1682,11 +1678,11 @@ code {
color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .c),:is(:where(.dark)
.chroma .cm),:is(:where(.dark)
.chroma .c1),:is(:where(.dark)
.chroma .cs),:is(:where(.dark)
.chroma .cp),:is(:where(.dark)
:is(.dark .chroma .c),:is(.dark
.chroma .cm),:is(.dark
.chroma .c1),:is(.dark
.chroma .cs),:is(.dark
.chroma .cp),:is(.dark
.chroma .cpf) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
@ -1701,7 +1697,7 @@ code {
color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
}
:is(:where(.dark) .chroma .ch) {
:is(.dark .chroma .ch) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
}
@ -2648,7 +2644,7 @@ code {
transition-duration: 150ms;
}
:is(:where(.dark) .dark\:prose-invert) {
:is(.dark .dark\:prose-invert) {
--tw-prose-body: var(--tw-prose-invert-body);
--tw-prose-headings: var(--tw-prose-invert-headings);
--tw-prose-lead: var(--tw-prose-invert-lead);
@ -2669,16 +2665,16 @@ code {
--tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
:is(:where(.dark) .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
:is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
text-decoration-color: rgba(var(--color-neutral-600), 1);
}
:is(:where(.dark) .dark\:prose-invert) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
:is(.dark .dark\:prose-invert) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color: rgba(var(--color-neutral-200), 1);
background-color: rgba(var(--color-neutral-700), 1);
}
:is(:where(.dark) .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
:is(.dark .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
background-color: rgba(var(--color-secondary-400), 1);
}
@ -2814,6 +2810,183 @@ code {
opacity: 1;
}
:is([dir="ltr"] .ltr\:right-0) {
right: 0px;
}
:is([dir="ltr"] .ltr\:block) {
display: block;
}
:is([dir="ltr"] .ltr\:inline) {
display: inline;
}
:is([dir="ltr"] .ltr\:hidden) {
display: none;
}
:is([dir="rtl"] .rtl\:left-0) {
left: 0px;
}
:is([dir="rtl"] .rtl\:block) {
display: block;
}
:is([dir="rtl"] .rtl\:inline) {
display: inline;
}
:is([dir="rtl"] .rtl\:hidden) {
display: none;
}
:is(.dark .dark\:inline) {
display: inline;
}
:is(.dark .dark\:flex) {
display: flex;
}
:is(.dark .dark\:hidden) {
display: none;
}
:is(.dark .dark\:border-neutral-600) {
--tw-border-opacity: 1;
border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity));
}
:is(.dark .dark\:border-neutral-700) {
--tw-border-opacity: 1;
border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity));
}
:is(.dark .dark\:border-primary-600) {
--tw-border-opacity: 1;
border-color: rgba(var(--color-primary-600), var(--tw-border-opacity));
}
:is(.dark .dark\:bg-neutral-600) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-neutral-700) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-neutral-800) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-neutral-800\/50) {
background-color: rgba(var(--color-neutral-800), 0.5);
}
:is(.dark .dark\:bg-neutral-900\/50) {
background-color: rgba(var(--color-neutral-900), 0.5);
}
:is(.dark .dark\:bg-primary-400) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-primary-800) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-primary-900) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
:is(.dark .dark\:text-neutral) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral), var(--tw-text-opacity));
}
:is(.dark .dark\:text-neutral-100) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
}
:is(.dark .dark\:text-neutral-300) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
}
:is(.dark .dark\:text-neutral-400) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
}
:is(.dark .dark\:text-neutral-500) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
}
:is(.dark .dark\:text-neutral-800) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
}
:is(.dark .dark\:text-primary-400) {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:border-primary-600:hover) {
--tw-border-opacity: 1;
border-color: rgba(var(--color-primary-600), var(--tw-border-opacity));
}
:is(.dark .dark\:hover\:\!bg-primary-700:hover) {
--tw-bg-opacity: 1 !important;
background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important;
}
:is(.dark .dark\:hover\:bg-primary-400:hover) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-primary-900:hover) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:text-neutral-800:hover) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-primary-400:hover) {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
:is(.dark .dark\:focus\:bg-primary-900:focus) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
:is(.dark .group:hover .dark\:group-hover\:text-neutral-700) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
:is(.dark .group:hover .dark\:group-hover\:text-primary-400) {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
@media print {
.print\:hidden {
display: none;
@ -2960,180 +3133,3 @@ code {
width: 20%;
}
}
:is(:where([dir="ltr"]) .ltr\:right-0) {
right: 0px;
}
:is(:where([dir="ltr"]) .ltr\:block) {
display: block;
}
:is(:where([dir="ltr"]) .ltr\:inline) {
display: inline;
}
:is(:where([dir="ltr"]) .ltr\:hidden) {
display: none;
}
:is(:where([dir="rtl"]) .rtl\:left-0) {
left: 0px;
}
:is(:where([dir="rtl"]) .rtl\:block) {
display: block;
}
:is(:where([dir="rtl"]) .rtl\:inline) {
display: inline;
}
:is(:where([dir="rtl"]) .rtl\:hidden) {
display: none;
}
:is(:where(.dark) .dark\:inline) {
display: inline;
}
:is(:where(.dark) .dark\:flex) {
display: flex;
}
:is(:where(.dark) .dark\:hidden) {
display: none;
}
:is(:where(.dark) .dark\:border-neutral-600) {
--tw-border-opacity: 1;
border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity));
}
:is(:where(.dark) .dark\:border-neutral-700) {
--tw-border-opacity: 1;
border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity));
}
:is(:where(.dark) .dark\:border-primary-600) {
--tw-border-opacity: 1;
border-color: rgba(var(--color-primary-600), var(--tw-border-opacity));
}
:is(:where(.dark) .dark\:bg-neutral-600) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
}
:is(:where(.dark) .dark\:bg-neutral-700) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
}
:is(:where(.dark) .dark\:bg-neutral-800) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity));
}
:is(:where(.dark) .dark\:bg-neutral-800\/50) {
background-color: rgba(var(--color-neutral-800), 0.5);
}
:is(:where(.dark) .dark\:bg-neutral-900\/50) {
background-color: rgba(var(--color-neutral-900), 0.5);
}
:is(:where(.dark) .dark\:bg-primary-400) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
}
:is(:where(.dark) .dark\:bg-primary-800) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
}
:is(:where(.dark) .dark\:bg-primary-900) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
:is(:where(.dark) .dark\:text-neutral) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral), var(--tw-text-opacity));
}
:is(:where(.dark) .dark\:text-neutral-100) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
}
:is(:where(.dark) .dark\:text-neutral-300) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
}
:is(:where(.dark) .dark\:text-neutral-400) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
}
:is(:where(.dark) .dark\:text-neutral-500) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
}
:is(:where(.dark) .dark\:text-neutral-800) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
}
:is(:where(.dark) .dark\:text-primary-400) {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
:is(:where(.dark) .dark\:hover\:border-primary-600:hover) {
--tw-border-opacity: 1;
border-color: rgba(var(--color-primary-600), var(--tw-border-opacity));
}
:is(:where(.dark) .dark\:hover\:\!bg-primary-700:hover) {
--tw-bg-opacity: 1 !important;
background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important;
}
:is(:where(.dark) .dark\:hover\:bg-primary-400:hover) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
}
:is(:where(.dark) .dark\:hover\:bg-primary-900:hover) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
:is(:where(.dark) .dark\:hover\:text-neutral-800:hover) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
}
:is(:where(.dark) .dark\:hover\:text-primary-400:hover) {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
:is(:where(.dark) .dark\:focus\:bg-primary-900:focus) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
:is(:where(.dark) .group:hover .dark\:group-hover\:text-neutral-700) {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
:is(:where(.dark) .group:hover .dark\:group-hover\:text-primary-400) {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}

View File

@ -67,7 +67,7 @@ body:has(#menu-controller:checked) {
.toc ul,
.toc li {
@apply list-none px-0 leading-snug;
@apply px-0 leading-snug list-none;
}
.toc ul ul {
@apply ps-4;
@ -90,7 +90,7 @@ body:has(#menu-controller:checked) {
@apply visible;
}
.copy-button {
@apply invisible absolute right-0 top-0 z-10 w-20 cursor-pointer whitespace-nowrap rounded-bl-md rounded-tr-md bg-neutral-200 py-1 font-mono text-sm text-neutral-700 opacity-90 dark:bg-neutral-600 dark:text-neutral-200;
@apply absolute top-0 right-0 z-10 invisible w-20 py-1 font-mono text-sm cursor-pointer whitespace-nowrap rounded-bl-md rounded-tr-md bg-neutral-200 text-neutral-700 opacity-90 dark:bg-neutral-600 dark:text-neutral-200;
}
.copy-button:hover,
.copy-button:focus,
@ -122,20 +122,20 @@ code {
/* -- Chroma Highlight -- */
/* Background */
.chroma {
@apply rounded-md bg-neutral-50 py-3 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-200;
@apply py-3 rounded-md bg-neutral-50 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-200;
}
.chroma pre {
@apply m-0 p-0;
@apply p-0 m-0;
}
/* LineTable */
.chroma .lntable {
@apply m-0 block w-auto overflow-auto text-base;
@apply block w-auto m-0 overflow-auto text-base;
}
/* LineNumbersTable */
/* LineNumbers */
.chroma .lnt,
.chroma .ln {
@apply mr-2 px-2 text-neutral-600 dark:text-neutral-300;
@apply px-2 mr-2 text-neutral-600 dark:text-neutral-300;
}
.chroma .lntd {
@apply p-0 align-top;
@ -297,7 +297,7 @@ code {
}
/* CommentHashbang */
.chroma .ch {
@apply font-semibold italic text-neutral-500 dark:text-neutral-400;
@apply italic font-semibold text-neutral-500 dark:text-neutral-400;
}
/* GenericEmph */
.chroma .ge {

View File

@ -12,7 +12,6 @@
--color-neutral-700: 68, 64, 60;
--color-neutral-800: 41, 37, 36;
--color-neutral-900: 28, 25, 23;
--color-neutral-950: 12, 10, 9;
/* Lime */
--color-primary-50: 247, 254, 231;
--color-primary-100: 236, 252, 203;
@ -24,7 +23,6 @@
--color-primary-700: 77, 124, 15;
--color-primary-800: 63, 98, 18;
--color-primary-900: 54, 83, 20;
--color-primary-950: 26, 46, 5;
/* Emerald */
--color-secondary-50: 236, 253, 245;
--color-secondary-100: 209, 250, 229;
@ -36,5 +34,4 @@
--color-secondary-700: 4, 120, 87;
--color-secondary-800: 6, 95, 70;
--color-secondary-900: 6, 78, 59;
--color-secondary-950: 2, 44, 34;
}

View File

@ -12,7 +12,6 @@
--color-neutral-700: 64, 64, 64;
--color-neutral-800: 38, 38, 38;
--color-neutral-900: 23, 23, 23;
--color-neutral-950: 10, 10, 10;
/* Rose */
--color-primary-50: 255, 241, 242;
--color-primary-100: 255, 228, 230;
@ -24,7 +23,6 @@
--color-primary-700: 190, 18, 60;
--color-primary-800: 159, 18, 57;
--color-primary-900: 136, 19, 55;
--color-primary-950: 76, 5, 25;
/* Green */
--color-secondary-50: 240, 253, 244;
--color-secondary-100: 220, 252, 231;
@ -36,5 +34,4 @@
--color-secondary-700: 21, 128, 61;
--color-secondary-800: 22, 101, 52;
--color-secondary-900: 20, 83, 45;
--color-secondary-950: 5, 46, 22;
}

View File

@ -12,7 +12,6 @@
--color-neutral-700: 63, 63, 70;
--color-neutral-800: 39, 39, 42;
--color-neutral-900: 24, 24, 27;
--color-neutral-950: 3, 7, 18;
/* Violet */
--color-primary-50: 245, 243, 255;
--color-primary-100: 237, 233, 254;
@ -24,7 +23,6 @@
--color-primary-700: 109, 40, 217;
--color-primary-800: 91, 33, 182;
--color-primary-900: 76, 29, 149;
--color-primary-950: 46, 16, 101;
/* Fuchsia */
--color-secondary-50: 253, 244, 255;
--color-secondary-100: 250, 232, 255;
@ -36,5 +34,4 @@
--color-secondary-700: 162, 28, 175;
--color-secondary-800: 134, 25, 143;
--color-secondary-900: 112, 26, 117;
--color-secondary-950: 74, 4, 78;
}

View File

@ -12,7 +12,6 @@
--color-neutral-700: 68, 64, 60;
--color-neutral-800: 41, 37, 36;
--color-neutral-900: 28, 25, 23;
--color-neutral-950: 12, 10, 9;
/* Orange */
--color-primary-50: 255, 247, 237;
--color-primary-100: 255, 237, 213;
@ -24,7 +23,6 @@
--color-primary-700: 194, 65, 12;
--color-primary-800: 154, 52, 18;
--color-primary-900: 124, 45, 18;
--color-primary-950: 69, 10, 10;
/* Rose */
--color-secondary-50: 255, 241, 242;
--color-secondary-100: 255, 228, 230;
@ -36,5 +34,4 @@
--color-secondary-700: 190, 18, 60;
--color-secondary-800: 159, 18, 57;
--color-secondary-900: 136, 19, 55;
--color-secondary-950: 76, 5, 25;
}

View File

@ -12,7 +12,6 @@
--color-neutral-700: 51, 65, 85;
--color-neutral-800: 30, 41, 59;
--color-neutral-900: 15, 23, 42;
--color-neutral-950: 2, 6, 23;
/* Blue */
--color-primary-50: 239, 246, 255;
--color-primary-100: 219, 234, 254;
@ -24,7 +23,6 @@
--color-primary-700: 29, 78, 216;
--color-primary-800: 30, 64, 175;
--color-primary-900: 30, 58, 138;
--color-primary-950: 23, 37, 8;
/* Cyan */
--color-secondary-50: 236, 254, 255;
--color-secondary-100: 207, 250, 254;
@ -36,5 +34,4 @@
--color-secondary-700: 14, 116, 144;
--color-secondary-800: 21, 94, 117;
--color-secondary-900: 22, 78, 99;
--color-secondary-950: 8, 51, 69;
}

View File

@ -12,7 +12,6 @@
--color-neutral-700: 51, 65, 85;
--color-neutral-800: 30, 41, 59;
--color-neutral-900: 15, 23, 42;
--color-neutral-950: 10, 10, 10;
/* Indigo */
--color-primary-50: 238, 242, 255;
--color-primary-100: 224, 231, 255;
@ -24,7 +23,6 @@
--color-primary-700: 67, 56, 202;
--color-primary-800: 55, 48, 163;
--color-primary-900: 49, 46, 129;
--color-primary-950: 30, 27, 75;
/* Pink */
--color-secondary-50: 253, 242, 248;
--color-secondary-100: 252, 231, 243;
@ -36,5 +34,4 @@
--color-secondary-700: 190, 24, 93;
--color-secondary-800: 157, 23, 77;
--color-secondary-900: 131, 24, 67;
--color-secondary-950: 80, 7, 36;
}

View File

@ -12,7 +12,6 @@
--color-neutral-700: 55, 65, 81;
--color-neutral-800: 31, 41, 55;
--color-neutral-900: 17, 24, 39;
--color-neutral-950: 17, 24, 39;
/* Slate */
--color-primary-50: 248, 250, 252;
--color-primary-100: 241, 245, 249;
@ -24,7 +23,6 @@
--color-primary-700: 51, 65, 85;
--color-primary-800: 30, 41, 59;
--color-primary-900: 15, 23, 42;
--color-primary-950: 2, 6, 23;
/* Gray */
--color-secondary-50: 249, 250, 251;
--color-secondary-100: 243, 244, 246;
@ -36,5 +34,4 @@
--color-secondary-700: 55, 65, 81;
--color-secondary-800: 31, 41, 55;
--color-secondary-900: 17, 24, 39;
--color-secondary-950: 10, 10, 10;
}

View File

@ -2,5 +2,5 @@
Closes the hamburger menu when a link is clicked.
*/
function close_menu() {
document.getElementById("menu-controller").checked = false;
document.getElementById('menu-controller').checked=false
}

View File

@ -1,3 +1,4 @@
window.addEventListener("load", () => {
quicklink.listen();
});

View File

@ -133,7 +133,6 @@ function executeQuery(term) {
let resultsHTML = "";
if (results.length > 0) {
// prettier-ignore
resultsHTML = results.map(function (value, key) {
return `<li class="mb-2">
<a class="flex items-center px-3 py-2 rounded-md appearance-none bg-neutral-100 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-900 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2" href="${value.item.permalink}" tabindex="0">

View File

@ -46,7 +46,7 @@
},
"weibo": {
"icon": "weibo",
"title": "sharing.weibo",
"title":"sharing.weibo",
"url": "https://service.weibo.com/share/share.php?url=%s&appkey=&title=%s&pic=&ralateUid=&lang"
}
}

View File

@ -18,7 +18,7 @@ tags: ["content", "example"]
## ブランチページ
Hugoのブランチページバンドルは、ホームページ、セクションリスト、Taxonomyページのような項目をカバーしています。ブランチバンドルについて覚えておくべき重要なことは、このコンテンツタイプのファイル名は **`_index.md`** であるということです。
Hugoのブランチページバンドルは、ホームページ、セクションリスト、Taxonomyページのような項目をカバーしています。ブランチバンドルについて覚えておくべき重要なことは、このコンテンツタイプのファイル名は **_index.md`** であるということです。
Congoはブランチページで指定されたフロントマターを尊重し、デフォルト設定を上書きします。例えば、ブランチページで `title` パラメーターを設定すると、ページタイトルを上書きすることができます。

View File

@ -100,7 +100,7 @@ Congoは、テーマ全体で使用される3色のパレットを定義して
## コンテンツの整理
Congoは特定のコンテンツタイプを強制しません。そのため、自由にコンテンツを定義することができます。静的なサイトには*pages*、ブログには*posts*、ポートフォリオには*projects*がいいかもしれません。
Congoは特定のコンテンツタイプを強制しません。そのため、自由にコンテンツを定義することができます。静的なサイトには_pages_、ブログには_posts_、ポートフォリオには_projects_がいいかもしれません。
### ディレクトリ構造

View File

@ -195,4 +195,5 @@ Congo 2.0では `figure` ショートコードの振る舞いが変わります
エラーに遭遇した場合は、設定が正しいことを確認し、[ドキュメント]({{<ref "docs" >}})を参照してください。テーマに同梱されている設定ファイルの例には、デフォルトのパラメーターがすべて含まれており、出発点として最適です。
🙋‍♀️ それでもまだ助けが必要な場合は、[GitHub Discussions](https://github.com/jpanther/congo/discussions)で遠慮なく質問してください。

View File

@ -67,7 +67,7 @@ Tabellen sind nicht Teil der Markdown-Kernspezifikation, aber Hugo unterstützt
### Code-Block mit backticks
```html
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />

View File

@ -59,7 +59,7 @@ Las tablas no forman parte de la especificación principal de Markdown, pero Hug
### Markdown dentro de las tablas
| Cursiva | Negritas | Código |
| --------- | ----------- | -------- |
| --------- | ---------- | -------- |
| _Cursiva_ | **Negrita** | `Código` |
## Bloques de código
@ -67,7 +67,7 @@ Las tablas no forman parte de la especificación principal de Markdown, pero Hug
### Bloque de código con acentos graves
```html
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />

View File

@ -52,7 +52,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
表はMarkdownのコア仕様には含まれていませんが、Hugoはサポートしています。
| 名前 | 年齢 |
| ----- | ---- |
| ----- | --- |
| Bob | 27 |
| Alice | 23 |
@ -67,7 +67,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
### Code block with backticks
```html
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />

View File

@ -67,7 +67,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
### Code block with backticks
```html
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />

View File

@ -65,6 +65,5 @@ The list below is just a handful of the websites that are built using the Congo
| [kom.al](https://kom.al) | Personal Site |
| [andrea.mortaro.it](https://andrea.mortaro.it) | Personal Site and Blog |
| [yoganath.me](https://yoganath.me) | Personal Site and Blog |
| [josh-v.com](https://josh-v.com) | Personal Site and Tech blog |
**Congo user?** To add your site to this list, [submit a pull request](https://github.com/jpanther/congo/blob/dev/exampleSite/content/users/index.md).

View File

@ -5,9 +5,4 @@
<div id="profile" class="hidden h-full">
{{ partial "partials/home/profile.html" . }}
</div>
<script
defer
type="text/javascript"
src="{{ $jsHome.RelPermalink }}"
integrity="{{ $jsHome.Data.Integrity }}"
></script>
<script defer type="text/javascript" src="{{ $jsHome.RelPermalink }}" integrity="{{ $jsHome.Data.Integrity }}"></script>

View File

@ -53,7 +53,7 @@ sharing:
twitter: "Tweet na Twitter"
telegram: "Sdílejte na Telegram"
line: "Sdílejte na LINE"
weibo: "Sdílejte na Weibo"
line: "Sdílejte na Weibo"
shortcode:
recent_articles: "Nedávné"

View File

@ -1,6 +1,6 @@
{{ define "main" }}
<h1 class="mb-3 text-4xl font-extrabold">{{ i18n "error.404_title" | emojify }}</h1>
<p class="mb-12 mt-8 text-neutral-400 dark:text-neutral-500">
<p class="mt-8 mb-12 text-neutral-400 dark:text-neutral-500">
{{ i18n "error.404_error" | emojify }}
</p>
<div class="prose dark:prose-invert">

View File

@ -22,7 +22,7 @@
{{- with $img -}}
{{ partial "picture.html" (dict "img" . "alt" $altText "class" $class "x2" $x2) }}
{{- else -}}
<img src="{{ .Destination | safeURL }}" alt="{{ $altText }}" class="{{ $class }}" />
<img src="{{ .Destination | safeURL }}" alt="{{ $altText }}" class="{{ $class }}"/>
{{- end -}}
{{ with $caption }}<figcaption class="text-center">{{ . | markdownify }}</figcaption>{{ end }}
</figure>

View File

@ -14,5 +14,4 @@
{{ end -}}
{{ end -}}
{{ end -}}
<!-- prettier-ignore -->
<a href="{{ $link | safeURL }}"{{ with .Title }} title="{{ . }}"{{ end }}{{ if $isRemote }} target="_blank" rel="noreferrer"{{ end }}>{{- .Text | safeHTML -}}</a>

View File

@ -1,6 +1,6 @@
{{- partial "partials/functions/warnings.html" .Site -}}
{{- partial "partials/functions/init.html" . -}}
<!doctype html>
<!DOCTYPE html>
<html
lang="{{- site.Language.LanguageCode | default "" -}}"
dir="{{- site.Language.LanguageDirection | default "ltr" -}}"
@ -10,13 +10,13 @@
>
{{- partial "head.html" . -}}
<body
class="m-auto flex h-screen max-w-7xl flex-col bg-neutral px-6 text-lg leading-7 text-neutral-900 sm:px-14 md:px-24 lg:px-32 dark:bg-neutral-800 dark:text-neutral"
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="-translate-y-8 rounded-b-lg bg-primary-200 px-3 py-1 text-sm focus:translate-y-0 dark:bg-neutral-600"
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="pe-2 font-bold text-primary-600 dark:text-primary-400">&darr;</span
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>{{ i18n "nav.skip_to_main" }}</a
>
</div>
@ -26,7 +26,7 @@
{{ else }}
{{ partial "partials/header/basic.html" . }}
{{ end }}
<div class="relative flex grow flex-col">
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
{{ block "main" . }}{{ end }}
{{ if and (.Site.Params.footer.showScrollToTop | default true) (gt .WordCount 200) }}

View File

@ -9,7 +9,6 @@
"summary" (.Summary | emojify | safeJS)
"content" (.Plain | emojify | safeJS)
"permalink" .RelPermalink
)
-}}
) -}}
{{- end -}}
{{- $index | jsonify -}}

View File

@ -20,7 +20,7 @@
</div>
</div>
{{ end }}
<div class="min-h-0 min-w-0 max-w-prose grow">
<div class="min-w-0 min-h-0 max-w-prose grow">
{{ .Content | emojify }}
</div>
</section>
@ -31,7 +31,7 @@
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
{{ .Key }}
</h2>
<hr class="w-36 border-dotted border-neutral-400" />
<hr class="border-dotted w-36 border-neutral-400" />
{{ range .Pages }}
{{ partial "article-link.html" . }}
{{ end }}
@ -44,8 +44,8 @@
</section>
{{ partial "pagination.html" . }}
{{ else }}
<section class="prose mt-10 dark:prose-invert">
<p class="border-t py-8">
<section class="mt-10 prose dark:prose-invert">
<p class="py-8 border-t">
<em>{{ i18n "list.no_articles" | emojify }}</em>
</p>
</section>

View File

@ -8,7 +8,7 @@
{{ .Title | emojify }}
</h1>
</header>
<section class="prose mt-6 max-w-full dark:prose-invert">
<section class="max-w-full mt-6 prose dark:prose-invert">
{{ .Content | emojify }}
</section>
<footer class="pt-8">

View File

@ -10,22 +10,21 @@
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
{{ .Title | emojify }}
</h1>
<div class="mb-12 mt-8 text-base text-neutral-500 print:hidden dark:text-neutral-400">
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
{{ partial "article-meta.html" (dict "context" . "scope" "single") }}
</div>
ß
{{ with $feature }}
<div class="prose">
{{ $altText := $.Params.featureAlt | default $.Params.coverAlt | default "" }}
{{ $class := "mb-6 -mt-4 rounded-md" }}
{{ partial "picture.html" (dict "img" . "alt" $altText "class" $class "lazy" false) }}
{{ with $.Params.coverCaption }}
<figcaption class="-mt-3 mb-6 text-center">{{ . | markdownify }}</figcaption>
<figcaption class="mb-6 -mt-3 text-center">{{ . | markdownify }}</figcaption>
{{ end }}
</div>
{{ end }}
</header>
<section class="prose mt-0 flex max-w-full flex-col dark:prose-invert lg:flex-row">
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
{{ if and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in .TableOfContents "<ul") }}
<div class="order-first px-0 lg:order-last lg:max-w-xs lg:ps-8">
<div class="toc pe-5 print:hidden lg:sticky lg:top-10">
@ -33,11 +32,11 @@
</div>
</div>
{{ end }}
<div class="min-h-0 min-w-0 max-w-prose grow">
<div class="min-w-0 min-h-0 max-w-prose grow">
{{ .Content | emojify }}
</div>
</section>
<footer class="max-w-prose pt-8 print:hidden">
<footer class="pt-8 max-w-prose print:hidden">
{{ partial "author.html" . }}
{{ partial "sharing-links.html" . }}
{{ partial "article-pagination.html" . }}

View File

@ -6,15 +6,15 @@
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">{{ .Title }}</h1>
</header>
{{ if .Content }}
<section class="prose mt-0 flex max-w-full flex-col dark:prose-invert lg:flex-row">
<div class="min-h-0 min-w-0 max-w-prose grow">
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
<div class="min-w-0 min-h-0 max-w-prose grow">
{{ .Content | emojify }}
</div>
</section>
{{ end }}
<section class="-mx-2 flex flex-wrap overflow-hidden">
<section class="flex flex-wrap -mx-2 overflow-hidden">
{{ range .Data.Terms }}
<article class="my-3 w-full overflow-hidden px-2 sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
<h2 class="flex items-center">
<a
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"

View File

@ -6,8 +6,8 @@
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">{{ .Title }}</h1>
</header>
{{ if .Content }}
<section class="prose mt-0 flex max-w-full flex-col dark:prose-invert lg:flex-row">
<div class="min-h-0 min-w-0 max-w-prose grow">
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
<div class="min-w-0 min-h-0 max-w-prose grow">
{{ .Content | emojify }}
</div>
</section>
@ -20,7 +20,7 @@
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
{{ .Key }}
</h2>
<hr class="w-36 border-dotted border-neutral-400" />
<hr class="border-dotted w-36 border-neutral-400" />
{{ range .Pages }}
{{ partial "article-link.html" . }}
{{ end }}
@ -33,8 +33,8 @@
</section>
{{ partial "pagination.html" . }}
{{ else }}
<section class="prose mt-10 dark:prose-invert">
<p class="border-t py-8">
<section class="mt-10 prose dark:prose-invert">
<p class="py-8 border-t">
<em>{{ i18n "list.no_articles" | emojify }}</em>
</p>
</section>

View File

@ -3,12 +3,10 @@
<script defer src="https://cdn.usefathom.com/script.js" data-site="{{ . }}"></script>
{{ end }}
{{ with site.Params.plausibleAnalytics.domain }}
<script
defer
<script defer
data-domain="{{ . }}"
data-api="{{ default "https://plausible.io/api/event" site.Params.plausibleAnalytics.event }}"
src="{{ default "https://plausible.io/js/script.js" site.Params.plausibleAnalytics.script }}"
></script>
src="{{ default "https://plausible.io/js/script.js" site.Params.plausibleAnalytics.script }}"></script>
{{ end }}
{{ template "_internal/google_analytics.html" . }}
{{ end }}

View File

@ -21,7 +21,9 @@
class="w-24 rounded-md sm:w-40" srcset="
{{- (.Fill "160x120 smart").RelPermalink }}
160w, {{- (.Fill "320x240 smart").RelPermalink }} 2x"
src="{{ (.Fill "160x120 smart").RelPermalink }}" width="160" height="120"
src="{{ (.Fill "160x120 smart").RelPermalink }}"
width="160"
height="120"
{{ end }}
{{ if $.Site.Params.enableImageLazyLoading | default true }}
loading="lazy"

View File

@ -50,7 +50,7 @@
(and (ne $scope "single") (.Params.showTaxonomies | default (.Site.Params.list.showTaxonomies | default (.Site.Params.article.showTaxonomies | default false))))
(and (eq $scope "single") (.Params.showTaxonomies | default (.Site.Params.article.showTaxonomies | default false)))
}}
<div class="my-1 flex flex-wrap text-xs leading-relaxed text-neutral-500 dark:text-neutral-400">
<div class="flex flex-wrap my-1 text-xs leading-relaxed text-neutral-500 dark:text-neutral-400 ">
{{ range $taxonomy, $terms := .Site.Taxonomies }}
{{ if (gt (len ($context.GetTerms $taxonomy)) 0) }}
{{ range $context.GetTerms $taxonomy }}

View File

@ -1,4 +1,4 @@
<ol class="text-sm text-neutral-500 print:hidden dark:text-neutral-400">
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
{{ template "crumb" (dict "p1" . "p2" .) }}
</ol>
{{ define "crumb" }}
@ -7,9 +7,9 @@
{{ else if not .p1.IsHome }}
{{ template "crumb" (dict "p1" .p1.Site.Home "p2" .p2 ) }}
{{ end }}
<li class="{{ if or (eq .p1 .p2) (.p1.IsHome) }}hidden{{ end }} inline">
<li class="inline {{ if or (eq .p1 .p2) (.p1.IsHome) }}hidden{{ end }}">
<a
class="dark:underline-neutral-600 decoration-neutral-300 hover:underline"
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
href="{{ .p1.RelPermalink }}"
>{{ if .p1.Title }}
{{- .p1.Title -}}

View File

@ -2,12 +2,12 @@
{{/* Footer menu */}}
{{ if .Site.Menus.footer }}
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
<ul class="flex list-none flex-col sm:flex-row">
<ul class="flex flex-col list-none sm:flex-row">
{{ range .Site.Menus.footer }}
{{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
{{ continue }}
{{ end }}
<li class="group mb-1 text-end sm:mb-0 sm:me-7 sm:last:me-0">
<li class="mb-1 group text-end sm:mb-0 sm:me-7 sm:last:me-0">
{{ if eq .Params.action "search" }}
{{ $.Scratch.Add "searchCount" 1 }}
{{ if $.Site.Params.enableSearch | default false }}
@ -17,7 +17,7 @@
>
{{ with .Params.icon }}
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{- partial "icon.html" . -}}
</span>
@ -37,13 +37,13 @@
aria-label="appearance switcher"
>
<span
class="group-dark:hover:text-primary-400 inline transition-colors group-hover:text-primary-600 dark:hidden"
class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
title="{{ i18n "footer.dark_appearance" }}"
>
{{ partial "icon.html" "moon" }}
</span>
<span
class="group-dark:hover:text-primary-400 hidden transition-colors group-hover:text-primary-600 dark:inline"
class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
title="{{ i18n "footer.light_appearance" }}"
>
{{ partial "icon.html" "sun" }}
@ -59,7 +59,7 @@
{{ with .Params.target }}target="{{ . }}"{{ end }}
>{{ with .Params.icon }}
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{- partial "icon.html" . -}}
</span>
@ -117,13 +117,13 @@
>
<button id="appearance-switcher-0" type="button" aria-label="appearance switcher">
<div
class="flex h-12 w-12 items-center justify-center dark:hidden"
class="flex items-center justify-center w-12 h-12 dark:hidden"
title="{{ i18n "footer.dark_appearance" }}"
>
{{ partial "icon.html" "moon" }}
</div>
<div
class="hidden h-12 w-12 items-center justify-center dark:flex"
class="items-center justify-center hidden w-12 h-12 dark:flex"
title="{{ i18n "footer.light_appearance" }}"
>
{{ partial "icon.html" "sun" }}

View File

@ -1,4 +1,4 @@
<header class="py-6 font-semibold text-neutral-900 print:hidden sm:py-10 dark:text-neutral">
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
{{/* Site logo/title */}}
<div class="flex flex-row items-center">
@ -6,7 +6,7 @@
</div>
{{/* Main menu */}}
{{ if or .Site.Menus.main (.Site.Params.enableSearch | default false) }}
<ul class="flex list-none flex-col text-end sm:flex-row">
<ul class="flex flex-col list-none text-end sm:flex-row">
{{ if .Site.Menus.main }}
{{ range .Site.Menus.main }}
{{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
@ -22,7 +22,7 @@
>
{{ with .Params.icon | default "search" }}
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{- partial "icon.html" . -}}
</span>
@ -42,7 +42,7 @@
aria-label="appearance switcher"
>
<span
class="group-dark:hover:text-primary-400 inline transition-colors group-hover:text-primary-600 dark:hidden"
class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
title="{{ i18n "footer.dark_appearance" }}"
>
{{ with .Params.icon | default "moon" }}
@ -56,7 +56,7 @@
{{ end }}
</span>
<span
class="group-dark:hover:text-primary-400 hidden transition-colors group-hover:text-primary-600 dark:inline"
class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
title="{{ i18n "footer.light_appearance" }}"
>
{{ with .Params.icon | default "sun" }}
@ -80,7 +80,7 @@
{{ with .Params.target }}target="{{ . }}"{{ end }}
>{{ with .Params.icon }}
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{- partial "icon.html" . -}}
</span>
@ -95,10 +95,10 @@
</li>
{{ end }}
{{ if and ($.Site.Params.enableSearch | default false) (eq ($.Scratch.Get "searchCount") 0) }}
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
<li class="mb-1 group sm:mb-0 sm:me-7 sm:last:me-0">
<button id="search-button-m0" title="{{ i18n "search.open_button_title" }}">
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{ partial "icon.html" "search" }}
</span>

View File

@ -1,4 +1,4 @@
<header class="py-6 font-semibold text-neutral-900 print:hidden sm:py-10 dark:text-neutral">
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
{{/* Site logo/title */}}
<div class="z-40 flex flex-row items-center">
@ -13,10 +13,10 @@
</div>
<div
id="menu-wrapper"
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
class="fixed inset-0 z-30 invisible w-full h-full m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50"
>
<ul
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 text-end sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
class="flex flex-col w-full px-6 py-6 mx-auto overflow-visible list-none max-w-7xl text-end sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
>
<li class="mb-1">
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
@ -28,7 +28,7 @@
{{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
{{ continue }}
{{ end }}
<li class="group mb-1">
<li class="mb-1 group">
{{ if eq .Params.action "search" }}
{{ $.Scratch.Add "searchCount" 1 }}
{{ if $.Site.Params.enableSearch | default false }}
@ -38,7 +38,7 @@
>
{{ with .Params.icon | default "search" }}
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{- partial "icon.html" . -}}
</span>
@ -58,7 +58,7 @@
aria-label="appearance switcher"
>
<span
class="group-dark:hover:text-primary-400 inline transition-colors group-hover:text-primary-600 dark:hidden"
class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
title="{{ i18n "footer.dark_appearance" }}"
>
{{ with .Params.icon | default "moon" }}
@ -72,7 +72,7 @@
{{ end }}
</span>
<span
class="group-dark:hover:text-primary-400 hidden transition-colors group-hover:text-primary-600 dark:inline"
class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
title="{{ i18n "footer.light_appearance" }}"
>
{{ with .Params.icon | default "sun" }}
@ -97,7 +97,7 @@
{{ with .Params.target }}target="{{ . }}"{{ end }}
>{{ with .Params.icon }}
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{- partial "icon.html" . -}}
</span>
@ -112,10 +112,10 @@
</li>
{{ end }}
{{ if and ($.Site.Params.enableSearch | default false) (eq ($.Scratch.Get "searchCount") 0) }}
<li class="group mb-1">
<li class="mb-1 group">
<button id="search-button-m0" title="{{ i18n "search.open_button_title" }}">
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{ partial "icon.html" "search" }}
</span>

View File

@ -1,4 +1,4 @@
<header class="py-6 font-semibold text-neutral-900 print:hidden sm:py-10 dark:text-neutral">
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
{{/* Site logo/title */}}
<div class="z-40 flex flex-row items-center">
@ -13,10 +13,10 @@
</div>
<div
id="menu-wrapper"
class="invisible fixed inset-0 z-30 m-auto h-full w-full cursor-default overflow-auto bg-neutral-100/50 opacity-0 backdrop-blur-sm transition-opacity dark:bg-neutral-900/50"
class="fixed inset-0 z-30 invisible w-full h-full m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50"
>
<ul
class="mx-auto flex w-full max-w-7xl list-none flex-col overflow-visible px-6 py-6 text-end sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
class="flex flex-col w-full px-6 py-6 mx-auto overflow-visible list-none max-w-7xl text-end sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
>
<li class="mb-1">
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
@ -28,7 +28,7 @@
{{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
{{ continue }}
{{ end }}
<li class="group mb-1">
<li class="mb-1 group">
{{ if eq .Params.action "search" }}
{{ $.Scratch.Add "searchCount" 1 }}
{{ if $.Site.Params.enableSearch | default false }}
@ -38,7 +38,7 @@
>
{{ with .Params.icon | default "search" }}
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{- partial "icon.html" . -}}
</span>
@ -58,7 +58,7 @@
aria-label="appearance switcher"
>
<span
class="group-dark:hover:text-primary-400 inline transition-colors group-hover:text-primary-600 dark:hidden"
class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
title="{{ i18n "footer.dark_appearance" }}"
>
{{ with .Params.icon | default "moon" }}
@ -72,7 +72,7 @@
{{ end }}
</span>
<span
class="group-dark:hover:text-primary-400 hidden transition-colors group-hover:text-primary-600 dark:inline"
class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
title="{{ i18n "footer.light_appearance" }}"
>
{{ with .Params.icon | default "sun" }}
@ -97,7 +97,7 @@
{{ with .Params.target }}target="{{ . }}"{{ end }}
>{{ with .Params.icon }}
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{- partial "icon.html" . -}}
</span>
@ -112,10 +112,10 @@
</li>
{{ end }}
{{ if and ($.Site.Params.enableSearch | default false) (eq ($.Scratch.Get "searchCount") 0) }}
<li class="group mb-1">
<li class="mb-1 group">
<button id="search-button-m0" title="{{ i18n "search.open_button_title" }}">
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{ partial "icon.html" "search" }}
</span>
@ -127,13 +127,13 @@
</div>
</label>
{{/* Basic menu */}}
<ul class="hidden list-none flex-row text-end sm:flex">
<ul class="flex-row hidden list-none text-end sm:flex">
{{ if .Site.Menus.main }}
{{ range .Site.Menus.main }}
{{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
{{ continue }}
{{ end }}
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
<li class="mb-1 group sm:mb-0 sm:me-7 sm:last:me-0">
{{ if eq .Params.action "search" }}
{{ $.Scratch.Add "searchCount" 1 }}
{{ if $.Site.Params.enableSearch | default false }}
@ -143,7 +143,7 @@
>
{{ with .Params.icon | default "search" }}
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{- partial "icon.html" . -}}
</span>
@ -163,7 +163,7 @@
aria-label="appearance switcher"
>
<span
class="group-dark:hover:text-primary-400 inline transition-colors group-hover:text-primary-600 dark:hidden"
class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
title="{{ i18n "footer.dark_appearance" }}"
>
{{ with .Params.icon | default "moon" }}
@ -177,7 +177,7 @@
{{ end }}
</span>
<span
class="group-dark:hover:text-primary-400 hidden transition-colors group-hover:text-primary-600 dark:inline"
class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
title="{{ i18n "footer.light_appearance" }}"
>
{{ with .Params.icon | default "sun" }}
@ -201,7 +201,7 @@
{{ with .Params.target }}target="{{ . }}"{{ end }}
>{{ with .Params.icon }}
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{- partial "icon.html" . -}}
</span>
@ -216,10 +216,10 @@
</li>
{{ end }}
{{ if and ($.Site.Params.enableSearch | default false) (eq ($.Scratch.Get "searchCount") 0) }}
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
<li class="mb-1 group sm:mb-0 sm:me-7 sm:last:me-0">
<button id="search-button-m1" title="{{ i18n "search.open_button_title" }}">
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{ partial "icon.html" "search" }}
</span>

View File

@ -1,4 +1,4 @@
<article class="prose max-w-full dark:prose-invert">
<article class="max-w-full prose dark:prose-invert">
{{ with .Title }}
<header>
<h1>{{ . | emojify }}</h1>

View File

@ -1,6 +1,6 @@
{{- $icon := resources.Get (print "icons/" . ".svg") -}}
{{- if $icon -}}
<span class="icon relative inline-block px-1 align-text-bottom">
<span class="relative inline-block align-text-bottom px-1 icon">
{{- $icon.Content | safeHTML -}}
</span>
{{- end -}}

View File

@ -3,13 +3,11 @@
{{- $logo_dark := resources.Get .Site.Params.header.logoDark }}
{{- if $logo }}
<a href="{{ "" | relLangURL }}" class="mr-2">
<!-- prettier-ignore-attribute -->
<img
src="{{ $logo.RelPermalink }}"
width="{{ div $logo.Width 2 }}"
height="{{ div $logo.Height 2 }}"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left
{{ if $logo_dark }}hidden dark:flex{{ end }}"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left{{ if $logo_dark }} hidden dark:flex{{ end }}"
alt="{{ .Site.Title }}"
/>
{{- if $logo_dark }}
@ -20,7 +18,7 @@
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left dark:hidden"
alt="{{ .Site.Title }}"
/>
{{- end }}
{{- end}}
</a>
{{- end }}
{{- end }}

View File

@ -4,7 +4,8 @@
{{- if gt .TotalPages 1 }}
{{- $start := math.Max 1 (sub .PageNumber $width) }}
{{- $end := math.Min .TotalPages (add $start (mul $width 2)) }}
<ul class="mt-8 flex flex-row">
<ul class="flex flex-row mt-8">
{{- with .Prev }}
<li>
<a
@ -17,6 +18,7 @@
</a>
</li>
{{- end }}
{{- with .First }}
{{- if gt $currentPageNumber (add 1 $width) }}
<li class="mx-1 min-w-[1.8rem] text-center">
@ -33,13 +35,14 @@
{{- end }}
{{- end }}
{{- end }}
{{- range $i := seq $start $end }}
<li class="mx-1 min-w-[1.8rem] text-center">
{{- if eq $.Paginator.PageNumber $i }}
<span
aria-current="page"
aria-label="Page {{ $i }}"
class="block rounded bg-primary-200 font-semibold text-primary-700 dark:bg-primary-400 dark:text-neutral-800"
class="block font-semibold rounded bg-primary-200 text-primary-700 dark:bg-primary-400 dark:text-neutral-800"
>
{{ $i }}
</span>
@ -54,6 +57,7 @@
{{- end }}
</li>
{{- end }}
{{- with .Last }}
{{- if and (lt $currentPageNumber (sub .TotalPages $width)) (lt $end .TotalPages) }}
{{- if lt $currentPageNumber (sub .TotalPages (add $width 1)) }}
@ -70,6 +74,7 @@
</li>
{{- end }}
{{- end }}
{{- with .Next }}
<li>
<a

View File

@ -8,8 +8,8 @@
{{ with $img }}
{{ if (eq .MediaType.SubType "svg") }}
{{ $width := "" }}
{{ $height := "" }}
{{ $width := ""}}
{{ $height := ""}}
{{ $svgContent := .Content }}
{{ range (findRESubmatch `<svg[^>]*width=["']([.0-9]*)["'a-zA-Z]` $svgContent 1) }}
{{ $width = index . 1 }}
@ -28,20 +28,19 @@
{{/* do not use lazy without dimensions */}}
{{ $lazy = false }}
{{ end }}
<!-- prettier-ignore -->
<picture {{ with $class }} class="{{ . }}" {{ end }}>
<img
src="{{ .RelPermalink }}"
{{ with $width }}width="{{ . }}"{{ end }}
{{ with $height }}height="{{ . }}"{{ end }}
{{ with $class }}class="{{ . }}"{{ end }}
{{ with $alt }}alt="{{ . }}"{{ end }}
{{ with $lazy }}loading="lazy" decoding="async"{{ end }}
/>
{{ with $width }} width="{{ . }}" {{ end }}
{{ with $height }} height="{{ . }}" {{ end }}
{{ with $class }} class="{{ . }}" {{ end }}
{{ with $alt }} alt="{{ . }}" {{ end }}
{{ with $lazy }} loading="lazy" decoding="async" {{ end }}
>
</picture>
{{ else }}
<picture
{{ with $class }}class="{{ . }}"{{ end }}
{{ with $class }} class="{{ . }}" {{ end }}
{{ if $lqip }}
{{ $bg := (.Resize "20x webp q20").Content | base64Encode }}
style="background-image:url(data:image/webp;base64,{{ $bg }});background-size:cover"
@ -60,7 +59,8 @@
src="{{ .RelPermalink }}"
{{ end }}
{{ else }}
srcset=" {{- (.Resize "330x webp").RelPermalink }} 330w,
srcset="
{{- (.Resize "330x webp").RelPermalink }} 330w,
{{- (.Resize "660x webp").RelPermalink }} 660w
{{ if gt .Width 1024 }}
,{{ (.Resize "1024x webp").RelPermalink }} 1024w
@ -85,15 +85,15 @@
src="{{ .RelPermalink }}"
width="{{ $width }}"
height="{{ $height }}"
{{ with $class }}class="{{ . }}"{{ end }}
{{ with $alt }}alt="{{ . }}"{{ end }}
{{ with $lazy }}loading="lazy" decoding="async"{{ end }}
{{ with $class }} class="{{ . }}" {{ end }}
{{ with $alt }} alt="{{ . }}" {{ end }}
{{ with $lazy }} loading="lazy" decoding="async" {{ end }}
{{ if lt .Width 660 }}
src="{{ .RelPermalink }}"
{{ else }}
srcset=" {{- (.Resize "330x").RelPermalink }} 330w,
{{- (.Resize "660x").RelPermalink }}
660w
srcset="
{{- (.Resize "330x").RelPermalink }} 330w,
{{- (.Resize "660x").RelPermalink }} 660w
{{ if gt .Width 1024 }}
,{{ (.Resize "1024x").RelPermalink }} 1024w
{{ else }}
@ -106,7 +106,7 @@
{{ end }}"
src="{{ (.Resize "660x").RelPermalink }}"
{{ end }}
/>
>
</picture>
{{ end }}
{{ end }}

View File

@ -1,34 +1,34 @@
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm sm:p-6 md:p-[10vh] lg:p-[12vh] dark:bg-neutral-900/50"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url="{{ "" | absLangURL }}"
>
<div
id="search-modal"
class="top-20 mx-auto flex min-h-0 w-full max-w-3xl flex-col rounded-md border border-neutral-200 bg-neutral shadow-lg dark:border-neutral-700 dark:bg-neutral-800"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex flex-none items-center justify-between px-2">
<form class="flex min-w-0 flex-auto items-center">
<div class="flex h-8 w-8 items-center justify-center text-neutral-400">
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
{{ partial "icon.html" "search" }}
</div>
<input
type="search"
id="search-query"
class="mx-1 flex h-12 flex-auto appearance-none bg-transparent focus:outline-dotted focus:outline-2 focus:outline-transparent"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="{{ i18n "search.input_placeholder" }}"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex h-8 w-8 items-center justify-center text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="{{ i18n "search.close_button_title" }}"
>
{{ partial "icon.html" "xmark" }}
</button>
</header>
<section class="flex-auto overflow-auto px-2">
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
<!-- <li class="mb-2">
<a class="flex items-center px-3 py-2 rounded-md appearance-none bg-neutral-100 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-900 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2" href="${value.item.permalink}" tabindex="0">

View File

@ -1,6 +1,6 @@
<details open class="-ms-5 mt-0 overflow-hidden rounded-lg ps-5">
<summary
class="-ms-5 block cursor-pointer bg-neutral-100 py-1 ps-5 text-lg font-semibold text-neutral-800 lg:hidden dark:bg-neutral-700 dark:text-neutral-100"
class="-ms-5 block cursor-pointer bg-neutral-100 py-1 ps-5 text-lg font-semibold text-neutral-800 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden"
>
{{ i18n "article.table_of_contents" }}
</summary>

View File

@ -10,9 +10,9 @@
{{ if .IsTranslated }}
{{ $currentLang := .Page.Lang }}
{{ if site.IsMultiLingual }}
<div class="group relative">
<div class="relative group">
<button
class="group-dark:hover:text-primary-400 flex w-full items-center justify-end transition-colors group-hover:text-primary-600"
class="flex items-center justify-end w-full transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
>
{{ partial "icon.html" "translate" }}<span class="text-sm">{{ .Lang | upper }}</span
><span class="text-[0.6rem]"
@ -20,10 +20,10 @@
>
</button>
{{ if eq $dir "down" }}
<div class="invisible h-2 w-full bg-transparent group-hover:visible"></div>
<div class="invisible w-full h-2 bg-transparent group-hover:visible"></div>
{{ end }}
<div
class="{{ cond (eq $dir "down") "top-8" "bottom-7" }} invisible absolute z-50 flex flex-col whitespace-nowrap rounded border border-neutral-300 bg-neutral text-start text-base shadow group-hover:visible ltr:right-0 rtl:left-0 dark:border-neutral-600 dark:bg-neutral-800"
class="{{ cond (eq $dir "down") "top-8" "bottom-7" }} invisible absolute ltr:right-0 rtl:left-0 z-50 flex flex-col whitespace-nowrap rounded border border-neutral-300 bg-neutral text-start text-base shadow group-hover:visible dark:border-neutral-600 dark:bg-neutral-800"
>
{{ $siteLanguages := site.Languages }}
{{ $pageLang := .Page.Lang }}
@ -36,9 +36,9 @@
{{ if eq $pageLang .Lang }}
<a
href="{{ $translation.RelPermalink }}"
class="flex w-full items-center justify-between bg-primary-100 px-2 py-1 dark:bg-primary-900"
class="flex items-center justify-between w-full px-2 py-1 bg-primary-100 dark:bg-primary-900"
>{{ .LanguageName }}<span
class="ms-2 w-6 text-primary-600 dark:text-primary-400"
class="w-6 ms-2 text-primary-600 dark:text-primary-400"
>{{ partial "icon.html" "check" }}</span
></a
>

View File

@ -4,12 +4,7 @@
{{ $mermaidConfig := resources.Get "js/mermaid.js" }}
{{ $mermaidConfig := $mermaidConfig | resources.Minify }}
{{ $mermaidJS := slice $mermaidLib $mermaidConfig | resources.Concat "js/mermaid.bundle.js" | resources.Fingerprint "sha512" }}
<script
defer
type="text/javascript"
src="{{ $mermaidJS.RelPermalink }}"
integrity="{{ $mermaidJS.Data.Integrity }}"
></script>
<script defer type="text/javascript" src="{{ $mermaidJS.RelPermalink }}" integrity="{{ $mermaidJS.Data.Integrity }}"></script>
{{ end }}
{{/* Chart */}}
{{ if .Page.HasShortcode "chart" }}
@ -17,38 +12,23 @@
{{ $chartConfig := resources.Get "js/chart.js" }}
{{ $chartConfig := $chartConfig | resources.Minify }}
{{ $chartJS := slice $chartLib $chartConfig | resources.Concat "js/chart.bundle.js" | resources.Fingerprint "sha512" }}
<script
defer
type="text/javascript"
src="{{ $chartJS.RelPermalink }}"
integrity="{{ $chartJS.Data.Integrity }}"
></script>
<script defer type="text/javascript" src="{{ $chartJS.RelPermalink }}" integrity="{{ $chartJS.Data.Integrity }}"></script>
{{ end }}
{{/* Katex */}}
{{ if .Page.HasShortcode "katex" }}
{{ $katexCSS := resources.Get "lib/katex/katex.min.css" }}
{{ $katexCSS := $katexCSS | resources.Fingerprint "sha512" }}
<link
type="text/css"
rel="stylesheet"
type="text/css" rel="stylesheet"
href="{{ $katexCSS.RelPermalink }}"
integrity="{{ $katexCSS.Data.Integrity }}"
/>
{{ $katexJS := resources.Get "lib/katex/katex.min.js" }}
{{ $katexJS := $katexJS | resources.Fingerprint "sha512" }}
<script
defer
src="{{ $katexJS.RelPermalink }}"
integrity="{{ $katexJS.Data.Integrity }}"
></script>
<script defer src="{{ $katexJS.RelPermalink }}" integrity="{{ $katexJS.Data.Integrity }}"></script>
{{ $katexRenderJS := resources.Get "lib/katex/auto-render.min.js" }}
{{ $katexRenderJS := $katexRenderJS | resources.Fingerprint "sha512" }}
<script
defer
src="{{ $katexRenderJS.RelPermalink }}"
integrity="{{ $katexRenderJS.Data.Integrity }}"
onload="renderMathInElement(document.body);"
></script>
<script defer src="{{ $katexRenderJS.RelPermalink }}" integrity="{{ $katexRenderJS.Data.Integrity }}" onload="renderMathInElement(document.body);"></script>
{{ $katexFonts := resources.Match "lib/katex/fonts/*" }}
{{ range $katexFonts }}
{{ .Publish }}

View File

@ -1,4 +1,4 @@
<div class="flex rounded-md bg-primary-100 px-4 py-3 dark:bg-primary-900">
<div class="flex px-4 py-3 rounded-md bg-primary-100 dark:bg-primary-900">
<span class="pe-3 text-primary-400">
{{ partial "icon.html" (.Get 0 | default "triangle-exclamation") }}
</span>

View File

@ -14,7 +14,6 @@
{{ $img = resources.Get $path }}
{{ end -}}
<!-- prettier-ignore -->
<figure{{ with $class }} class="{{ . }}"{{ end }}>
{{ with $href }}<a href="{{ . }}">{{ end }}

View File

@ -1,6 +1,6 @@
{{ $icon := resources.Get (printf "icons/%s.svg" ($.Get 0)) }}
{{ if $icon }}
<span class="icon relative inline-block align-text-bottom">
<span class="relative inline-block align-text-bottom icon">
{{ $icon.Content | safeHTML }}
</span>
{{ else }}

View File

@ -1,6 +1,5 @@
{{ if .Get "src" }}
{{ $image := .Page.Resources.GetMatch (printf "*%s*" (.Get "src")) }}
<!-- prettier-ignore -->
<figure{{ with .Get "class" }} class="{{ . }}"{{ end }}>
{{- if .Get "href" -}}
<a href="{{ .Get "href" }}">

28
package-lock.json generated
View File

@ -17,10 +17,10 @@
"mermaid": "^10.6.1",
"prettier": "^3.1.1",
"prettier-plugin-go-template": "^0.0.15",
"prettier-plugin-tailwindcss": "^0.5.10",
"prettier-plugin-tailwindcss": "^0.5.9",
"quicklink": "^2.3.0",
"rimraf": "^5.0.5",
"tailwindcss": "^3.4.0",
"tailwindcss": "^3.3.7",
"vendor-copy": "^3.0.1"
},
"funding": {
@ -2363,9 +2363,9 @@
}
},
"node_modules/prettier-plugin-tailwindcss": {
"version": "0.5.10",
"resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.10.tgz",
"integrity": "sha512-9UGSejqFxGG6brYjFfTYlJ8zs4L/lvZg1AngFfaC5Fs1otSskASv5IWKmjPu5MlABQUtTKtMArKyYr/hWpXSUg==",
"version": "0.5.9",
"resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.9.tgz",
"integrity": "sha512-9x3t1s2Cjbut2QiP+O0mDqV3gLXTe2CgRlQDgucopVkUdw26sQi53p/q4qvGxMLBDfk/dcTV57Aa/zYwz9l8Ew==",
"dev": true,
"engines": {
"node": ">=14.21.3"
@ -2896,9 +2896,9 @@
}
},
"node_modules/tailwindcss": {
"version": "3.4.0",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.0.tgz",
"integrity": "sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==",
"version": "3.3.7",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.7.tgz",
"integrity": "sha512-pjgQxDZPvyS/nG3ZYkyCvsbONJl7GdOejfm24iMt2ElYQQw8Jc4p0m8RdMp7mznPD0kUhfzwV3zAwa80qI0zmQ==",
"dev": true,
"dependencies": {
"@alloc/quick-lru": "^5.2.0",
@ -4860,9 +4860,9 @@
}
},
"prettier-plugin-tailwindcss": {
"version": "0.5.10",
"resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.10.tgz",
"integrity": "sha512-9UGSejqFxGG6brYjFfTYlJ8zs4L/lvZg1AngFfaC5Fs1otSskASv5IWKmjPu5MlABQUtTKtMArKyYr/hWpXSUg==",
"version": "0.5.9",
"resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.9.tgz",
"integrity": "sha512-9x3t1s2Cjbut2QiP+O0mDqV3gLXTe2CgRlQDgucopVkUdw26sQi53p/q4qvGxMLBDfk/dcTV57Aa/zYwz9l8Ew==",
"dev": true,
"requires": {}
},
@ -5199,9 +5199,9 @@
"dev": true
},
"tailwindcss": {
"version": "3.4.0",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.0.tgz",
"integrity": "sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==",
"version": "3.3.7",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.7.tgz",
"integrity": "sha512-pjgQxDZPvyS/nG3ZYkyCvsbONJl7GdOejfm24iMt2ElYQQw8Jc4p0m8RdMp7mznPD0kUhfzwV3zAwa80qI0zmQ==",
"dev": true,
"requires": {
"@alloc/quick-lru": "^5.2.0",

View File

@ -36,10 +36,10 @@
"mermaid": "^10.6.1",
"prettier": "^3.1.1",
"prettier-plugin-go-template": "^0.0.15",
"prettier-plugin-tailwindcss": "^0.5.10",
"prettier-plugin-tailwindcss": "^0.5.9",
"quicklink": "^2.3.0",
"rimraf": "^5.0.5",
"tailwindcss": "^3.4.0",
"tailwindcss": "^3.3.7",
"vendor-copy": "^3.0.1"
},
"vendorCopy": [],

View File

@ -1,21 +1 @@
{
"name": "Congo",
"short_name": "Congo",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
],
"theme_color": "#ffffff",
"background_color": "#7c3aed",
"display": "standalone"
}
{"name":"Congo","short_name":"Congo","icons":[{"src": "/android-chrome-192x192.png","sizes": "192x192","type": "image/png","purpose": "any maskable"},{"src": "/android-chrome-512x512.png","sizes": "512x512","type": "image/png","purpose": "any maskable"}],"theme_color":"#ffffff","background_color":"#7c3aed","display":"standalone"}