Merge 1b7361c50d into 4c8e536b64

📌 bump tailwindcss from 3.3.7 to 3.4.0

CHANGELOG.md

@@ -12,7 +12,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Automatic support for WebP images ([#693](https://github.com/jpanther/congo/pull/693))
 - Warning when building if links to Markdown files cannot be resolved ([#691](https://github.com/jpanther/congo/pull/691))
 - Ability to share articles to Telegram and Line ([#719](https://github.com/jpanther/congo/pull/719))
-- New icons for `line` and `google-scholar` ([#719](https://github.com/jpanther/congo/pull/719), [#755](https://github.com/jpanther/congo/pull/755))
+- 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))
 - 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))
 
@@ -22,16 +23,17 @@ 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.3.7 ([#737](https://github.com/jpanther/congo/pull/737), [#752](https://github.com/jpanther/congo/pull/752))
+- 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))
 - Updated Japanese translation ([#750](https://github.com/jpanther/congo/pull/750))
 
 ### Fixed
 
 - Hamburger menu is not dismissed when links are clicked ([#705](https://github.com/jpanther/congo/pull/705))
+- KaTeX, table and code elements wider than the page are not formatted correctly ([#753](https://github.com/jpanther/congo/pull/753))
 
 ### Removed
 
-- Fathom Analytics custom domain parameter as this is no longer supported by Fathom
+- Fathom Analytics custom domain parameter, as this is no longer supported by Fathom
 
 ## [2.7.6] - 2023-11-26
 

assets/css/compiled/main.css

@@ -1,6 +1,6 @@
 /*! Congo v2.7.6 | MIT License | https://github.com/jpanther/congo */
 
-/*! tailwindcss v3.3.7 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -32,9 +32,11 @@
 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 {
+html,
+:host {
   line-height: 1.5;
   /* 1 */
   -webkit-text-size-adjust: 100%;
@@ -44,12 +46,14 @@ html {
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
-  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";
+  font-family: ui-sans-serif, system-ui, 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 */
 }
 
 /*
@@ -1100,31 +1104,31 @@ body:has(#menu-controller:checked) {
 
 /* RTL support */
 
-:is([dir="rtl"] .prose blockquote) {
+:is(:where([dir="rtl"]) .prose blockquote) {
   border-left-width: 0px;
   border-right-width: 4px;
   padding-right: 1rem;
 }
 
-:is([dir="rtl"] .prose ul > li),:is([dir="rtl"] 
+:is(:where([dir="rtl"]) .prose ul > li),:is(:where([dir="rtl"]) 
 .prose ol > li) {
   margin-right: 1.75rem;
   padding-left: 0px;
   padding-right: 0.5rem;
 }
 
-:is([dir="rtl"] .prose ol > li):before,:is([dir="rtl"] 
+:is(:where([dir="rtl"]) .prose ol > li):before,:is(:where([dir="rtl"]) 
 .prose ul > li):before {
   left: auto;
   right: 0.25rem;
 }
 
-:is([dir="rtl"] .prose thead td:first-child),:is([dir="rtl"] 
+:is(:where([dir="rtl"]) .prose thead td:first-child),:is(:where([dir="rtl"]) 
 .prose thead th:first-child) {
   padding-right: 0px;
 }
 
-:is([dir="rtl"] .prose thead td:last-child),:is([dir="rtl"] 
+:is(:where([dir="rtl"]) .prose thead td:last-child),:is(:where([dir="rtl"]) 
 .prose thead th:last-child) {
   padding-left: 0px;
 }
@@ -1161,12 +1165,12 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
 }
 
-:is(.dark .toc a) {
+:is(:where(.dark) .toc a) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
 
-:is([dir="rtl"] .toc ul > li) {
+:is(:where([dir="rtl"]) .toc ul > li) {
   margin-right: 0px;
 }
 
@@ -1188,8 +1192,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;
@@ -1208,7 +1212,7 @@ body:has(#menu-controller:checked) {
   opacity: 0.9;
 }
 
-:is(.dark .copy-button) {
+:is(:where(.dark) .copy-button) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -1223,9 +1227,9 @@ body:has(#menu-controller:checked) {
   background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
 }
 
-:is(.dark .copy-button:hover),:is(.dark 
+:is(:where(.dark) .copy-button:hover),:is(:where(.dark) 
-.copy-button:focus),:is(.dark 
+.copy-button:focus),:is(:where(.dark) 
-.copy-button:active),:is(.dark 
+.copy-button:active),:is(:where(.dark) 
 .copy-button:active:hover) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
@@ -1237,6 +1241,28 @@ body:has(#menu-controller:checked) {
   opacity: 0.05;
 }
 
+/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
+
+.katex-display {
+  overflow: auto hidden;
+}
+
+/* Fix long tables breaking out of article on mobile */
+
+table {
+  display: block;
+  overflow: auto;
+}
+
+/* Fix long inline code sections breaking out of article on mobile */
+
+code {
+  word-wrap: break-word;
+  /* All browsers since IE 5.5+ */
+  overflow-wrap: break-word;
+  /* Renamed property in CSS3 draft spec */
+}
+
 /* -- Chroma Highlight -- */
 
 /* Background */
@@ -1251,7 +1277,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma) {
+:is(:where(.dark) .chroma) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -1287,7 +1313,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-600), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .lnt),:is(.dark 
+:is(:where(.dark) .chroma .lnt),:is(:where(.dark) 
 .chroma .ln) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
@@ -1311,7 +1337,7 @@ body:has(#menu-controller:checked) {
   background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
 }
 
-:is(.dark .chroma .hl) {
+:is(:where(.dark) .chroma .hl) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
@@ -1350,15 +1376,15 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-600), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .k),:is(.dark 
+:is(:where(.dark) .chroma .k),:is(:where(.dark) 
-.chroma .kd),:is(.dark 
+.chroma .kd),:is(:where(.dark) 
-.chroma .kn),:is(.dark 
+.chroma .kn),:is(:where(.dark) 
-.chroma .kp),:is(.dark 
+.chroma .kp),:is(:where(.dark) 
-.chroma .kr),:is(.dark 
+.chroma .kr),:is(:where(.dark) 
-.chroma .nc),:is(.dark 
+.chroma .nc),:is(:where(.dark) 
-.chroma .fm),:is(.dark 
+.chroma .fm),:is(:where(.dark) 
-.chroma .nn),:is(.dark 
+.chroma .nn),:is(:where(.dark) 
-.chroma .vc),:is(.dark 
+.chroma .vc),:is(:where(.dark) 
 .chroma .o) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-300), var(--tw-text-opacity));
@@ -1372,7 +1398,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .kc) {
+:is(:where(.dark) .chroma .kc) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1414,16 +1440,16 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .kt),:is(.dark 
+:is(:where(.dark) .chroma .kt),:is(:where(.dark) 
-.chroma .nv),:is(.dark 
+.chroma .nv),:is(:where(.dark) 
-.chroma .vi),:is(.dark 
+.chroma .vi),:is(:where(.dark) 
-.chroma .vm),:is(.dark 
+.chroma .vm),:is(:where(.dark) 
-.chroma .m),:is(.dark 
+.chroma .m),:is(:where(.dark) 
-.chroma .mb),:is(.dark 
+.chroma .mb),:is(:where(.dark) 
-.chroma .mf),:is(.dark 
+.chroma .mf),:is(:where(.dark) 
-.chroma .mh),:is(.dark 
+.chroma .mh),:is(:where(.dark) 
-.chroma .mi),:is(.dark 
+.chroma .mi),:is(:where(.dark) 
-.chroma .il),:is(.dark 
+.chroma .il),:is(:where(.dark) 
 .chroma .mo) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
@@ -1445,9 +1471,9 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-900), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .n),:is(.dark 
+:is(:where(.dark) .chroma .n),:is(:where(.dark) 
-.chroma .nd),:is(.dark 
+.chroma .nd),:is(:where(.dark) 
-.chroma .ni),:is(.dark 
+.chroma .ni),:is(:where(.dark) 
 .chroma .nl) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-200), var(--tw-text-opacity));
@@ -1475,11 +1501,11 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-800), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .na),:is(.dark 
+:is(:where(.dark) .chroma .na),:is(:where(.dark) 
-.chroma .nb),:is(.dark 
+.chroma .nb),:is(:where(.dark) 
-.chroma .bp),:is(.dark 
+.chroma .bp),:is(:where(.dark) 
-.chroma .nx),:is(.dark 
+.chroma .nx),:is(:where(.dark) 
-.chroma .py),:is(.dark 
+.chroma .py),:is(:where(.dark) 
 .chroma .nt) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-300), var(--tw-text-opacity));
@@ -1499,8 +1525,8 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .no),:is(.dark 
+:is(:where(.dark) .chroma .no),:is(:where(.dark) 
-.chroma .ne),:is(.dark 
+.chroma .ne),:is(:where(.dark) 
 .chroma .vg) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
@@ -1513,7 +1539,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .nf) {
+:is(:where(.dark) .chroma .nf) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1570,21 +1596,21 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-800), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .l),:is(.dark 
+:is(:where(.dark) .chroma .l),:is(:where(.dark) 
-.chroma .ld),:is(.dark 
+.chroma .ld),:is(:where(.dark) 
-.chroma .s),:is(.dark 
+.chroma .s),:is(:where(.dark) 
-.chroma .sa),:is(.dark 
+.chroma .sa),:is(:where(.dark) 
-.chroma .sb),:is(.dark 
+.chroma .sb),:is(:where(.dark) 
-.chroma .sc),:is(.dark 
+.chroma .sc),:is(:where(.dark) 
-.chroma .dl),:is(.dark 
+.chroma .dl),:is(:where(.dark) 
-.chroma .sd),:is(.dark 
+.chroma .sd),:is(:where(.dark) 
-.chroma .s2),:is(.dark 
+.chroma .s2),:is(:where(.dark) 
-.chroma .sh),:is(.dark 
+.chroma .sh),:is(:where(.dark) 
-.chroma .si),:is(.dark 
+.chroma .si),:is(:where(.dark) 
-.chroma .sx),:is(.dark 
+.chroma .sx),:is(:where(.dark) 
-.chroma .s1),:is(.dark 
+.chroma .s1),:is(:where(.dark) 
-.chroma .gi),:is(.dark 
+.chroma .gi),:is(:where(.dark) 
-.chroma .go),:is(.dark 
+.chroma .go),:is(:where(.dark) 
 .chroma .gp) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
@@ -1598,7 +1624,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .se) {
+:is(:where(.dark) .chroma .se) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1614,7 +1640,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-800), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .sr),:is(.dark 
+:is(:where(.dark) .chroma .sr),:is(:where(.dark) 
 .chroma .ss) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
@@ -1628,7 +1654,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .ow) {
+:is(:where(.dark) .chroma .ow) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-600), var(--tw-text-opacity));
 }
@@ -1656,11 +1682,11 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .c),:is(.dark 
+:is(:where(.dark) .chroma .c),:is(:where(.dark) 
-.chroma .cm),:is(.dark 
+.chroma .cm),:is(:where(.dark) 
-.chroma .c1),:is(.dark 
+.chroma .c1),:is(:where(.dark) 
-.chroma .cs),:is(.dark 
+.chroma .cs),:is(:where(.dark) 
-.chroma .cp),:is(.dark 
+.chroma .cp),:is(:where(.dark) 
 .chroma .cpf) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
@@ -1675,7 +1701,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
 }
 
-:is(.dark .chroma .ch) {
+:is(:where(.dark) .chroma .ch) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
@@ -2622,7 +2648,7 @@ body:has(#menu-controller:checked) {
   transition-duration: 150ms;
 }
 
-:is(.dark .dark\:prose-invert) {
+:is(:where(.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);
@@ -2643,16 +2669,16 @@ body:has(#menu-controller:checked) {
   --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
 }
 
-:is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(:where(.dark) .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   text-decoration-color: rgba(var(--color-neutral-600), 1);
 }
 
-:is(.dark .dark\:prose-invert) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(:where(.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(.dark .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(:where(.dark) .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   background-color: rgba(var(--color-secondary-400), 1);
 }
 
@@ -2788,183 +2814,6 @@ body:has(#menu-controller:checked) {
   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;
@@ -3111,3 +2960,180 @@ body:has(#menu-controller:checked) {
     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));
+}

assets/css/main.css

@@ -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,
@@ -102,23 +102,40 @@ body:has(#menu-controller:checked) {
   @apply absolute -z-10 opacity-5;
 }
 
+/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
+.katex-display {
+  overflow: auto hidden;
+}
+
+/* Fix long tables breaking out of article on mobile */
+table {
+  display: block;
+  overflow: auto;
+}
+
+/* Fix long inline code sections breaking out of article on mobile */
+code {
+  word-wrap: break-word; /* All browsers since IE 5.5+ */
+  overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */
+}
+
 /* -- 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;
@@ -280,7 +297,7 @@ body:has(#menu-controller:checked) {
 }
 /* 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 {

assets/icons/mendeley.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="20" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path opacity="1" fill="currentColor" d="M624.6 325.2c-12.3-12.4-29.7-19.2-48.4-17.2-43.3-1-49.7-34.9-37.5-98.8 22.8-57.5-14.9-131.5-87.4-130.8-77.4 .7-81.7 82-130.9 82-48.1 0-54-81.3-130.9-82-72.9-.8-110.1 73.3-87.4 130.8 12.2 63.9 5.8 97.8-37.5 98.8-21.2-2.3-37 6.5-53 22.5-19.9 19.7-19.3 94.8 42.6 102.6 47.1 5.9 81.6-42.9 61.2-87.8-47.3-103.7 185.9-106.1 146.5-8.2-.1 .1-.2 .2-.3 .4-26.8 42.8 6.8 97.4 58.8 95.2 52.1 2.1 85.4-52.6 58.8-95.2-.1-.2-.2-.3-.3-.4-39.4-97.9 193.8-95.5 146.5 8.2-4.6 10-6.7 21.3-5.7 33 4.9 53.4 68.7 74.1 104.9 35.2 17.8-14.8 23.1-65.6 0-88.3zm-303.9-19.1h-.6c-43.4 0-62.8-37.5-62.8-62.8 0-34.7 28.2-62.8 62.8-62.8h.6c34.7 0 62.8 28.1 62.8 62.8 0 25-19.2 62.8-62.8 62.8z"/></svg>

assets/icons/weibo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path fill="currentColor" d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8 .3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4 .6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z"/></svg>

config/_default/languages.en.toml

@@ -33,6 +33,7 @@ title = "Congo"
   #   { github = "https://github.com/username" },
   #   { gitlab = "https://gitlab.com/username" },
   #   { google = "https://www.google.com/" },
+  #   { google-scholar = "https://scholar.google.com/citations?user=user-id" },
   #   { hashnode = "https://username.hashnode.dev" },
   #   { instagram = "https://instagram.com/username" },
   #   { keybase = "https://keybase.io/username" },
@@ -41,6 +42,7 @@ title = "Congo"
   #   { linkedin = "https://linkedin.com/in/username" },
   #   { mastodon = "https://mastodon.instance/@username" },
   #   { medium = "https://medium.com/username" },
+  #   { mendeley = "https://www.mendeley.com/" },
   #   { microsoft = "https://www.microsoft.com/" },
   #   { orcid = "https://orcid.org/userid" },
   #   { patreon = "https://www.patreon.com/username" },
@@ -59,5 +61,4 @@ title = "Congo"
   #   { whatsapp = "https://wa.me/phone-number" },
   #   { x-twitter = "https://twitter.com/username" },
   #   { youtube = "https://youtube.com/username" },
-  #   { google-scholar = "https://scholar.google.com/citations?user=user-id"}
   # ]

config/_default/params.toml

@@ -51,7 +51,7 @@ fingerprintAlgorithm = "sha256"
   showTaxonomies = false
   showWordCount = false
   showComments = false
-  # sharingLinks = ["facebook", "twitter", "mastodon", "pinterest", "reddit", "linkedin", "email", "telegram", "line"]
+  # sharingLinks = ["facebook", "twitter", "mastodon", "pinterest", "reddit", "linkedin", "email", "telegram", "line", "weibo"]
 
 [list]
   showBreadcrumbs = false

data/sharing.json

@@ -43,5 +43,10 @@
     "icon": "line",
     "title": "sharing.line",
     "url": "https://line.me/R/share?text=%s%s"
+  },
+  "weibo": {
+    "icon": "weibo",
+    "title":"sharing.weibo",
+    "url": "https://service.weibo.com/share/share.php?url=%s&appkey=&title=%s&pic=&ralateUid=&lang"
   }
 }

exampleSite/config/_default/params.toml

@@ -52,7 +52,7 @@ fingerprintAlgorithm = "sha256"
   showTaxonomies = false
   showWordCount = false
   showComments = false
-  # sharingLinks = ["facebook", "twitter", "mastodon", "pinterest", "reddit", "linkedin", "email", "telegram", "line"]
+  # sharingLinks = ["facebook", "twitter", "mastodon", "pinterest", "reddit", "linkedin", "email", "telegram", "line", "weibo"]
 
 [list]
   showBreadcrumbs = true

exampleSite/content/samples/icons/index.de.md

@@ -53,6 +53,7 @@ Die vollständige Liste der integrierten Icons und ihre entsprechenden Namen fin
 | list                 | {{< icon list >}}                 |
 | mastodon             | {{< icon mastodon >}}             |
 | medium               | {{< icon medium >}}               |
+| mendeley             | {{< icon mendeley>}}              |
 | microsoft            | {{< icon microsoft >}}            |
 | mobile               | {{< icon mobile >}}               |
 | moon                 | {{< icon moon >}}                 |
@@ -80,6 +81,7 @@ Die vollständige Liste der integrierten Icons und ihre entsprechenden Namen fin
 | tumblr               | {{< icon tumblr >}}               |
 | twitch               | {{< icon twitch >}}               |
 | twitter              | {{< icon twitter >}}              |
+| weibo                | {{< icon weibo >}}                |
 | whatsapp             | {{< icon whatsapp >}}             |
 | x-twitter            | {{< icon x-twitter >}}            |
 | xmark                | {{< icon xmark >}}                |

exampleSite/content/samples/icons/index.es.md

@@ -53,6 +53,7 @@ La lista completa de íconos incorporados y sus nombres correspondientes se pued
 | list                 | {{< icon list >}}                 |
 | mastodon             | {{< icon mastodon >}}             |
 | medium               | {{< icon medium >}}               |
+| mendeley             | {{< icon mendeley>}}              |
 | microsoft            | {{< icon microsoft >}}            |
 | mobile               | {{< icon mobile >}}               |
 | moon                 | {{< icon moon >}}                 |
@@ -80,6 +81,7 @@ La lista completa de íconos incorporados y sus nombres correspondientes se pued
 | tumblr               | {{< icon tumblr >}}               |
 | twitch               | {{< icon twitch >}}               |
 | twitter              | {{< icon twitter >}}              |
+| weibo                | {{< icon weibo >}}                |
 | whatsapp             | {{< icon whatsapp >}}             |
 | x-twitter            | {{< icon x-twitter >}}            |
 | xmark                | {{< icon xmark >}}                |

exampleSite/content/samples/icons/index.ja.md

@@ -53,6 +53,7 @@ Congo は[FontAwesome 6](https://fontawesome.com/icons)のアイコンをサポ
 | list                 | {{< icon list >}}                 |
 | mastodon             | {{< icon mastodon >}}             |
 | medium               | {{< icon medium >}}               |
+| mendeley             | {{< icon mendeley>}}              |
 | microsoft            | {{< icon microsoft >}}            |
 | mobile               | {{< icon mobile >}}               |
 | moon                 | {{< icon moon >}}                 |
@@ -80,6 +81,7 @@ Congo は[FontAwesome 6](https://fontawesome.com/icons)のアイコンをサポ
 | tumblr               | {{< icon tumblr >}}               |
 | twitch               | {{< icon twitch >}}               |
 | twitter              | {{< icon twitter >}}              |
+| weibo                | {{< icon weibo >}}                |
 | whatsapp             | {{< icon whatsapp >}}             |
 | x-twitter            | {{< icon x-twitter >}}            |
 | xmark                | {{< icon xmark >}}                |

exampleSite/content/samples/icons/index.md

@@ -53,6 +53,7 @@ The full list of built-in icons and their corresponding names can referenced bel
 | list                 | {{< icon list >}}                 |
 | mastodon             | {{< icon mastodon >}}             |
 | medium               | {{< icon medium >}}               |
+| mendeley             | {{< icon mendeley>}}              |
 | microsoft            | {{< icon microsoft >}}            |
 | mobile               | {{< icon mobile >}}               |
 | moon                 | {{< icon moon >}}                 |
@@ -80,6 +81,7 @@ The full list of built-in icons and their corresponding names can referenced bel
 | tumblr               | {{< icon tumblr >}}               |
 | twitch               | {{< icon twitch >}}               |
 | twitter              | {{< icon twitter >}}              |
+| weibo                | {{< icon weibo >}}                |
 | whatsapp             | {{< icon whatsapp >}}             |
 | x-twitter            | {{< icon x-twitter >}}            |
 | xmark                | {{< icon xmark >}}                |

i18n/ar.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "تغريد على تويتر"
   telegram: "شارك على تيليجرام"
   line: "شارك على لاين"
+  # weibo: "Share on Weibo"
 
 shortcode:
   recent_articles: "حديثًا"

i18n/bg.yaml

@@ -52,7 +52,8 @@ sharing:
   reddit: "Публикуване в Reddit"
   twitter: "Туит в Twitter"
   telegram: "Споделете в Telegram"
-  line: Споделете в LINE""
+  line: "Споделете в LINE"
+  weibo: "Споделете в Weibo"
 
 shortcode:
   recent_articles: "Последни"

i18n/bn.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "ট্যুইট করুন"
   telegram: "টেলিগ্রামে শেয়ার করুন"
   line: "লাইনে শেয়ার করুন"
+  # weibo: "Share on Weibo"
 
 shortcode:
   recent_articles: "সাম্প্রতিক"

i18n/cs.yaml

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

i18n/de.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Auf Twitter teilen"
   telegram: "Auf Telegram teilen"
   line: "Auf LINE teilen"
+  weibo: "Auf Weibo teilen"
 
 shortcode:
   recent_articles: "Neue Beiträge"

i18n/en.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Tweet on Twitter"
   telegram: "Share on Telegram"
   line: "Share on LINE"
+  weibo: "Share on Weibo"
 
 shortcode:
   recent_articles: "Recent"

i18n/es.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Tuitear en Twitter"
   telegram: "Compartir en Telegram"
   line: "Compartir en LINE"
+  weibo: "Compartir en Weibo"
 
 shortcode:
   recent_articles: "Reciente"

i18n/fi.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Twiittaa Twitterissä"
   telegram: "Jaa Telegramissa"
   line: "Jaa LINEssä"
+  weibo: "Jaa Weibossä"
 
 shortcode:
   recent_articles: "Viimeaikaiset"

i18n/fr.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Tweeter"
   telegram: "Partager sur Telegram"
   line: "Partager sur LINE"
+  weibo: "Partager sur Weibo"
 
 shortcode:
   recent_articles: "Articles récents"

i18n/he.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "ציוץ בטוויטר"
   telegram: "שיתוף בטלגרם"
   line: "שיתוף בליין"
+  # weibo: "Share on Weibo"
 
 shortcode:
   recent_articles: "חדשים"

i18n/hu.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Megosztás a Twitteren"
   telegram: "Megosztás a Telegramon"
   line: "Megosztás a LINE-on"
+  weibo: "Megosztás a Weibo-on"
 
 shortcode:
   recent_articles: "Friss"

i18n/id.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Tweet di Twitter"
   telegram: "Bagikan ke Telegram"
   line: "Bagikan ke LINE"
+  weibo: "Bagikan ke Weibo"
 
 shortcode:
   recent_articles: "Terbaru"

i18n/it.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Tweetta su Twitter"
   telegram: "Condividi su Telegram"
   line: "Condividi su LINE"
+  weibo: "Condividi su Weibo"
 
 shortcode:
   recent_articles: "Recenti"

i18n/ja.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Twitterに投稿する"
   telegram: "Telegramでシェアする"
   line: "LINEでシェアする"
+  weibo: "Weiboでシェアする"
 
 shortcode:
   recent_articles: "最近の記事"

i18n/ko.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Twitter에 트윗하기"
   telegram: "Telegram에 공유하기"
   line: "LINE에 공유하기"
+  weibo: "Weibo에 공유하기"
 
 shortcode:
   recent_articles: "최신 글"

i18n/nl.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Tweet op Twitter"
   telegram: "Deel op Telegram"
   line: "Deel op LINE"
+  weibo: "Deel op Weibo"
 
 shortcode:
   recent_articles: "Recent"

i18n/pl.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Udostępnij na Twitter"
   telegram: "Udostępnij na Telegram"
   line: "Udostępnij na LINE"
+  weibo: "Udostępnij na Weibo"
 
 shortcode:
   recent_articles: "Ostatnie"

i18n/pt-BR.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Tweet no Twitter"
   telegram: "Compartilhar pelo Telegram"
   line: "Compartilhar pelo LINE"
+  weibo: "Compartilhar pelo weibo"
 
 shortcode:
   recent_articles: "Recente"

i18n/pt-PT.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Partilhar no Twitter"
   telegram: "Partilhar pelo Telegram"
   line: "Partilhar pelo LINE"
+  weibo: "Partilhar pelo Weibo"
 
 shortcode:
   recent_articles: "Recente"

i18n/ro.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Scrie pe Twitter"
   telegram: "Trimite pe Telegram"
   line: "Trimite pe LINE"
+  weibo: "Trimite pe Weibo"
 
 shortcode:
   recent_articles: "Cele mai noi"

i18n/ru.yaml

@@ -57,6 +57,7 @@ sharing:
   twitter: "Опубликовать на Twitter"
   telegram: "Поделиться на Telegram"
   line: "Поделиться на LINE"
+  weibo: "Поделиться на Weibo"
 
 shortcode:
   recent_articles: "Последние"

i18n/sk.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "Tweet na Twitteri"
   telegram: "Zdieľaj na Telegram"
   line: "Zdieľaj na LINE"
+  weibo: "Zdieľaj na Weibo"
 
 shortcode:
   recent_articles: "Nedávne"

i18n/tr.yaml

@@ -52,6 +52,7 @@ sharing:
   twitter: "Twitter'da Tweetle"
   telegram: "Telegram'da paylaş"
   line: "LINE'da paylaş"
+  weibo: "Weibo'da paylaş"
 
 shortcode:
   recent_articles: "Güncel"

i18n/uk.yaml

@@ -57,6 +57,7 @@ sharing:
   twitter: "Поширити на Twitter"
   telegram: "Поширити на Telegram"
   line: "Поширити на LINE"
+  weibo: "Поширити на Weibo"
 
 shortcode:
   recent_articles: "Недавні дописи"

i18n/zh-CN.yaml

@@ -52,6 +52,7 @@ sharing:
   twitter: "分享到 Twitter"
   telegram: "分享到 Telegram"
   line: "分享到 LINE"
+  weibo: "分享到 微博"
 
 shortcode:
   recent_articles: "最近的文章"

i18n/zh-TW.yaml

@@ -53,6 +53,7 @@ sharing:
   twitter: "推到 Twitter"
   telegram: "分享到 Telegram"
   line: "分享到 LINE"
+  weibo: "分享到 微博"
 
 shortcode:
   recent_articles: "最近的文章"

layouts/partials/picture.html

@@ -81,32 +81,65 @@
         type="image/webp" 
       />
     {{ end }}
-      <img
+    {{ $orientation := 1 }}
+    {{ with .Exif }}
+      {{ $orientation = .Tags.Orientation }}
+    {{ end }}
+    {{ if eq $orientation 1 }}
+    <img
+      src="{{ .RelPermalink }}"
+      width="{{ $width }}"
+      height="{{ $height }}"
+      {{ with $class }} class="{{ . }}" {{ end }}
+      {{ with $alt }} alt="{{ . }}" {{ end }}
+      {{ with $lazy }} loading="lazy" decoding="async" {{ end }}
+      {{ if lt .Width 660 }}
         src="{{ .RelPermalink }}"
-        width="{{ $width }}"
+      {{ else }}
-        height="{{ $height }}"
+        srcset="
-        {{ with $class }} class="{{ . }}" {{ end }}
+        {{- (.Resize "330x").RelPermalink }} 330w,
-        {{ with $alt }} alt="{{ . }}" {{ end }}
+        {{- (.Resize "660x").RelPermalink }} 660w
-        {{ with $lazy }} loading="lazy" decoding="async" {{ end }}
+        {{ if gt .Width 1024 }}
-        {{ if lt .Width 660 }}
+          ,{{ (.Resize "1024x").RelPermalink }} 1024w
-          src="{{ .RelPermalink }}"
         {{ else }}
-          srcset="
+          ,{{ .RelPermalink }} {{ .Width }}w
-          {{- (.Resize "330x").RelPermalink }} 330w,
-          {{- (.Resize "660x").RelPermalink }} 660w
-          {{ if gt .Width 1024 }}
-            ,{{ (.Resize "1024x").RelPermalink }} 1024w
-          {{ else }}
-            ,{{ .RelPermalink }} {{ .Width }}w
-          {{ end }}
-          {{ if gt .Width 1320 }}
-            ,{{ (.Resize "1320x").RelPermalink }} 2x
-          {{ else }}
-            ,{{ .RelPermalink }} {{ .Width }}w
-          {{ end }}"
-          src="{{ (.Resize "660x").RelPermalink }}"
         {{ end }}
-      >
+        {{ if gt .Width 1320 }}
+          ,{{ (.Resize "1320x").RelPermalink }} 2x
+        {{ else }}
+          ,{{ .RelPermalink }} {{ .Width }}w
+        {{ end }}"
+        src="{{ (.Resize "660x").RelPermalink }}"
+      {{ end }}
+    >
+    {{ else if (eq $orientation 8) }}
+    <img
+      src="{{ (.Resize "r90").RelPermalink }}"
+      width="{{ $width }}"
+      height="{{ $height }}"
+      {{ 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 r90").RelPermalink }} 330w,
+        {{- (.Resize "660x r90").RelPermalink }} 660w
+        {{ if gt .Width 1024 }}
+          ,{{ (.Resize "1024x r90").RelPermalink }} 1024w
+        {{ else }}
+          ,{{ .RelPermalink }} {{ .Width }}w
+        {{ end }}
+        {{ if gt .Width 1320 }}
+          ,{{ (.Resize "1320x r90").RelPermalink }} 2x
+        {{ else }}
+          ,{{ .RelPermalink }} {{ .Width }}w
+        {{ end }}"
+        src="{{ (.Resize "660x r90").RelPermalink }}"
+      {{ end }}
+    >
+    {{ end }}
     </picture>
   {{ end }}
 {{ end }}

package-lock.json

@@ -20,7 +20,7 @@
         "prettier-plugin-tailwindcss": "^0.5.9",
         "quicklink": "^2.3.0",
         "rimraf": "^5.0.5",
-        "tailwindcss": "^3.3.7",
+        "tailwindcss": "^3.4.0",
         "vendor-copy": "^3.0.1"
       },
       "funding": {
@@ -2896,9 +2896,9 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.3.7",
+      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.7.tgz",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.0.tgz",
-      "integrity": "sha512-pjgQxDZPvyS/nG3ZYkyCvsbONJl7GdOejfm24iMt2ElYQQw8Jc4p0m8RdMp7mznPD0kUhfzwV3zAwa80qI0zmQ==",
+      "integrity": "sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==",
       "dev": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
@@ -5199,9 +5199,9 @@
       "dev": true
     },
     "tailwindcss": {
-      "version": "3.3.7",
+      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.7.tgz",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.0.tgz",
-      "integrity": "sha512-pjgQxDZPvyS/nG3ZYkyCvsbONJl7GdOejfm24iMt2ElYQQw8Jc4p0m8RdMp7mznPD0kUhfzwV3zAwa80qI0zmQ==",
+      "integrity": "sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==",
       "dev": true,
       "requires": {
         "@alloc/quick-lru": "^5.2.0",

package.json

@@ -39,7 +39,7 @@
     "prettier-plugin-tailwindcss": "^0.5.9",
     "quicklink": "^2.3.0",
     "rimraf": "^5.0.5",
-    "tailwindcss": "^3.3.7",
+    "tailwindcss": "^3.4.0",
     "vendor-copy": "^3.0.1"
   },
   "vendorCopy": [],