mirror of
https://github.com/nunocoracao/blowfish.git
synced 2026-01-30 15:31:52 +00:00
Merge branch 'dev' into feature/callout-tailwind
This commit is contained in:
ZhenShuo Leo
@@ -10,7 +10,7 @@ jobs:
|
|||||||
steps:
|
steps:
|
||||||
- uses: actions/checkout@v6
|
- uses: actions/checkout@v6
|
||||||
- run: zip -r config-default.zip config/_default
|
- run: zip -r config-default.zip config/_default
|
||||||
- uses: actions/upload-artifact@v5
|
- uses: actions/upload-artifact@v6
|
||||||
with:
|
with:
|
||||||
name: config-default
|
name: config-default
|
||||||
path: config-default.zip
|
path: config-default.zip
|
||||||
|
|||||||
@@ -38,7 +38,7 @@ jobs:
|
|||||||
|
|
||||||
- name: Create Pull Request
|
- name: Create Pull Request
|
||||||
if: steps.git-check.outputs.modified == 'true'
|
if: steps.git-check.outputs.modified == 'true'
|
||||||
uses: peter-evans/create-pull-request@v7
|
uses: peter-evans/create-pull-request@v8
|
||||||
with:
|
with:
|
||||||
commit-message: Update Hugo supported version
|
commit-message: Update Hugo supported version
|
||||||
title: ⚙️ Update Hugo supported version
|
title: ⚙️ Update Hugo supported version
|
||||||
|
|||||||
+1
-1
@@ -25,7 +25,7 @@ static
|
|||||||
#
|
#
|
||||||
# This create an unclose node
|
# This create an unclose node
|
||||||
|
|
||||||
layouts/_default/_markup/render-heading.html
|
layouts/_default/_markup
|
||||||
layouts/_default/index.json
|
layouts/_default/index.json
|
||||||
layouts/shortcodes/screenshot.html
|
layouts/shortcodes/screenshot.html
|
||||||
layouts/shortcodes/figure.html
|
layouts/shortcodes/figure.html
|
||||||
|
|||||||
+616
-136
@@ -48,6 +48,7 @@
|
|||||||
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||||
--blur-sm: 8px;
|
--blur-sm: 8px;
|
||||||
|
--blur-xl: 24px;
|
||||||
--blur-2xl: 40px;
|
--blur-2xl: 40px;
|
||||||
--default-transition-duration: 150ms;
|
--default-transition-duration: 150ms;
|
||||||
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
@@ -522,6 +523,7 @@
|
|||||||
border-top-width: 1px;
|
border-top-width: 1px;
|
||||||
margin-top: 3em;
|
margin-top: 3em;
|
||||||
margin-bottom: 3em;
|
margin-bottom: 3em;
|
||||||
|
border: 0.8px solid rgba(var(--color-neutral-300), 1);
|
||||||
}
|
}
|
||||||
:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@@ -618,7 +620,6 @@
|
|||||||
color: var(--tw-prose-code);
|
color: var(--tw-prose-code);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 0.875em;
|
font-size: 0.875em;
|
||||||
background-color: rgba(var(--color-neutral-50), 1);
|
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
padding-bottom: 3px;
|
padding-bottom: 3px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
@@ -745,9 +746,9 @@
|
|||||||
--tw-prose-bold: rgba(var(--color-neutral-900), 1);
|
--tw-prose-bold: rgba(var(--color-neutral-900), 1);
|
||||||
--tw-prose-counters: rgba(var(--color-neutral-800), 1);
|
--tw-prose-counters: rgba(var(--color-neutral-800), 1);
|
||||||
--tw-prose-bullets: rgba(var(--color-neutral-500), 1);
|
--tw-prose-bullets: rgba(var(--color-neutral-500), 1);
|
||||||
--tw-prose-hr: rgba(var(--color-neutral-200), 1);
|
--tw-prose-hr: oklch(92.8% 0.006 264.531);
|
||||||
--tw-prose-quotes: rgba(var(--color-neutral-700), 1);
|
--tw-prose-quotes: rgba(var(--color-neutral-700), 1);
|
||||||
--tw-prose-quote-borders: rgba(var(--color-primary-200), 1);
|
--tw-prose-quote-borders: rgba(var(--color-primary-500), 1);
|
||||||
--tw-prose-captions: rgba(var(--color-neutral-500), 1);
|
--tw-prose-captions: rgba(var(--color-neutral-500), 1);
|
||||||
--tw-prose-kbd: oklch(21% 0.034 264.665);
|
--tw-prose-kbd: oklch(21% 0.034 264.665);
|
||||||
--tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
|
--tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
|
||||||
@@ -763,9 +764,9 @@
|
|||||||
--tw-prose-invert-bold: rgba(var(--color-neutral), 1);
|
--tw-prose-invert-bold: rgba(var(--color-neutral), 1);
|
||||||
--tw-prose-invert-counters: rgba(var(--color-neutral-400), 1);
|
--tw-prose-invert-counters: rgba(var(--color-neutral-400), 1);
|
||||||
--tw-prose-invert-bullets: rgba(var(--color-neutral-600), 1);
|
--tw-prose-invert-bullets: rgba(var(--color-neutral-600), 1);
|
||||||
--tw-prose-invert-hr: rgba(var(--color-neutral-500), 1);
|
--tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
|
||||||
--tw-prose-invert-quotes: rgba(var(--color-neutral-200), 1);
|
--tw-prose-invert-quotes: rgba(var(--color-neutral-200), 1);
|
||||||
--tw-prose-invert-quote-borders: rgba(var(--color-primary-900), 1);
|
--tw-prose-invert-quote-borders: rgba(var(--color-primary-600), 1);
|
||||||
--tw-prose-invert-captions: rgba(var(--color-neutral-400), 1);
|
--tw-prose-invert-captions: rgba(var(--color-neutral-400), 1);
|
||||||
--tw-prose-invert-kbd: #fff;
|
--tw-prose-invert-kbd: #fff;
|
||||||
--tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
|
--tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
|
||||||
@@ -1379,6 +1380,9 @@
|
|||||||
.justify-center {
|
.justify-center {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
.gap-1 {
|
||||||
|
gap: calc(var(--spacing) * 1);
|
||||||
|
}
|
||||||
.gap-2 {
|
.gap-2 {
|
||||||
gap: calc(var(--spacing) * 2);
|
gap: calc(var(--spacing) * 2);
|
||||||
}
|
}
|
||||||
@@ -1506,6 +1510,10 @@
|
|||||||
border-top-left-radius: var(--radius-lg);
|
border-top-left-radius: var(--radius-lg);
|
||||||
border-top-right-radius: var(--radius-lg);
|
border-top-right-radius: var(--radius-lg);
|
||||||
}
|
}
|
||||||
|
.rounded-t-md {
|
||||||
|
border-top-left-radius: var(--radius-md);
|
||||||
|
border-top-right-radius: var(--radius-md);
|
||||||
|
}
|
||||||
.rounded-b-lg {
|
.rounded-b-lg {
|
||||||
border-bottom-right-radius: var(--radius-lg);
|
border-bottom-right-radius: var(--radius-lg);
|
||||||
border-bottom-left-radius: var(--radius-lg);
|
border-bottom-left-radius: var(--radius-lg);
|
||||||
@@ -1623,8 +1631,8 @@
|
|||||||
:where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
:where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
background-color: rgba(var(--color-primary-400), 1);
|
background-color: rgba(var(--color-primary-400), 1);
|
||||||
}
|
}
|
||||||
:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
:where(code:not(pre code)):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
background-color: rgba(var(--color-neutral-700), 1);
|
background-color: color-mix(in oklab, oklch(21% 0.006 285.885) 70%, transparent);
|
||||||
}
|
}
|
||||||
:where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
:where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
text-decoration-color: rgba(var(--color-primary-400), 1);
|
text-decoration-color: rgba(var(--color-primary-400), 1);
|
||||||
@@ -1632,6 +1640,9 @@
|
|||||||
:where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
:where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
text-decoration-color: rgba(var(--color-primary-400), 1);
|
text-decoration-color: rgba(var(--color-primary-400), 1);
|
||||||
}
|
}
|
||||||
|
:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
|
border: 0.8px solid rgba(var(--color-neutral-500), 1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.bg-\[\#6d6d6d\] {
|
.bg-\[\#6d6d6d\] {
|
||||||
background-color: #6d6d6d;
|
background-color: #6d6d6d;
|
||||||
@@ -1654,6 +1665,12 @@
|
|||||||
background-color: color-mix(in oklab, rgba(var(--color-neutral-100), 1) 50%, transparent);
|
background-color: color-mix(in oklab, rgba(var(--color-neutral-100), 1) 50%, transparent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.bg-neutral-100\/75 {
|
||||||
|
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-100), 1), 1) 75%, transparent);
|
||||||
|
@supports (color: color-mix(in lab, red, red)) {
|
||||||
|
background-color: color-mix(in oklab, rgba(var(--color-neutral-100), 1) 75%, transparent);
|
||||||
|
}
|
||||||
|
}
|
||||||
.bg-neutral-300 {
|
.bg-neutral-300 {
|
||||||
background-color: rgba(var(--color-neutral-300), 1);
|
background-color: rgba(var(--color-neutral-300), 1);
|
||||||
}
|
}
|
||||||
@@ -2201,6 +2218,11 @@
|
|||||||
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
||||||
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
||||||
}
|
}
|
||||||
|
.backdrop-blur-xl {
|
||||||
|
--tw-backdrop-blur: blur(var(--blur-xl));
|
||||||
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
||||||
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
||||||
|
}
|
||||||
.transition {
|
.transition {
|
||||||
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
||||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
||||||
@@ -2442,6 +2464,13 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.hover\:bg-neutral-200 {
|
||||||
|
&:hover {
|
||||||
|
@media (hover: hover) {
|
||||||
|
background-color: rgba(var(--color-neutral-200), 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.hover\:bg-primary-100 {
|
.hover\:bg-primary-100 {
|
||||||
&:hover {
|
&:hover {
|
||||||
@media (hover: hover) {
|
@media (hover: hover) {
|
||||||
@@ -3086,8 +3115,8 @@
|
|||||||
:where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
:where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
background-color: rgba(var(--color-primary-400), 1);
|
background-color: rgba(var(--color-primary-400), 1);
|
||||||
}
|
}
|
||||||
:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
:where(code:not(pre code)):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
background-color: rgba(var(--color-neutral-700), 1);
|
background-color: color-mix(in oklab, oklch(21% 0.006 285.885) 70%, transparent);
|
||||||
}
|
}
|
||||||
:where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
:where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
text-decoration-color: rgba(var(--color-primary-400), 1);
|
text-decoration-color: rgba(var(--color-primary-400), 1);
|
||||||
@@ -3095,6 +3124,9 @@
|
|||||||
:where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
:where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
text-decoration-color: rgba(var(--color-primary-400), 1);
|
text-decoration-color: rgba(var(--color-primary-400), 1);
|
||||||
}
|
}
|
||||||
|
:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||||||
|
border: 0.8px solid rgba(var(--color-neutral-500), 1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.dark\:bg-neutral-400 {
|
.dark\:bg-neutral-400 {
|
||||||
@@ -3125,6 +3157,14 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.dark\:bg-neutral-800\/60 {
|
||||||
|
&:is(.dark *) {
|
||||||
|
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-800), 1), 1) 60%, transparent);
|
||||||
|
@supports (color: color-mix(in lab, red, red)) {
|
||||||
|
background-color: color-mix(in oklab, rgba(var(--color-neutral-800), 1) 60%, transparent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.dark\:bg-neutral-900\/50 {
|
.dark\:bg-neutral-900\/50 {
|
||||||
&:is(.dark *) {
|
&:is(.dark *) {
|
||||||
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 50%, transparent);
|
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 50%, transparent);
|
||||||
@@ -3256,6 +3296,15 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.dark\:hover\:bg-neutral-700 {
|
||||||
|
&:is(.dark *) {
|
||||||
|
&:hover {
|
||||||
|
@media (hover: hover) {
|
||||||
|
background-color: rgba(var(--color-neutral-700), 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.dark\:hover\:bg-primary-400 {
|
.dark\:hover\:bg-primary-400 {
|
||||||
&:is(.dark *) {
|
&:is(.dark *) {
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -3315,16 +3364,36 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
@layer utilities {
|
@layer utilities {
|
||||||
.prose .chroma {
|
.highlight-wrapper {
|
||||||
position: static;
|
position: relative;
|
||||||
|
z-index: 0;
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
border-radius: var(--radius-md);
|
border-radius: var(--radius-md);
|
||||||
background-color: rgba(var(--color-neutral-50), 1);
|
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
||||||
color: rgba(var(--color-neutral-700), 1);
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||||||
|
margin-top: 1.7142857em;
|
||||||
|
margin-bottom: 1.7142857em;
|
||||||
|
}
|
||||||
|
.highlight-wrapper pre, .highlight-wrapper table, .highlight-wrapper div {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.highlight-wrapper:has(.codeblock-title) pre {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.codeblock-title {
|
||||||
|
border-bottom-style: var(--tw-border-style);
|
||||||
|
border-bottom-width: 1px;
|
||||||
|
border-color: rgba(var(--color-neutral-200), 1);
|
||||||
|
padding-inline: calc(var(--spacing) * 4);
|
||||||
|
padding-block: calc(var(--spacing) * 2);
|
||||||
&:is(.dark *) {
|
&:is(.dark *) {
|
||||||
background-color: rgba(var(--color-neutral-700), 1);
|
border-color: rgba(var(--color-neutral-800), 1);
|
||||||
}
|
}
|
||||||
|
background-color: #fff;
|
||||||
&:is(.dark *) {
|
&:is(.dark *) {
|
||||||
color: rgba(var(--color-neutral-200), 1);
|
background-color: #0d1117;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.chroma .lntd, .chroma .lntd pre {
|
.chroma .lntd, .chroma .lntd pre {
|
||||||
@@ -3348,134 +3417,535 @@
|
|||||||
margin-inline: calc(var(--spacing) * -4);
|
margin-inline: calc(var(--spacing) * -4);
|
||||||
display: block;
|
display: block;
|
||||||
width: auto;
|
width: auto;
|
||||||
background-color: rgba(var(--color-primary-100), 1);
|
|
||||||
padding-inline: calc(var(--spacing) * 4);
|
padding-inline: calc(var(--spacing) * 4);
|
||||||
&:is(.dark *) {
|
|
||||||
background-color: rgba(var(--color-primary-900), 1);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.chroma .lntd .hl {
|
.chroma .lntd .hl {
|
||||||
margin: calc(var(--spacing) * 0);
|
margin: calc(var(--spacing) * 0);
|
||||||
padding: calc(var(--spacing) * 0);
|
padding: calc(var(--spacing) * 0);
|
||||||
}
|
}
|
||||||
.chroma .lnt, .chroma .ln {
|
.chroma:not(:is(table *)) > code {
|
||||||
margin-right: 0.4em;
|
display: block;
|
||||||
padding-inline: 0.4em;
|
min-width: max-content;
|
||||||
padding-block: calc(var(--spacing) * 0);
|
}
|
||||||
color: rgba(var(--color-neutral-600), 1);
|
html:not(.dark) {
|
||||||
&:is(.dark *) {
|
.bg {
|
||||||
color: rgba(var(--color-neutral-300), 1);
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.chroma {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.chroma .err {
|
||||||
|
color: #f6f8fa;
|
||||||
|
background-color: #82071e;
|
||||||
|
}
|
||||||
|
.chroma .lnlinks {
|
||||||
|
outline: none;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
.chroma .lntd {
|
||||||
|
vertical-align: top;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.chroma .lntable {
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
.chroma .hl {
|
||||||
|
background-color: #e5e5e5;
|
||||||
|
}
|
||||||
|
.chroma .lnt {
|
||||||
|
white-space: pre;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
margin-right: 0.4em;
|
||||||
|
padding: 0 0.4em 0 0.4em;
|
||||||
|
color: #7f7f7f;
|
||||||
|
}
|
||||||
|
.chroma .ln {
|
||||||
|
white-space: pre;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
margin-right: 0.4em;
|
||||||
|
padding: 0 0.4em 0 0.4em;
|
||||||
|
color: #7f7f7f;
|
||||||
|
}
|
||||||
|
.chroma .line {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.chroma .k {
|
||||||
|
color: #cf222e;
|
||||||
|
}
|
||||||
|
.chroma .kc {
|
||||||
|
color: #cf222e;
|
||||||
|
}
|
||||||
|
.chroma .kd {
|
||||||
|
color: #cf222e;
|
||||||
|
}
|
||||||
|
.chroma .kn {
|
||||||
|
color: #cf222e;
|
||||||
|
}
|
||||||
|
.chroma .kp {
|
||||||
|
color: #cf222e;
|
||||||
|
}
|
||||||
|
.chroma .kr {
|
||||||
|
color: #cf222e;
|
||||||
|
}
|
||||||
|
.chroma .kt {
|
||||||
|
color: #cf222e;
|
||||||
|
}
|
||||||
|
.chroma .na {
|
||||||
|
color: #1f2328;
|
||||||
|
}
|
||||||
|
.chroma .nc {
|
||||||
|
color: #1f2328;
|
||||||
|
}
|
||||||
|
.chroma .no {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .nd {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .ni {
|
||||||
|
color: #6639ba;
|
||||||
|
}
|
||||||
|
.chroma .nl {
|
||||||
|
color: #900;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .nn {
|
||||||
|
color: #24292e;
|
||||||
|
}
|
||||||
|
.chroma .nx {
|
||||||
|
color: #1f2328;
|
||||||
|
}
|
||||||
|
.chroma .nt {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .nb {
|
||||||
|
color: #6639ba;
|
||||||
|
}
|
||||||
|
.chroma .bp {
|
||||||
|
color: #6a737d;
|
||||||
|
}
|
||||||
|
.chroma .nv {
|
||||||
|
color: #953800;
|
||||||
|
}
|
||||||
|
.chroma .vc {
|
||||||
|
color: #953800;
|
||||||
|
}
|
||||||
|
.chroma .vg {
|
||||||
|
color: #953800;
|
||||||
|
}
|
||||||
|
.chroma .vi {
|
||||||
|
color: #953800;
|
||||||
|
}
|
||||||
|
.chroma .vm {
|
||||||
|
color: #953800;
|
||||||
|
}
|
||||||
|
.chroma .nf {
|
||||||
|
color: #6639ba;
|
||||||
|
}
|
||||||
|
.chroma .fm {
|
||||||
|
color: #6639ba;
|
||||||
|
}
|
||||||
|
.chroma .s {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .sa {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .sb {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .sc {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .dl {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .sd {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .s2 {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .se {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .sh {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .si {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .sx {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .sr {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .s1 {
|
||||||
|
color: #0a3069;
|
||||||
|
}
|
||||||
|
.chroma .ss {
|
||||||
|
color: #032f62;
|
||||||
|
}
|
||||||
|
.chroma .m {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .mb {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .mf {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .mh {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .mi {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .il {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .mo {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .o {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .ow {
|
||||||
|
color: #0550ae;
|
||||||
|
}
|
||||||
|
.chroma .p {
|
||||||
|
color: #1f2328;
|
||||||
|
}
|
||||||
|
.chroma .c {
|
||||||
|
color: #57606a;
|
||||||
|
}
|
||||||
|
.chroma .ch {
|
||||||
|
color: #57606a;
|
||||||
|
}
|
||||||
|
.chroma .cm {
|
||||||
|
color: #57606a;
|
||||||
|
}
|
||||||
|
.chroma .c1 {
|
||||||
|
color: #57606a;
|
||||||
|
}
|
||||||
|
.chroma .cs {
|
||||||
|
color: #57606a;
|
||||||
|
}
|
||||||
|
.chroma .cp {
|
||||||
|
color: #57606a;
|
||||||
|
}
|
||||||
|
.chroma .cpf {
|
||||||
|
color: #57606a;
|
||||||
|
}
|
||||||
|
.chroma .gd {
|
||||||
|
color: #82071e;
|
||||||
|
background-color: #ffebe9;
|
||||||
|
}
|
||||||
|
.chroma .ge {
|
||||||
|
color: #1f2328;
|
||||||
|
}
|
||||||
|
.chroma .gi {
|
||||||
|
color: #116329;
|
||||||
|
background-color: #dafbe1;
|
||||||
|
}
|
||||||
|
.chroma .go {
|
||||||
|
color: #1f2328;
|
||||||
|
}
|
||||||
|
.chroma .gl {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.chroma .w {
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.chroma .k, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .nc, .chroma .fm, .chroma .nn, .chroma .vc, .chroma .o {
|
html.dark {
|
||||||
color: rgba(var(--color-primary-600), 1);
|
.bg {
|
||||||
&:is(.dark *) {
|
color: #e6edf3;
|
||||||
color: rgba(var(--color-primary-300), 1);
|
background-color: #0d1117;
|
||||||
|
}
|
||||||
|
.chroma {
|
||||||
|
color: #e6edf3;
|
||||||
|
background-color: #0d1117;
|
||||||
|
}
|
||||||
|
.chroma .err {
|
||||||
|
color: #f85149;
|
||||||
|
}
|
||||||
|
.chroma .lnlinks {
|
||||||
|
outline: none;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
.chroma .lntd {
|
||||||
|
vertical-align: top;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.chroma .lntable {
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
.chroma .hl {
|
||||||
|
background-color: #333;
|
||||||
|
}
|
||||||
|
.chroma .lnt {
|
||||||
|
white-space: pre;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
margin-right: 0.4em;
|
||||||
|
padding: 0 0.4em 0 0.4em;
|
||||||
|
color: #737679;
|
||||||
|
}
|
||||||
|
.chroma .ln {
|
||||||
|
white-space: pre;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
margin-right: 0.4em;
|
||||||
|
padding: 0 0.4em 0 0.4em;
|
||||||
|
color: #6e7681;
|
||||||
|
}
|
||||||
|
.chroma .line {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.chroma .k {
|
||||||
|
color: #ff7b72;
|
||||||
|
}
|
||||||
|
.chroma .kc {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .kd {
|
||||||
|
color: #ff7b72;
|
||||||
|
}
|
||||||
|
.chroma .kn {
|
||||||
|
color: #ff7b72;
|
||||||
|
}
|
||||||
|
.chroma .kp {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .kr {
|
||||||
|
color: #ff7b72;
|
||||||
|
}
|
||||||
|
.chroma .kt {
|
||||||
|
color: #ff7b72;
|
||||||
|
}
|
||||||
|
.chroma .nc {
|
||||||
|
color: #f0883e;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .no {
|
||||||
|
color: #79c0ff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .nd {
|
||||||
|
color: #d2a8ff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .ni {
|
||||||
|
color: #ffa657;
|
||||||
|
}
|
||||||
|
.chroma .ne {
|
||||||
|
color: #f0883e;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .nl {
|
||||||
|
color: #79c0ff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .nn {
|
||||||
|
color: #ff7b72;
|
||||||
|
}
|
||||||
|
.chroma .py {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .nt {
|
||||||
|
color: #7ee787;
|
||||||
|
}
|
||||||
|
.chroma .nv {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .vc {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .vg {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .vi {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .vm {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .nf {
|
||||||
|
color: #d2a8ff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .fm {
|
||||||
|
color: #d2a8ff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .l {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .ld {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .s {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .sa {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .sb {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .sc {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .dl {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .sd {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .s2 {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .se {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .sh {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .si {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .sx {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .sr {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .s1 {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .ss {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .m {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .mb {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .mf {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .mh {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .mi {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .il {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .mo {
|
||||||
|
color: #a5d6ff;
|
||||||
|
}
|
||||||
|
.chroma .o {
|
||||||
|
color: #ff7b72;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .ow {
|
||||||
|
color: #ff7b72;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .c {
|
||||||
|
color: #8b949e;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.chroma .ch {
|
||||||
|
color: #8b949e;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.chroma .cm {
|
||||||
|
color: #8b949e;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.chroma .c1 {
|
||||||
|
color: #8b949e;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.chroma .cs {
|
||||||
|
color: #8b949e;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.chroma .cp {
|
||||||
|
color: #8b949e;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.chroma .cpf {
|
||||||
|
color: #8b949e;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.chroma .gd {
|
||||||
|
color: #ffa198;
|
||||||
|
background-color: #490202;
|
||||||
|
}
|
||||||
|
.chroma .ge {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.chroma .gr {
|
||||||
|
color: #ffa198;
|
||||||
|
}
|
||||||
|
.chroma .gh {
|
||||||
|
color: #79c0ff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .gi {
|
||||||
|
color: #56d364;
|
||||||
|
background-color: #0f5323;
|
||||||
|
}
|
||||||
|
.chroma .go {
|
||||||
|
color: #8b949e;
|
||||||
|
}
|
||||||
|
.chroma .gp {
|
||||||
|
color: #8b949e;
|
||||||
|
}
|
||||||
|
.chroma .gs {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.chroma .gu {
|
||||||
|
color: #79c0ff;
|
||||||
|
}
|
||||||
|
.chroma .gt {
|
||||||
|
color: #ff7b72;
|
||||||
|
}
|
||||||
|
.chroma .gl {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.chroma .w {
|
||||||
|
color: #6e7681;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.chroma .kc {
|
}
|
||||||
--tw-font-weight: var(--font-weight-semibold);
|
@layer utilities {
|
||||||
font-weight: var(--font-weight-semibold);
|
.tab__button.tab--active {
|
||||||
color: rgba(var(--color-secondary-400), 1);
|
border-bottom: 2px solid rgb(var(--color-primary-500));
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-secondary-500), 1);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.chroma .kt, .chroma .nv, .chroma .vi, .chroma .vm, .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo {
|
.tab__panel {
|
||||||
color: rgba(var(--color-secondary-400), 1);
|
display: none;
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-secondary-600), 1);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.chroma .n, .chroma .nd, .chroma .ni, .chroma .nl {
|
.tab__panel.tab--active {
|
||||||
color: rgba(var(--color-secondary-900), 1);
|
display: block;
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-secondary-200), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chroma .na, .chroma .nb, .chroma .bp, .chroma .nx, .chroma .py, .chroma .nt {
|
|
||||||
color: rgba(var(--color-secondary-800), 1);
|
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-secondary-300), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chroma .no, .chroma .ne, .chroma .vg {
|
|
||||||
--tw-font-weight: var(--font-weight-semibold);
|
|
||||||
font-weight: var(--font-weight-semibold);
|
|
||||||
color: rgba(var(--color-secondary-400), 1);
|
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-secondary-500), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chroma .nf {
|
|
||||||
color: rgba(var(--color-secondary-600), 1);
|
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-secondary-500), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chroma .l, .chroma .ld, .chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .sh, .chroma .si, .chroma .sx, .chroma .s1, .chroma .gi, .chroma .go, .chroma .gp {
|
|
||||||
color: rgba(var(--color-primary-800), 1);
|
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-primary-400), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chroma .se {
|
|
||||||
--tw-font-weight: var(--font-weight-semibold);
|
|
||||||
font-weight: var(--font-weight-semibold);
|
|
||||||
color: rgba(var(--color-secondary-400), 1);
|
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-secondary-500), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chroma .sr, .chroma .ss {
|
|
||||||
--tw-font-weight: var(--font-weight-semibold);
|
|
||||||
font-weight: var(--font-weight-semibold);
|
|
||||||
color: rgba(var(--color-primary-800), 1);
|
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-primary-400), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chroma .ow {
|
|
||||||
--tw-font-weight: var(--font-weight-semibold);
|
|
||||||
font-weight: var(--font-weight-semibold);
|
|
||||||
color: rgba(var(--color-primary-400), 1);
|
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-primary-600), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chroma .c, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp, .chroma .cpf {
|
|
||||||
color: rgba(var(--color-neutral-500), 1);
|
|
||||||
font-style: italic;
|
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-neutral-400), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chroma .ch {
|
|
||||||
--tw-font-weight: var(--font-weight-semibold);
|
|
||||||
font-weight: var(--font-weight-semibold);
|
|
||||||
color: rgba(var(--color-neutral-500), 1);
|
|
||||||
font-style: italic;
|
|
||||||
&:is(.dark *) {
|
|
||||||
color: rgba(var(--color-neutral-400), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chroma .ge {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
.chroma .gh {
|
|
||||||
--tw-font-weight: var(--font-weight-semibold);
|
|
||||||
font-weight: var(--font-weight-semibold);
|
|
||||||
color: rgba(var(--color-neutral-500), 1);
|
|
||||||
}
|
|
||||||
.chroma .gs {
|
|
||||||
--tw-font-weight: var(--font-weight-semibold);
|
|
||||||
font-weight: var(--font-weight-semibold);
|
|
||||||
}
|
|
||||||
.chroma .gu, .chroma .gt {
|
|
||||||
color: rgba(var(--color-neutral-500), 1);
|
|
||||||
}
|
|
||||||
.chroma .gl {
|
|
||||||
text-decoration-line: underline;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#zen-mode-button {
|
#zen-mode-button {
|
||||||
@@ -3717,6 +4187,9 @@ body.zen-mode-enable {
|
|||||||
color: var(--adm-todo-text);
|
color: var(--adm-todo-text);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
html.dark {
|
||||||
|
color-scheme: dark;
|
||||||
|
}
|
||||||
body a, body button {
|
body a, body button {
|
||||||
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
||||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
||||||
@@ -3805,7 +4278,7 @@ button, [role="button"] {
|
|||||||
font-weight: var(--font-weight-normal);
|
font-weight: var(--font-weight-normal);
|
||||||
color: rgba(var(--color-neutral-700), 1);
|
color: rgba(var(--color-neutral-700), 1);
|
||||||
&:is(.dark *) {
|
&:is(.dark *) {
|
||||||
color: rgba(var(--color-neutral-400), 1);
|
color: rgba(var(--color-neutral-300), 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.toc ul > li {
|
.toc ul > li {
|
||||||
@@ -3813,14 +4286,11 @@ button, [role="button"] {
|
|||||||
margin-right: calc(var(--spacing) * 0);
|
margin-right: calc(var(--spacing) * 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.highlight-wrapper {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.highlight {
|
.highlight {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
.highlight:hover > .copy-button {
|
.highlight-wrapper:hover > .copy-button {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
.copy-button {
|
.copy-button {
|
||||||
@@ -3918,6 +4388,16 @@ pre {
|
|||||||
.thumbnail-shadow {
|
.thumbnail-shadow {
|
||||||
box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
|
box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
|
||||||
}
|
}
|
||||||
|
@media (width < 853px) {
|
||||||
|
.width-patch {
|
||||||
|
width: 90vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (width >= 853px) {
|
||||||
|
.width-patch {
|
||||||
|
width: 65ch;
|
||||||
|
}
|
||||||
|
}
|
||||||
.anchor {
|
.anchor {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
+178
-197
@@ -1,8 +1,24 @@
|
|||||||
|
|
||||||
/* -- Chroma Highlight -- */
|
/* -- Chroma Highlight -- */
|
||||||
/* Background */
|
/* margins for codeblock title */
|
||||||
.prose .chroma {
|
.highlight-wrapper {
|
||||||
@apply static rounded-md text-neutral-700 bg-neutral-50 dark:bg-neutral-700 dark:text-neutral-200;
|
@apply block relative z-0 overflow-hidden shadow rounded-md;
|
||||||
|
margin-top: 1.7142857em;
|
||||||
|
margin-bottom: 1.7142857em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight-wrapper pre,
|
||||||
|
.highlight-wrapper table, .highlight-wrapper div {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight-wrapper:has(.codeblock-title) pre {
|
||||||
|
@apply rounded-none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.codeblock-title {
|
||||||
|
@apply px-4 py-2 border-b border-neutral-200 dark:border-neutral-800;
|
||||||
|
@apply bg-white dark:bg-[#0d1117];
|
||||||
}
|
}
|
||||||
|
|
||||||
/* LineTableTD */
|
/* LineTableTD */
|
||||||
@@ -19,208 +35,173 @@
|
|||||||
|
|
||||||
/* LineHighlight */
|
/* LineHighlight */
|
||||||
.chroma .hl {
|
.chroma .hl {
|
||||||
@apply block w-auto px-4 -mx-4 bg-primary-100 dark:bg-primary-900;
|
@apply block w-auto px-4 -mx-4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chroma .lntd .hl {
|
.chroma .lntd .hl {
|
||||||
@apply p-0 m-0;
|
@apply p-0 m-0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* LineNumbersTable */
|
/* linenos=inline */
|
||||||
/* LineNumbers */
|
.chroma:not(:is(table *)) > code {
|
||||||
.chroma .lnt,
|
display: block;
|
||||||
.chroma .ln {
|
min-width: max-content;
|
||||||
@apply text-neutral-600 dark:text-neutral-300 mr-[0.4em] px-[0.4em] py-0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Keyword */
|
html:not(.dark) {
|
||||||
/* KeywordDeclaration */
|
/* Generated using: hugo gen chromastyles --style=github */
|
||||||
/* KeywordNamespace */
|
|
||||||
/* KeywordPseudo */
|
|
||||||
/* KeywordReserved */
|
|
||||||
/* NameClass */
|
|
||||||
/* NameFunctionMagic */
|
|
||||||
/* NameNamespace */
|
|
||||||
/* NameVariableClass */
|
|
||||||
/* Operator */
|
|
||||||
.chroma .k,
|
|
||||||
.chroma .kd,
|
|
||||||
.chroma .kn,
|
|
||||||
.chroma .kp,
|
|
||||||
.chroma .kr,
|
|
||||||
.chroma .nc,
|
|
||||||
.chroma .fm,
|
|
||||||
.chroma .nn,
|
|
||||||
.chroma .vc,
|
|
||||||
.chroma .o {
|
|
||||||
@apply text-primary-600 dark:text-primary-300;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* KeywordConstant */
|
/* Background */ .bg { background-color:#fff; }
|
||||||
.chroma .kc {
|
/* PreWrapper */ .chroma { background-color:#fff; }
|
||||||
@apply font-semibold text-secondary-400 dark:text-secondary-500;
|
/* Error */ .chroma .err { color:#f6f8fa;background-color:#82071e }
|
||||||
|
/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
|
||||||
|
/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
|
||||||
|
/* LineTable */ .chroma .lntable { border-spacing:0; }
|
||||||
|
/* LineHighlight */ .chroma .hl { background-color:#e5e5e5 }
|
||||||
|
/* LineNumbersTable */ .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
|
||||||
|
/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
|
||||||
|
/* Line */ .chroma .line { display:flex; }
|
||||||
|
/* Keyword */ .chroma .k { color:#cf222e }
|
||||||
|
/* KeywordConstant */ .chroma .kc { color:#cf222e }
|
||||||
|
/* KeywordDeclaration */ .chroma .kd { color:#cf222e }
|
||||||
|
/* KeywordNamespace */ .chroma .kn { color:#cf222e }
|
||||||
|
/* KeywordPseudo */ .chroma .kp { color:#cf222e }
|
||||||
|
/* KeywordReserved */ .chroma .kr { color:#cf222e }
|
||||||
|
/* KeywordType */ .chroma .kt { color:#cf222e }
|
||||||
|
/* NameAttribute */ .chroma .na { color:#1f2328 }
|
||||||
|
/* NameClass */ .chroma .nc { color:#1f2328 }
|
||||||
|
/* NameConstant */ .chroma .no { color:#0550ae }
|
||||||
|
/* NameDecorator */ .chroma .nd { color:#0550ae }
|
||||||
|
/* NameEntity */ .chroma .ni { color:#6639ba }
|
||||||
|
/* NameLabel */ .chroma .nl { color:#900;font-weight:bold }
|
||||||
|
/* NameNamespace */ .chroma .nn { color:#24292e }
|
||||||
|
/* NameOther */ .chroma .nx { color:#1f2328 }
|
||||||
|
/* NameTag */ .chroma .nt { color:#0550ae }
|
||||||
|
/* NameBuiltin */ .chroma .nb { color:#6639ba }
|
||||||
|
/* NameBuiltinPseudo */ .chroma .bp { color:#6a737d }
|
||||||
|
/* NameVariable */ .chroma .nv { color:#953800 }
|
||||||
|
/* NameVariableClass */ .chroma .vc { color:#953800 }
|
||||||
|
/* NameVariableGlobal */ .chroma .vg { color:#953800 }
|
||||||
|
/* NameVariableInstance */ .chroma .vi { color:#953800 }
|
||||||
|
/* NameVariableMagic */ .chroma .vm { color:#953800 }
|
||||||
|
/* NameFunction */ .chroma .nf { color:#6639ba }
|
||||||
|
/* NameFunctionMagic */ .chroma .fm { color:#6639ba }
|
||||||
|
/* LiteralString */ .chroma .s { color:#0a3069 }
|
||||||
|
/* LiteralStringAffix */ .chroma .sa { color:#0a3069 }
|
||||||
|
/* LiteralStringBacktick */ .chroma .sb { color:#0a3069 }
|
||||||
|
/* LiteralStringChar */ .chroma .sc { color:#0a3069 }
|
||||||
|
/* LiteralStringDelimiter */ .chroma .dl { color:#0a3069 }
|
||||||
|
/* LiteralStringDoc */ .chroma .sd { color:#0a3069 }
|
||||||
|
/* LiteralStringDouble */ .chroma .s2 { color:#0a3069 }
|
||||||
|
/* LiteralStringEscape */ .chroma .se { color:#0a3069 }
|
||||||
|
/* LiteralStringHeredoc */ .chroma .sh { color:#0a3069 }
|
||||||
|
/* LiteralStringInterpol */ .chroma .si { color:#0a3069 }
|
||||||
|
/* LiteralStringOther */ .chroma .sx { color:#0a3069 }
|
||||||
|
/* LiteralStringRegex */ .chroma .sr { color:#0a3069 }
|
||||||
|
/* LiteralStringSingle */ .chroma .s1 { color:#0a3069 }
|
||||||
|
/* LiteralStringSymbol */ .chroma .ss { color:#032f62 }
|
||||||
|
/* LiteralNumber */ .chroma .m { color:#0550ae }
|
||||||
|
/* LiteralNumberBin */ .chroma .mb { color:#0550ae }
|
||||||
|
/* LiteralNumberFloat */ .chroma .mf { color:#0550ae }
|
||||||
|
/* LiteralNumberHex */ .chroma .mh { color:#0550ae }
|
||||||
|
/* LiteralNumberInteger */ .chroma .mi { color:#0550ae }
|
||||||
|
/* LiteralNumberIntegerLong */ .chroma .il { color:#0550ae }
|
||||||
|
/* LiteralNumberOct */ .chroma .mo { color:#0550ae }
|
||||||
|
/* Operator */ .chroma .o { color:#0550ae }
|
||||||
|
/* OperatorWord */ .chroma .ow { color:#0550ae }
|
||||||
|
/* Punctuation */ .chroma .p { color:#1f2328 }
|
||||||
|
/* Comment */ .chroma .c { color:#57606a }
|
||||||
|
/* CommentHashbang */ .chroma .ch { color:#57606a }
|
||||||
|
/* CommentMultiline */ .chroma .cm { color:#57606a }
|
||||||
|
/* CommentSingle */ .chroma .c1 { color:#57606a }
|
||||||
|
/* CommentSpecial */ .chroma .cs { color:#57606a }
|
||||||
|
/* CommentPreproc */ .chroma .cp { color:#57606a }
|
||||||
|
/* CommentPreprocFile */ .chroma .cpf { color:#57606a }
|
||||||
|
/* GenericDeleted */ .chroma .gd { color:#82071e;background-color:#ffebe9 }
|
||||||
|
/* GenericEmph */ .chroma .ge { color:#1f2328 }
|
||||||
|
/* GenericInserted */ .chroma .gi { color:#116329;background-color:#dafbe1 }
|
||||||
|
/* GenericOutput */ .chroma .go { color:#1f2328 }
|
||||||
|
/* GenericUnderline */ .chroma .gl { text-decoration:underline }
|
||||||
|
/* TextWhitespace */ .chroma .w { color:#fff }
|
||||||
}
|
}
|
||||||
|
html.dark {
|
||||||
|
/* Generated using: hugo gen chromastyles --style=github-dark */
|
||||||
|
|
||||||
/* KeywordType */
|
/* Background */ .bg { color:#e6edf3;background-color:#0d1117; }
|
||||||
/* NameVariable */
|
/* PreWrapper */ .chroma { color:#e6edf3;background-color:#0d1117; }
|
||||||
/* NameVariableInstance */
|
/* Error */ .chroma .err { color:#f85149 }
|
||||||
/* NameVariableMagic */
|
/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
|
||||||
/* LiteralNumber */
|
/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
|
||||||
/* LiteralNumberBin */
|
/* LineTable */ .chroma .lntable { border-spacing:0; }
|
||||||
/* LiteralNumberFloat */
|
/* LineHighlight */ .chroma .hl { background-color:#333 }
|
||||||
/* LiteralNumberHex */
|
/* LineNumbersTable */ .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679 }
|
||||||
/* LiteralNumberInteger */
|
/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#6e7681 }
|
||||||
/* LiteralNumberIntegerLong */
|
/* Line */ .chroma .line { display:flex; }
|
||||||
/* LiteralNumberOct */
|
/* Keyword */ .chroma .k { color:#ff7b72 }
|
||||||
.chroma .kt,
|
/* KeywordConstant */ .chroma .kc { color:#79c0ff }
|
||||||
.chroma .nv,
|
/* KeywordDeclaration */ .chroma .kd { color:#ff7b72 }
|
||||||
.chroma .vi,
|
/* KeywordNamespace */ .chroma .kn { color:#ff7b72 }
|
||||||
.chroma .vm,
|
/* KeywordPseudo */ .chroma .kp { color:#79c0ff }
|
||||||
.chroma .m,
|
/* KeywordReserved */ .chroma .kr { color:#ff7b72 }
|
||||||
.chroma .mb,
|
/* KeywordType */ .chroma .kt { color:#ff7b72 }
|
||||||
.chroma .mf,
|
/* NameClass */ .chroma .nc { color:#f0883e;font-weight:bold }
|
||||||
.chroma .mh,
|
/* NameConstant */ .chroma .no { color:#79c0ff;font-weight:bold }
|
||||||
.chroma .mi,
|
/* NameDecorator */ .chroma .nd { color:#d2a8ff;font-weight:bold }
|
||||||
.chroma .il,
|
/* NameEntity */ .chroma .ni { color:#ffa657 }
|
||||||
.chroma .mo {
|
/* NameException */ .chroma .ne { color:#f0883e;font-weight:bold }
|
||||||
@apply text-secondary-400 dark:text-secondary-600;
|
/* NameLabel */ .chroma .nl { color:#79c0ff;font-weight:bold }
|
||||||
}
|
/* NameNamespace */ .chroma .nn { color:#ff7b72 }
|
||||||
|
/* NameProperty */ .chroma .py { color:#79c0ff }
|
||||||
/* Name */
|
/* NameTag */ .chroma .nt { color:#7ee787 }
|
||||||
/* NameDecorator */
|
/* NameVariable */ .chroma .nv { color:#79c0ff }
|
||||||
/* NameEntity */
|
/* NameVariableClass */ .chroma .vc { color:#79c0ff }
|
||||||
/* NameLabel */
|
/* NameVariableGlobal */ .chroma .vg { color:#79c0ff }
|
||||||
.chroma .n,
|
/* NameVariableInstance */ .chroma .vi { color:#79c0ff }
|
||||||
.chroma .nd,
|
/* NameVariableMagic */ .chroma .vm { color:#79c0ff }
|
||||||
.chroma .ni,
|
/* NameFunction */ .chroma .nf { color:#d2a8ff;font-weight:bold }
|
||||||
.chroma .nl {
|
/* NameFunctionMagic */ .chroma .fm { color:#d2a8ff;font-weight:bold }
|
||||||
@apply text-secondary-900 dark:text-secondary-200;
|
/* Literal */ .chroma .l { color:#a5d6ff }
|
||||||
}
|
/* LiteralDate */ .chroma .ld { color:#79c0ff }
|
||||||
|
/* LiteralString */ .chroma .s { color:#a5d6ff }
|
||||||
/* NameAttribute */
|
/* LiteralStringAffix */ .chroma .sa { color:#79c0ff }
|
||||||
/* NameBuiltin */
|
/* LiteralStringBacktick */ .chroma .sb { color:#a5d6ff }
|
||||||
/* NameBuiltinPseudo */
|
/* LiteralStringChar */ .chroma .sc { color:#a5d6ff }
|
||||||
/* NameOther */
|
/* LiteralStringDelimiter */ .chroma .dl { color:#79c0ff }
|
||||||
/* NameProperty */
|
/* LiteralStringDoc */ .chroma .sd { color:#a5d6ff }
|
||||||
/* NameTag */
|
/* LiteralStringDouble */ .chroma .s2 { color:#a5d6ff }
|
||||||
.chroma .na,
|
/* LiteralStringEscape */ .chroma .se { color:#79c0ff }
|
||||||
.chroma .nb,
|
/* LiteralStringHeredoc */ .chroma .sh { color:#79c0ff }
|
||||||
.chroma .bp,
|
/* LiteralStringInterpol */ .chroma .si { color:#a5d6ff }
|
||||||
.chroma .nx,
|
/* LiteralStringOther */ .chroma .sx { color:#a5d6ff }
|
||||||
.chroma .py,
|
/* LiteralStringRegex */ .chroma .sr { color:#79c0ff }
|
||||||
.chroma .nt {
|
/* LiteralStringSingle */ .chroma .s1 { color:#a5d6ff }
|
||||||
@apply text-secondary-800 dark:text-secondary-300;
|
/* LiteralStringSymbol */ .chroma .ss { color:#a5d6ff }
|
||||||
}
|
/* LiteralNumber */ .chroma .m { color:#a5d6ff }
|
||||||
|
/* LiteralNumberBin */ .chroma .mb { color:#a5d6ff }
|
||||||
/* NameConstant */
|
/* LiteralNumberFloat */ .chroma .mf { color:#a5d6ff }
|
||||||
/* NameException */
|
/* LiteralNumberHex */ .chroma .mh { color:#a5d6ff }
|
||||||
/* NameVariableGlobal */
|
/* LiteralNumberInteger */ .chroma .mi { color:#a5d6ff }
|
||||||
.chroma .no,
|
/* LiteralNumberIntegerLong */ .chroma .il { color:#a5d6ff }
|
||||||
.chroma .ne,
|
/* LiteralNumberOct */ .chroma .mo { color:#a5d6ff }
|
||||||
.chroma .vg {
|
/* Operator */ .chroma .o { color:#ff7b72;font-weight:bold }
|
||||||
@apply font-semibold text-secondary-400 dark:text-secondary-500;
|
/* OperatorWord */ .chroma .ow { color:#ff7b72;font-weight:bold }
|
||||||
}
|
/* Comment */ .chroma .c { color:#8b949e;font-style:italic }
|
||||||
|
/* CommentHashbang */ .chroma .ch { color:#8b949e;font-style:italic }
|
||||||
/* NameFunction */
|
/* CommentMultiline */ .chroma .cm { color:#8b949e;font-style:italic }
|
||||||
.chroma .nf {
|
/* CommentSingle */ .chroma .c1 { color:#8b949e;font-style:italic }
|
||||||
@apply text-secondary-600 dark:text-secondary-500;
|
/* CommentSpecial */ .chroma .cs { color:#8b949e;font-weight:bold;font-style:italic }
|
||||||
}
|
/* CommentPreproc */ .chroma .cp { color:#8b949e;font-weight:bold;font-style:italic }
|
||||||
|
/* CommentPreprocFile */ .chroma .cpf { color:#8b949e;font-weight:bold;font-style:italic }
|
||||||
/* Literal */
|
/* GenericDeleted */ .chroma .gd { color:#ffa198;background-color:#490202 }
|
||||||
/* LiteralDate */
|
/* GenericEmph */ .chroma .ge { font-style:italic }
|
||||||
/* LiteralString */
|
/* GenericError */ .chroma .gr { color:#ffa198 }
|
||||||
/* LiteralStringAffix */
|
/* GenericHeading */ .chroma .gh { color:#79c0ff;font-weight:bold }
|
||||||
/* LiteralStringBacktick */
|
/* GenericInserted */ .chroma .gi { color:#56d364;background-color:#0f5323 }
|
||||||
/* LiteralStringChar */
|
/* GenericOutput */ .chroma .go { color:#8b949e }
|
||||||
/* LiteralStringDelimiter */
|
/* GenericPrompt */ .chroma .gp { color:#8b949e }
|
||||||
/* LiteralStringDoc */
|
/* GenericStrong */ .chroma .gs { font-weight:bold }
|
||||||
/* LiteralStringDouble */
|
/* GenericSubheading */ .chroma .gu { color:#79c0ff }
|
||||||
/* LiteralStringHeredoc */
|
/* GenericTraceback */ .chroma .gt { color:#ff7b72 }
|
||||||
/* LiteralStringInterpol */
|
/* GenericUnderline */ .chroma .gl { text-decoration:underline }
|
||||||
/* LiteralStringOther */
|
/* TextWhitespace */ .chroma .w { color:#6e7681 }
|
||||||
/* LiteralStringSingle */
|
|
||||||
/* GenericInserted */
|
|
||||||
/* GenericOutput */
|
|
||||||
/* GenericPrompt */
|
|
||||||
.chroma .l,
|
|
||||||
.chroma .ld,
|
|
||||||
.chroma .s,
|
|
||||||
.chroma .sa,
|
|
||||||
.chroma .sb,
|
|
||||||
.chroma .sc,
|
|
||||||
.chroma .dl,
|
|
||||||
.chroma .sd,
|
|
||||||
.chroma .s2,
|
|
||||||
.chroma .sh,
|
|
||||||
.chroma .si,
|
|
||||||
.chroma .sx,
|
|
||||||
.chroma .s1,
|
|
||||||
.chroma .gi,
|
|
||||||
.chroma .go,
|
|
||||||
.chroma .gp {
|
|
||||||
@apply text-primary-800 dark:text-primary-400;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* LiteralStringEscape */
|
|
||||||
.chroma .se {
|
|
||||||
@apply font-semibold text-secondary-400 dark:text-secondary-500;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* LiteralStringRegex */
|
|
||||||
/* LiteralStringSymbol */
|
|
||||||
.chroma .sr,
|
|
||||||
.chroma .ss {
|
|
||||||
@apply font-semibold text-primary-800 dark:text-primary-400;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* OperatorWord */
|
|
||||||
.chroma .ow {
|
|
||||||
@apply font-semibold text-primary-400 dark:text-primary-600;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Comment */
|
|
||||||
/* CommentMultiline */
|
|
||||||
/* CommentSingle */
|
|
||||||
/* CommentSpecial */
|
|
||||||
/* CommentPreproc */
|
|
||||||
/* CommentPreprocFile */
|
|
||||||
.chroma .c,
|
|
||||||
.chroma .cm,
|
|
||||||
.chroma .c1,
|
|
||||||
.chroma .cs,
|
|
||||||
.chroma .cp,
|
|
||||||
.chroma .cpf {
|
|
||||||
@apply italic text-neutral-500 dark:text-neutral-400;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* CommentHashbang */
|
|
||||||
.chroma .ch {
|
|
||||||
@apply italic font-semibold text-neutral-500 dark:text-neutral-400;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* GenericEmph */
|
|
||||||
.chroma .ge {
|
|
||||||
@apply italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* GenericHeading */
|
|
||||||
.chroma .gh {
|
|
||||||
@apply font-semibold text-neutral-500;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* GenericStrong */
|
|
||||||
.chroma .gs {
|
|
||||||
@apply font-semibold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* GenericSubheading */
|
|
||||||
/* GenericTraceback */
|
|
||||||
.chroma .gu,
|
|
||||||
.chroma .gt {
|
|
||||||
@apply text-neutral-500;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* GenericUnderline */
|
|
||||||
.chroma .gl {
|
|
||||||
@apply underline;
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,9 @@
|
|||||||
|
.tab__button.tab--active {
|
||||||
|
border-bottom: 2px solid rgb(var(--color-primary-500));
|
||||||
|
}
|
||||||
|
.tab__panel {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.tab__panel.tab--active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
+19
-6
@@ -4,10 +4,15 @@
|
|||||||
|
|
||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
@import "./components/chroma.css" layer(utilities);
|
@import "./components/chroma.css" layer(utilities);
|
||||||
|
@import "./components/tabs.css" layer(utilities);
|
||||||
@import "./components/zen-mode.css";
|
@import "./components/zen-mode.css";
|
||||||
@import "./components/a11y.css";
|
@import "./components/a11y.css";
|
||||||
@import "./components/admonition.css" layer(components);
|
@import "./components/admonition.css" layer(components);
|
||||||
|
|
||||||
|
html.dark {
|
||||||
|
color-scheme: dark;
|
||||||
|
}
|
||||||
|
|
||||||
body a,
|
body a,
|
||||||
body button {
|
body button {
|
||||||
@apply transition-colors;
|
@apply transition-colors;
|
||||||
@@ -83,7 +88,7 @@ button,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.toc a {
|
.toc a {
|
||||||
@apply font-normal text-neutral-700 dark:text-neutral-400;
|
@apply font-normal text-neutral-700 dark:text-neutral-300;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toc ul > li {
|
.toc ul > li {
|
||||||
@@ -91,15 +96,11 @@ button,
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Code Copy */
|
/* Code Copy */
|
||||||
.highlight-wrapper {
|
|
||||||
@apply block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.highlight {
|
.highlight {
|
||||||
@apply relative z-0;
|
@apply relative z-0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight:hover > .copy-button {
|
.highlight-wrapper:hover > .copy-button {
|
||||||
@apply visible;
|
@apply visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -199,6 +200,18 @@ pre {
|
|||||||
box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
|
box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* placeholder for gallery/carousel */
|
||||||
|
@variant max-md {
|
||||||
|
.width-patch {
|
||||||
|
width: 90vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@variant min-md {
|
||||||
|
.width-patch {
|
||||||
|
width: 65ch;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.anchor {
|
.anchor {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
+16
-17
@@ -2,39 +2,35 @@ var scriptBundle = document.getElementById("script-bundle");
|
|||||||
var copyText = scriptBundle?.getAttribute("data-copy") || "Copy";
|
var copyText = scriptBundle?.getAttribute("data-copy") || "Copy";
|
||||||
var copiedText = scriptBundle?.getAttribute("data-copied") || "Copied";
|
var copiedText = scriptBundle?.getAttribute("data-copied") || "Copied";
|
||||||
|
|
||||||
function createCopyButton(highlightDiv) {
|
function createCopyButton(highlightWrapper) {
|
||||||
const button = document.createElement("button");
|
const button = document.createElement("button");
|
||||||
button.className = "copy-button";
|
button.className = "copy-button";
|
||||||
button.type = "button";
|
button.type = "button";
|
||||||
button.ariaLabel = copyText;
|
button.ariaLabel = copyText;
|
||||||
button.innerText = copyText;
|
button.innerText = copyText;
|
||||||
button.addEventListener("click", () => copyCodeToClipboard(button, highlightDiv));
|
button.addEventListener("click", () => copyCodeToClipboard(button, highlightWrapper));
|
||||||
|
highlightWrapper.insertBefore(button, highlightWrapper.firstChild);
|
||||||
highlightDiv.insertBefore(button, highlightDiv.firstChild);
|
|
||||||
const wrapper = document.createElement("div");
|
|
||||||
wrapper.className = "highlight-wrapper";
|
|
||||||
highlightDiv.parentNode.insertBefore(wrapper, highlightDiv);
|
|
||||||
wrapper.appendChild(highlightDiv);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function copyCodeToClipboard(button, highlightDiv) {
|
async function copyCodeToClipboard(button, highlightWrapper) {
|
||||||
const codeToCopy = getCodeText(highlightDiv);
|
const codeToCopy = getCodeText(highlightWrapper);
|
||||||
|
|
||||||
function fallback(codeToCopy, highlightDiv) {
|
function fallback(codeToCopy, highlightWrapper) {
|
||||||
const textArea = document.createElement("textArea");
|
const textArea = document.createElement("textArea");
|
||||||
textArea.contentEditable = "true";
|
textArea.contentEditable = "true";
|
||||||
textArea.readOnly = "false";
|
textArea.readOnly = "false";
|
||||||
textArea.className = "copy-textarea";
|
textArea.className = "copy-textarea";
|
||||||
textArea.value = codeToCopy;
|
textArea.value = codeToCopy;
|
||||||
highlightDiv.insertBefore(textArea, highlightDiv.firstChild);
|
highlightWrapper.insertBefore(textArea, highlightWrapper.firstChild);
|
||||||
const range = document.createRange();
|
const range = document.createRange();
|
||||||
range.selectNodeContents(textArea);
|
range.selectNodeContents(textArea);
|
||||||
const sel = window.getSelection();
|
const sel = window.getSelection();
|
||||||
sel.removeAllRanges();
|
sel.removeAllRanges();
|
||||||
sel.addRange(range);
|
sel.addRange(range);
|
||||||
|
textArea.focus();
|
||||||
textArea.setSelectionRange(0, 999999);
|
textArea.setSelectionRange(0, 999999);
|
||||||
document.execCommand("copy");
|
document.execCommand("copy");
|
||||||
highlightDiv.removeChild(textArea);
|
highlightWrapper.removeChild(textArea);
|
||||||
}
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
@@ -42,10 +38,10 @@ async function copyCodeToClipboard(button, highlightDiv) {
|
|||||||
if (result.state == "granted" || result.state == "prompt") {
|
if (result.state == "granted" || result.state == "prompt") {
|
||||||
await navigator.clipboard.writeText(codeToCopy);
|
await navigator.clipboard.writeText(codeToCopy);
|
||||||
} else {
|
} else {
|
||||||
fallback(codeToCopy, highlightDiv);
|
fallback(codeToCopy, highlightWrapper);
|
||||||
}
|
}
|
||||||
} catch (_) {
|
} catch (_) {
|
||||||
fallback(codeToCopy, highlightDiv);
|
fallback(codeToCopy, highlightWrapper);
|
||||||
} finally {
|
} finally {
|
||||||
button.blur();
|
button.blur();
|
||||||
button.innerText = copiedText;
|
button.innerText = copiedText;
|
||||||
@@ -55,7 +51,10 @@ async function copyCodeToClipboard(button, highlightDiv) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function getCodeText(highlightDiv) {
|
function getCodeText(highlightWrapper) {
|
||||||
|
const highlightDiv = highlightWrapper.querySelector(".highlight");
|
||||||
|
if (!highlightDiv) return "";
|
||||||
|
|
||||||
const codeBlock = highlightDiv.querySelector("code");
|
const codeBlock = highlightDiv.querySelector("code");
|
||||||
const inlineLines = codeBlock?.querySelectorAll(".cl"); // linenos=inline
|
const inlineLines = codeBlock?.querySelectorAll(".cl"); // linenos=inline
|
||||||
const tableCodeCell = highlightDiv?.querySelector(".lntable .lntd:last-child code"); // linenos=table
|
const tableCodeCell = highlightDiv?.querySelector(".lntable .lntd:last-child code"); // linenos=table
|
||||||
@@ -75,5 +74,5 @@ function getCodeText(highlightDiv) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
window.addEventListener("DOMContentLoaded", (event) => {
|
window.addEventListener("DOMContentLoaded", (event) => {
|
||||||
document.querySelectorAll(".highlight").forEach((highlightDiv) => createCopyButton(highlightDiv));
|
document.querySelectorAll(".highlight-wrapper").forEach((highlightWrapper) => createCopyButton(highlightWrapper));
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -0,0 +1,41 @@
|
|||||||
|
function initTabs() {
|
||||||
|
tabClickHandler = (event) => {
|
||||||
|
const button = event.target.closest(".tab__button");
|
||||||
|
if (!button) return;
|
||||||
|
|
||||||
|
const container = button.closest(".tab__container");
|
||||||
|
const tabIndex = parseInt(button.dataset.tabIndex);
|
||||||
|
activateTab(container, tabIndex);
|
||||||
|
};
|
||||||
|
|
||||||
|
document.addEventListener("click", tabClickHandler);
|
||||||
|
}
|
||||||
|
|
||||||
|
function activateTab(container, activeIndex) {
|
||||||
|
const buttons = container.querySelectorAll(".tab__button");
|
||||||
|
const panels = container.querySelectorAll(".tab__panel");
|
||||||
|
|
||||||
|
buttons.forEach((btn, index) => {
|
||||||
|
if (index === activeIndex) {
|
||||||
|
btn.classList.add("tab--active");
|
||||||
|
btn.setAttribute("aria-selected", "true");
|
||||||
|
} else {
|
||||||
|
btn.classList.remove("tab--active");
|
||||||
|
btn.setAttribute("aria-selected", "false");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
panels.forEach((panel, index) => {
|
||||||
|
if (index === activeIndex) {
|
||||||
|
panel.classList.add("tab--active");
|
||||||
|
} else {
|
||||||
|
panel.classList.remove("tab--active");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (document.readyState === "loading") {
|
||||||
|
document.addEventListener("DOMContentLoaded", initTabs);
|
||||||
|
} else {
|
||||||
|
initTabs();
|
||||||
|
}
|
||||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+248
-248
File diff suppressed because one or more lines are too long
+1
-1
@@ -2,4 +2,4 @@
|
|||||||
[module.hugoVersion]
|
[module.hugoVersion]
|
||||||
extended = true
|
extended = true
|
||||||
min = "0.141.0"
|
min = "0.141.0"
|
||||||
max = "0.152.2"
|
max = "0.153.1"
|
||||||
@@ -13,6 +13,7 @@ enableA11y = false
|
|||||||
enableSearch = true
|
enableSearch = true
|
||||||
enableCodeCopy = false
|
enableCodeCopy = false
|
||||||
enableStructuredBreadcrumbs = false
|
enableStructuredBreadcrumbs = false
|
||||||
|
# enableStyledScrollbar = true # disable to use native scrollbar style (defaults to true)
|
||||||
|
|
||||||
replyByEmail = false
|
replyByEmail = false
|
||||||
|
|
||||||
|
|||||||
@@ -126,7 +126,7 @@ Simply by changing this one value, all the font sizes on your website will be ad
|
|||||||
|
|
||||||
### Changing Syntax Highlighting Theme
|
### Changing Syntax Highlighting Theme
|
||||||
|
|
||||||
Blowfish uses a custom syntax highlighting style, with colors defined in `assets/css/schemes`. To change the syntax highlighting theme, create `assets/css/custom.css` and add the following:
|
To change the syntax highlighting theme, create `assets/css/custom.css` and add the following:
|
||||||
|
|
||||||
```css
|
```css
|
||||||
.chroma,
|
.chroma,
|
||||||
|
|||||||
@@ -127,7 +127,7 @@ html {
|
|||||||
|
|
||||||
### シンタックスハイライトテーマの変更
|
### シンタックスハイライトテーマの変更
|
||||||
|
|
||||||
Blowfish はカスタム構文ハイライトスタイルを使用しており、色は `assets/css/schemes` に定義されています。構文ハイライトテーマを変更するには、`assets/css/custom.css` を作成し、次の内容を追加してください：
|
構文ハイライトテーマを変更するには、`assets/css/custom.css` を作成し、次の内容を追加してください：
|
||||||
|
|
||||||
```css
|
```css
|
||||||
.chroma,
|
.chroma,
|
||||||
|
|||||||
@@ -126,7 +126,7 @@ Simply by changing this one value, all the font sizes on your website will be ad
|
|||||||
|
|
||||||
### Changing Syntax Highlighting Theme
|
### Changing Syntax Highlighting Theme
|
||||||
|
|
||||||
Blowfish uses a custom syntax highlighting style, with colors defined in `assets/css/schemes`. To change the syntax highlighting theme, create `assets/css/custom.css` and add the following:
|
To change the syntax highlighting theme, create `assets/css/custom.css` and add the following:
|
||||||
|
|
||||||
```css
|
```css
|
||||||
.chroma,
|
.chroma,
|
||||||
|
|||||||
@@ -125,7 +125,7 @@ html {
|
|||||||
|
|
||||||
### 更换语法高亮主题
|
### 更换语法高亮主题
|
||||||
|
|
||||||
Blowfish 使用自定义的语法高亮样式，颜色定义在 `assets/css/schemes` 中。要更换语法高亮主题，请创建 `assets/css/custom.css`，然后添加以下内容：
|
要更换语法高亮主题，请创建 `assets/css/custom.css`，然后添加以下内容：
|
||||||
|
|
||||||
```css
|
```css
|
||||||
.chroma,
|
.chroma,
|
||||||
|
|||||||
@@ -54,7 +54,7 @@ Note that the variable names provided in this table use dot notation to simplify
|
|||||||
|
|
||||||
## Thumbnails
|
## Thumbnails
|
||||||
|
|
||||||
Blowfish was built so it would be easy to add visual support to your articles. If your familiar with Hugo article structure, you just need to place an image file (almost all formats are supported but we recommend `.png` or `.jpg`) that starts with `feature*` inside your article folder. And that's it, Blowfish will then able to both use the image as a thumbnail within your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms.
|
Blowfish was built so it would be easy to add visual support to your articles. If you're familiar with Hugo article structure, you just need to place an image file (almost all formats are supported but we recommend `.png` or `.jpg`) that starts with `feature*` inside your article folder. And that's it, Blowfish will then able to both use the image as a thumbnail within your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms.
|
||||||
|
|
||||||
[Here]({{< ref "thumbnails" >}}) is also a guide with more info and a [sample]({{< ref "thumbnail_sample" >}}) if you want to see how you can do it.
|
[Here]({{< ref "thumbnails" >}}) is also a guide with more info and a [sample]({{< ref "thumbnail_sample" >}}) if you want to see how you can do it.
|
||||||
|
|
||||||
@@ -177,6 +177,7 @@ Many of the article defaults here can be overridden on a per article basis by sp
|
|||||||
| `enableSearch` | `false` | Whether site search is enabled. Set to `true` to enable search functionality. Note that the search feature depends on the `outputs.home` setting in the [site configuration](#site-configuration) being set correctly. |
|
| `enableSearch` | `false` | Whether site search is enabled. Set to `true` to enable search functionality. Note that the search feature depends on the `outputs.home` setting in the [site configuration](#site-configuration) being set correctly. |
|
||||||
| `enableCodeCopy` | `false` | Whether copy-to-clipboard buttons are enabled for `<code>` blocks. The `highlight.noClasses` parameter must be set to `false` for code copy to function correctly. Read more about [other configuration files](#other-configuration-files) below. |
|
| `enableCodeCopy` | `false` | Whether copy-to-clipboard buttons are enabled for `<code>` blocks. The `highlight.noClasses` parameter must be set to `false` for code copy to function correctly. Read more about [other configuration files](#other-configuration-files) below. |
|
||||||
| `enableStructuredBreadcrumbs` | `false` | Whether to add [BreadcrumbList](https://developers.google.com/search/docs/appearance/structured-data/breadcrumb) for SEO. Do NOT enable this if your content path does not match the URL, i.e., complex [URL setting](https://gohugo.io/content-management/urls/). |
|
| `enableStructuredBreadcrumbs` | `false` | Whether to add [BreadcrumbList](https://developers.google.com/search/docs/appearance/structured-data/breadcrumb) for SEO. Do NOT enable this if your content path does not match the URL, i.e., complex [URL setting](https://gohugo.io/content-management/urls/). |
|
||||||
|
| `enableStyledScrollbar` | `true` | Whether to enable styled scrollbar via tailwind-scrollbar. Set to `false` to use the browser's default scrollbar styling. |
|
||||||
| `replyByEmail` | `false` | Whether the reply-by-email link is enabled after post. The `params.author.email` parameter in `config/_default/languages.en.toml` must be set. |
|
| `replyByEmail` | `false` | Whether the reply-by-email link is enabled after post. The `params.author.email` parameter in `config/_default/languages.en.toml` must be set. |
|
||||||
| `forgejoDefaultServer` | _Not set_ | The default `server` parameter for the `forgejo` shortcode. |
|
| `forgejoDefaultServer` | _Not set_ | The default `server` parameter for the `forgejo` shortcode. |
|
||||||
| `giteaDefaultServer` | _Not set_ | The default `server` parameter for the `gitea` shortcode. |
|
| `giteaDefaultServer` | _Not set_ | The default `server` parameter for the `gitea` shortcode. |
|
||||||
|
|||||||
@@ -213,7 +213,7 @@ The default `name` is the `pageRef` title cased.
|
|||||||
|
|
||||||
## Thumbnails & Backgrounds
|
## Thumbnails & Backgrounds
|
||||||
|
|
||||||
Blowfish was built so it would be easy to add visual support to your articles. If your familiar with Hugo article structure, you just need to place an image file (almost all formats are supported but we recommend `.png` or `.jpg`) that starts with `feature*` inside your article folder. And that's it, Blowfish will then be able to both use the image as a thumbnail within your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms.
|
Blowfish was built so it would be easy to add visual support to your articles. If you're familiar with Hugo article structure, you just need to place an image file (almost all formats are supported but we recommend `.png` or `.jpg`) that starts with `feature*` inside your article folder. And that's it, Blowfish will then be able to both use the image as a thumbnail within your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms.
|
||||||
|
|
||||||
[Here]({{< ref "thumbnails" >}}) is also a guide with more info and a [sample]({{< ref "thumbnail_sample" >}}) if you want to see how you can do it.
|
[Here]({{< ref "thumbnails" >}}) is also a guide with more info and a [sample]({{< ref "thumbnail_sample" >}}) if you want to see how you can do it.
|
||||||
|
|
||||||
|
|||||||
@@ -80,7 +80,7 @@ The articles listed in this section are derived from the `mainSections` setting
|
|||||||
|
|
||||||
## Thumbnails
|
## Thumbnails
|
||||||
|
|
||||||
Blowfish was built so it would be easy to add visual support to your articles. If your familiar with Hugo article structure, you just need to place an image file (almost all formats are supported bue we recommend `.png` or `.jpg`) that starts with `feature*` inside your article folder. And that's it, Blowfish will then able to both use the image as a thumbnail within your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms.
|
Blowfish was built so it would be easy to add visual support to your articles. If you're familiar with Hugo article structure, you just need to place an image file (almost all formats are supported bue we recommend `.png` or `.jpg`) that starts with `feature*` inside your article folder. And that's it, Blowfish will then able to both use the image as a thumbnail within your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms.
|
||||||
|
|
||||||
[Here]({{< ref "thumbnails" >}}) is a guide with more info and a [sample]({{< ref "thumbnail_sample" >}}) if you want to see an example.
|
[Here]({{< ref "thumbnails" >}}) is a guide with more info and a [sample]({{< ref "thumbnail_sample" >}}) if you want to see an example.
|
||||||
|
|
||||||
|
|||||||
@@ -744,6 +744,74 @@ You can see some additional Mermaid examples on the [diagrams and flowcharts sam
|
|||||||
|
|
||||||
<br/><br/><br/>
|
<br/><br/><br/>
|
||||||
|
|
||||||
|
## Tabs
|
||||||
|
|
||||||
|
The `tabs` shortcode is commonly used to present different variants of a particular step. For example, it can be used to show how to install VS Code on different platforms.
|
||||||
|
|
||||||
|
**Example**
|
||||||
|
|
||||||
|
`````md
|
||||||
|
{{</* tabs */>}}
|
||||||
|
|
||||||
|
{{</* tab label="Windows" */>}}
|
||||||
|
Install using Chocolatey:
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
choco install vscode.install
|
||||||
|
```
|
||||||
|
|
||||||
|
or install using WinGet
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
winget install -e --id Microsoft.VisualStudioCode
|
||||||
|
```
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* tab label="macOS" */>}}
|
||||||
|
```bash
|
||||||
|
brew install --cask visual-studio-code
|
||||||
|
```
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* tab label="Linux" */>}}
|
||||||
|
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* /tabs */>}}
|
||||||
|
`````
|
||||||
|
|
||||||
|
**Output**
|
||||||
|
|
||||||
|
{{< tabs >}}
|
||||||
|
|
||||||
|
{{< tab label="Windows" >}}
|
||||||
|
Install using Chocolatey:
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
choco install vscode.install
|
||||||
|
```
|
||||||
|
|
||||||
|
or install using WinGet
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
winget install -e --id Microsoft.VisualStudioCode
|
||||||
|
```
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< tab label="macOS" >}}
|
||||||
|
```bash
|
||||||
|
brew install --cask visual-studio-code
|
||||||
|
```
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< tab label="Linux" >}}
|
||||||
|
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< /tabs >}}
|
||||||
|
|
||||||
|
<br/><br/><br/>
|
||||||
|
|
||||||
## Timeline
|
## Timeline
|
||||||
|
|
||||||
The `timeline` creates a visual timeline that can be used in different use-cases, e.g. professional experience, a project's achievements, etc. The `timeline` shortcode relies on the `timelineItem` sub-shortcode to define each item within the main timeline. Each item can have the following properties.
|
The `timeline` creates a visual timeline that can be used in different use-cases, e.g. professional experience, a project's achievements, etc. The `timeline` shortcode relies on the `timelineItem` sub-shortcode to define each item within the main timeline. Each item can have the following properties.
|
||||||
|
|||||||
@@ -741,6 +741,74 @@ B-->C[利益]
|
|||||||
|
|
||||||
<br/><br/><br/>
|
<br/><br/><br/>
|
||||||
|
|
||||||
|
## Tabs
|
||||||
|
|
||||||
|
`tabs` ショートコードは、特定の手順における異なるバリアントを提示する際によく使用される。例えば、VS Code を各種プラットフォームにインストールする方法を示す場合などに利用できる。
|
||||||
|
|
||||||
|
**例**
|
||||||
|
|
||||||
|
````md
|
||||||
|
{{</* tabs */>}}
|
||||||
|
|
||||||
|
{{</* tab label="Windows" */>}}
|
||||||
|
Chocolatey を使用してインストール:
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
choco install vscode.install
|
||||||
|
```
|
||||||
|
|
||||||
|
または WinGet を使用してインストール
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
winget install -e --id Microsoft.VisualStudioCode
|
||||||
|
```
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* tab label="macOS" */>}}
|
||||||
|
```bash
|
||||||
|
brew install --cask visual-studio-code
|
||||||
|
```
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* tab label="Linux" */>}}
|
||||||
|
[ドキュメント](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)を参照。
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* /tabs */>}}
|
||||||
|
````
|
||||||
|
|
||||||
|
**出力**
|
||||||
|
|
||||||
|
{{< tabs >}}
|
||||||
|
|
||||||
|
{{< tab label="Windows" >}}
|
||||||
|
Chocolatey を使用してインストール:
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
choco install vscode.install
|
||||||
|
```
|
||||||
|
|
||||||
|
または WinGet を使用してインストール
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
winget install -e --id Microsoft.VisualStudioCode
|
||||||
|
```
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< tab label="macOS" >}}
|
||||||
|
```bash
|
||||||
|
brew install --cask visual-studio-codeqweqwe
|
||||||
|
```
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< tab label="Linux" >}}
|
||||||
|
[ドキュメント](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)を参照。
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< /tabs >}}
|
||||||
|
|
||||||
|
<br/><br/><br/>
|
||||||
|
|
||||||
## タイムライン
|
## タイムライン
|
||||||
|
|
||||||
`timeline` は、さまざまなユースケース (例: 職務経歴、プロジェクトの成果など) で使用できる視覚的なタイムラインを作成します。`timeline` ショートコードは、メインタイムライン内の各アイテムを定義するために `timelineItem` サブショートコードに依存しています。各アイテムには、次のプロパティを設定できます。
|
`timeline` は、さまざまなユースケース (例: 職務経歴、プロジェクトの成果など) で使用できる視覚的なタイムラインを作成します。`timeline` ショートコードは、メインタイムライン内の各アイテムを定義するために `timelineItem` サブショートコードに依存しています。各アイテムには、次のプロパティを設定できます。
|
||||||
|
|||||||
@@ -744,6 +744,74 @@ You can see some additional Mermaid examples on the [diagrams and flowcharts sam
|
|||||||
|
|
||||||
<br/><br/><br/>
|
<br/><br/><br/>
|
||||||
|
|
||||||
|
## Tabs
|
||||||
|
|
||||||
|
The `tabs` shortcode is commonly used to present different variants of a particular step. For example, it can be used to show how to install VS Code on different platforms.
|
||||||
|
|
||||||
|
**Example**
|
||||||
|
|
||||||
|
`````md
|
||||||
|
{{</* tabs */>}}
|
||||||
|
|
||||||
|
{{</* tab label="Windows" */>}}
|
||||||
|
Install using Chocolatey:
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
choco install vscode.install
|
||||||
|
```
|
||||||
|
|
||||||
|
or install using WinGet
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
winget install -e --id Microsoft.VisualStudioCode
|
||||||
|
```
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* tab label="macOS" */>}}
|
||||||
|
```bash
|
||||||
|
brew install --cask visual-studio-code
|
||||||
|
```
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* tab label="Linux" */>}}
|
||||||
|
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* /tabs */>}}
|
||||||
|
`````
|
||||||
|
|
||||||
|
**Output**
|
||||||
|
|
||||||
|
{{< tabs >}}
|
||||||
|
|
||||||
|
{{< tab label="Windows" >}}
|
||||||
|
Install using Chocolatey:
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
choco install vscode.install
|
||||||
|
```
|
||||||
|
|
||||||
|
or install using WinGet
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
winget install -e --id Microsoft.VisualStudioCode
|
||||||
|
```
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< tab label="macOS" >}}
|
||||||
|
```bash
|
||||||
|
brew install --cask visual-studio-code
|
||||||
|
```
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< tab label="Linux" >}}
|
||||||
|
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< /tabs >}}
|
||||||
|
|
||||||
|
<br/><br/><br/>
|
||||||
|
|
||||||
## Timeline
|
## Timeline
|
||||||
|
|
||||||
The `timeline` creates a visual timeline that can be used in different use-cases, e.g. professional experience, a project's achievements, etc. The `timeline` shortcode relies on the `timelineItem` sub-shortcode to define each item within the main timeline. Each item can have the following properties.
|
The `timeline` creates a visual timeline that can be used in different use-cases, e.g. professional experience, a project's achievements, etc. The `timeline` shortcode relies on the `timelineItem` sub-shortcode to define each item within the main timeline. Each item can have the following properties.
|
||||||
|
|||||||
@@ -754,6 +754,74 @@ B-->C[Profit]
|
|||||||
|
|
||||||
<br/><br/><br/>
|
<br/><br/><br/>
|
||||||
|
|
||||||
|
## Tabs
|
||||||
|
|
||||||
|
`tabs` 简码常用于呈现某个步骤的不同变体。例如，可用于展示在不同平台上安装 VS Code 的方式。
|
||||||
|
|
||||||
|
**示例**
|
||||||
|
|
||||||
|
````md
|
||||||
|
{{</* tabs */>}}
|
||||||
|
|
||||||
|
{{</* tab label="Windows" */>}}
|
||||||
|
使用 Chocolatey 安装:
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
choco install vscode.install
|
||||||
|
```
|
||||||
|
|
||||||
|
或使用 WinGet 安装
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
winget install -e --id Microsoft.VisualStudioCode
|
||||||
|
```
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* tab label="macOS" */>}}
|
||||||
|
```bash
|
||||||
|
brew install --cask visual-studio-code
|
||||||
|
```
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* tab label="Linux" */>}}
|
||||||
|
参见[文档](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)。
|
||||||
|
{{</* /tab */>}}
|
||||||
|
|
||||||
|
{{</* /tabs */>}}
|
||||||
|
````
|
||||||
|
|
||||||
|
**输出**
|
||||||
|
|
||||||
|
{{< tabs >}}
|
||||||
|
|
||||||
|
{{< tab label="Windows" >}}
|
||||||
|
使用 Chocolatey 安装:
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
choco install vscode.install
|
||||||
|
```
|
||||||
|
|
||||||
|
或使用 WinGet 安装
|
||||||
|
|
||||||
|
```pwsh
|
||||||
|
winget install -e --id Microsoft.VisualStudioCode
|
||||||
|
```
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< tab label="macOS" >}}
|
||||||
|
```bash
|
||||||
|
brew install --cask visual-studio-code
|
||||||
|
```
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< tab label="Linux" >}}
|
||||||
|
参见[文档](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)。
|
||||||
|
{{< /tab >}}
|
||||||
|
|
||||||
|
{{< /tabs >}}
|
||||||
|
|
||||||
|
<br/><br/><br/>
|
||||||
|
|
||||||
## 时间线
|
## 时间线
|
||||||
|
|
||||||
`timeline` 创建了一个可视化时间线，用于展示专业经验、项目成就等。 `timeline` 简码依赖于 `timelineItem` 子简码来定义主时间线中的每个项目。每个项目可以具有以下属性。
|
`timeline` 创建了一个可视化时间线，用于展示专业经验、项目成就等。 `timeline` 简码依赖于 `timelineItem` 子简码来定义主时间线中的每个项目。每个项目可以具有以下属性。
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
|
|||||||
|
|
||||||
## Code Blocks
|
## Code Blocks
|
||||||
|
|
||||||
### Code block with backticks
|
### General code block
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
@@ -80,23 +80,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
|
|||||||
</html>
|
</html>
|
||||||
```
|
```
|
||||||
|
|
||||||
### Code block indented with four spaces
|
### Code block with title and line highlight
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
### Code block with Hugo's internal highlight shortcode
|
|
||||||
|
|
||||||
{{< highlight html "linenos=table,hl_lines=4 7-9" >}}
|
|
||||||
|
|
||||||
|
```html {title="example.html" lineNos=inline hl_lines=[4,"7-9"]}
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
@@ -107,7 +93,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
|
|||||||
<p>Test</p>
|
<p>Test</p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
{{< /highlight >}}
|
```
|
||||||
|
|
||||||
## List Types
|
## List Types
|
||||||
|
|
||||||
|
|||||||
@@ -80,34 +80,20 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
|
|||||||
</html>
|
</html>
|
||||||
```
|
```
|
||||||
|
|
||||||
### 4スペースのインデントによるコードブロック
|
### タイトルと行ハイライト機能付きのコードブロック
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="ja">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>HTML5 資料の例</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>テスト</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
### Hugo 内のショートコード・ハイライトを利用したコードブロック
|
|
||||||
|
|
||||||
{{< highlight html "linenos=table,hl_lines=4 7-9" >}}
|
|
||||||
|
|
||||||
|
```html {title="example.html" lineNos=inline hl_lines=[4,"7-9"]}
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ja">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>HTML5 資料の例</title>
|
<title>Example HTML5 Document</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<p>テスト</p>
|
<p>Test</p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
{{< /highlight >}}
|
```
|
||||||
|
|
||||||
## リスト形式
|
## リスト形式
|
||||||
|
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
|
|||||||
|
|
||||||
## Code Blocks
|
## Code Blocks
|
||||||
|
|
||||||
### Code block with backticks
|
### General code block
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
@@ -80,23 +80,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
|
|||||||
</html>
|
</html>
|
||||||
```
|
```
|
||||||
|
|
||||||
### Code block indented with four spaces
|
### Code block with title and line highlight
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
### Code block with Hugo's internal highlight shortcode
|
|
||||||
|
|
||||||
{{< highlight html "linenos=table,hl_lines=4 7-9" >}}
|
|
||||||
|
|
||||||
|
```html {title="example.html" lineNos=inline hl_lines=[4,"7-9"]}
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
@@ -107,7 +93,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
|
|||||||
<p>Test</p>
|
<p>Test</p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
{{< /highlight >}}
|
```
|
||||||
|
|
||||||
## List Types
|
## List Types
|
||||||
|
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
|
|||||||
|
|
||||||
## 代码块
|
## 代码块
|
||||||
|
|
||||||
### 带反引号的代码块
|
### 一般的代码块
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
@@ -80,23 +80,9 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
|
|||||||
</html>
|
</html>
|
||||||
```
|
```
|
||||||
|
|
||||||
### 缩进四个空格的代码块
|
### 带有标题和行高亮的代码块
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
### 带有 Hugo 内部高亮简码的代码块
|
|
||||||
|
|
||||||
{{< highlight html "linenos=table,hl_lines=4 7-9" >}}
|
|
||||||
|
|
||||||
|
```html {title="example.html" lineNos=inline hl_lines=[4,"7-9"]}
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
@@ -107,7 +93,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
|
|||||||
<p>Test</p>
|
<p>Test</p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
{{< /highlight >}}
|
```
|
||||||
|
|
||||||
## 列表
|
## 列表
|
||||||
|
|
||||||
|
|||||||
@@ -946,5 +946,25 @@
|
|||||||
"Blog",
|
"Blog",
|
||||||
"Technology Blog"
|
"Technology Blog"
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "Tower of Kubes",
|
||||||
|
"url": "https://www.towerofkubes.com/",
|
||||||
|
"source": "n/a",
|
||||||
|
"tags": [
|
||||||
|
"Blog",
|
||||||
|
"DevOps",
|
||||||
|
"Personal site",
|
||||||
|
"Technology Blog"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "monpetitdev.fr",
|
||||||
|
"url": "https://monpetitdev.fr/",
|
||||||
|
"tags": [
|
||||||
|
"Personal site",
|
||||||
|
"Blog",
|
||||||
|
"Software Developer"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
+4
-4
@@ -15,10 +15,10 @@ article:
|
|||||||
word_count:
|
word_count:
|
||||||
one: "{{ .Count }} parola"
|
one: "{{ .Count }} parola"
|
||||||
other: "{{ .Count }} parole"
|
other: "{{ .Count }} parole"
|
||||||
part_of_series: "This article is part of a series."
|
part_of_series: "Questo articolo fa parte di una serie."
|
||||||
part: "Part"
|
part: "Parte"
|
||||||
this_article: "This Article"
|
this_article: "Questo articolo"
|
||||||
related_articles: "Related"
|
related_articles: "Articoli correlati"
|
||||||
reply_by_email: "Rispondi via email"
|
reply_by_email: "Rispondi via email"
|
||||||
|
|
||||||
a11y:
|
a11y:
|
||||||
|
|||||||
@@ -0,0 +1,10 @@
|
|||||||
|
{{- $title := or .Attributes.title "" -}}
|
||||||
|
{{- $lang := or .Type "text" -}}
|
||||||
|
<div class="highlight-wrapper">
|
||||||
|
{{- with $title -}}
|
||||||
|
<div class="codeblock-title">
|
||||||
|
{{- $title -}}
|
||||||
|
</div>
|
||||||
|
{{- end -}}
|
||||||
|
{{- transform.Highlight .Inner $lang .Options -}}
|
||||||
|
</div>
|
||||||
@@ -1,11 +1,30 @@
|
|||||||
<a
|
{{/* From Hugo, Apache v2 license
|
||||||
href="{{ .Destination | safeURL }}"
|
https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/_markup/render-link.html
|
||||||
{{- with .Title -}}
|
*/}}
|
||||||
title="{{ . }}"
|
{{- $u := urls.Parse .Destination -}}
|
||||||
{{- end }}
|
{{- $href := $u.String -}}
|
||||||
{{- if or (strings.HasPrefix .Destination "http:") (strings.HasPrefix .Destination "https:") }}
|
{{- if strings.HasPrefix $u.String "#" -}}
|
||||||
target="_blank"
|
{{- $href = printf "%s#%s" .PageInner.RelPermalink $u.Fragment -}}
|
||||||
{{ end }}>
|
{{- else if and $href (not $u.IsAbs) -}}
|
||||||
|
{{- $path := strings.TrimPrefix "./" $u.Path -}}
|
||||||
|
{{- with or
|
||||||
|
($.PageInner.GetPage $path)
|
||||||
|
($.PageInner.Resources.Get $path)
|
||||||
|
(resources.Get $path)
|
||||||
|
-}}
|
||||||
|
{{- $href = .RelPermalink -}}
|
||||||
|
{{- with $u.RawQuery -}}
|
||||||
|
{{- $href = printf "%s?%s" $href . -}}
|
||||||
|
{{- end -}}
|
||||||
|
{{- with $u.Fragment -}}
|
||||||
|
{{- $href = printf "%s#%s" $href . -}}
|
||||||
|
{{- end -}}
|
||||||
|
{{- end -}}
|
||||||
|
{{- end -}}
|
||||||
|
|
||||||
|
|
||||||
|
<a href="{{ $href }}" {{ with .Title }}title="{{ . }}"{{ end }}
|
||||||
|
{{- if or (strings.HasPrefix .Destination "http:") (strings.HasPrefix .Destination "https:") }} target="_blank"{{ end }}>
|
||||||
{{- .Text | safeHTML -}}
|
{{- .Text | safeHTML -}}
|
||||||
</a>
|
</a>
|
||||||
{{- /* Trim EOF */ -}}
|
{{- /* Trim EOF */ -}}
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
{{ $bodyLayout := "flex flex-col h-screen m-auto leading-7 max-w-7xl px-6 sm:px-14 md:px-24 lg:px-32" }}
|
{{ $bodyLayout := "flex flex-col h-screen m-auto leading-7 max-w-7xl px-6 sm:px-14 md:px-24 lg:px-32" }}
|
||||||
{{ $bodyColor := "text-lg bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral" }}
|
{{ $bodyColor := "text-lg bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral" }}
|
||||||
{{ $bodyScrollbar := "scrollbar-thin scrollbar-track-neutral-200 scrollbar-thumb-neutral-400 dark:scrollbar-track-neutral-800 dark:scrollbar-thumb-neutral-600" }}
|
{{ $bodyScrollbar := "scrollbar-thin scrollbar-track-neutral-200 scrollbar-thumb-neutral-400 dark:scrollbar-track-neutral-800 dark:scrollbar-thumb-neutral-600" }}
|
||||||
<body class="{{ $bodyLayout }} {{ $bodyColor }} {{ $bodyScrollbar }}">
|
<body class="{{ $bodyLayout }} {{ $bodyColor }} {{ if site.Params.enableStyledScrollbar | default true }}{{ $bodyScrollbar }}{{ end }}">
|
||||||
<div id="the-top" class="absolute flex self-center">
|
<div id="the-top" class="absolute flex self-center">
|
||||||
<a
|
<a
|
||||||
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 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"
|
||||||
|
|||||||
@@ -51,7 +51,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<div class="min-w-0 min-h-0 max-w-prose">
|
<div class="min-w-0 min-h-0 max-w-prose w-full">
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
{{ $cardContentClasses := "" }}
|
{{ $cardContentClasses := "" }}
|
||||||
|
|
||||||
{{ if site.Params.list.showCards }}
|
{{ if site.Params.list.showCards }}
|
||||||
{{ $cardClasses = printf "%s overflow-hidden rounded-md border-2 border-neutral-200 dark:border-neutral-700" $cardClasses }}
|
{{ $cardClasses = printf "%s overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600" $cardClasses }}
|
||||||
{{ $imgWrapperClasses = "" }}
|
{{ $imgWrapperClasses = "" }}
|
||||||
{{ $cardContentClasses = printf "%s p-4 pt-2" $cardContentClasses }}
|
{{ $cardContentClasses = printf "%s p-4 pt-2" $cardContentClasses }}
|
||||||
{{ else }}
|
{{ else }}
|
||||||
@@ -85,7 +85,7 @@
|
|||||||
<div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail">
|
<div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail">
|
||||||
<img
|
<img
|
||||||
src="{{ . }}"
|
src="{{ . }}"
|
||||||
alt="{{ with $target.Params.featuredImageAlt }}{{ . }}{{ else }}{{ $target.Title | emojify }}{{ end }}"
|
role="presentation"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
class="not-prose absolute inset-0 w-full h-full object-cover">
|
class="not-prose absolute inset-0 w-full h-full object-cover">
|
||||||
|
|||||||
@@ -51,12 +51,12 @@
|
|||||||
|
|
||||||
|
|
||||||
<article
|
<article
|
||||||
class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
|
class="relative min-h-full min-w-full overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600">
|
||||||
{{ with $featuredURL }}
|
{{ with $featuredURL }}
|
||||||
<div class="flex-none relative overflow-hidden thumbnail_card_related">
|
<div class="flex-none relative overflow-hidden thumbnail_card_related">
|
||||||
<img
|
<img
|
||||||
src="{{ . }}"
|
src="{{ . }}"
|
||||||
alt="{{ $page.Title }}"
|
role="presentation"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
fetchpriority="low"
|
fetchpriority="low"
|
||||||
@@ -68,7 +68,7 @@
|
|||||||
{{ partial "badge.html" (i18n "article.draft" | emojify) }}
|
{{ partial "badge.html" (i18n "article.draft" | emojify) }}
|
||||||
</span>
|
</span>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<div class="px-6 py-4">
|
<div class="p-4">
|
||||||
<header>
|
<header>
|
||||||
<a
|
<a
|
||||||
{{ with $page.Params.externalUrl }}
|
{{ with $page.Params.externalUrl }}
|
||||||
|
|||||||
@@ -55,12 +55,12 @@
|
|||||||
|
|
||||||
|
|
||||||
<article
|
<article
|
||||||
class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
|
class="relative min-h-full min-w-full overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600">
|
||||||
{{ with $featuredURL }}
|
{{ with $featuredURL }}
|
||||||
<div class="flex-none relative overflow-hidden thumbnail_card">
|
<div class="flex-none relative overflow-hidden thumbnail_card">
|
||||||
<img
|
<img
|
||||||
src="{{ . }}"
|
src="{{ . }}"
|
||||||
alt="{{ $page.Title | plainify }}"
|
role="presentation"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
class="not-prose absolute inset-0 w-full h-full object-cover">
|
class="not-prose absolute inset-0 w-full h-full object-cover">
|
||||||
@@ -71,7 +71,7 @@
|
|||||||
{{ partial "badge.html" (i18n "article.draft" | emojify) }}
|
{{ partial "badge.html" (i18n "article.draft" | emojify) }}
|
||||||
</span>
|
</span>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<div class="px-6 py-4">
|
<div class="p-4">
|
||||||
<header>
|
<header>
|
||||||
<a
|
<a
|
||||||
{{ with $page.Params.externalUrl }}
|
{{ with $page.Params.externalUrl }}
|
||||||
|
|||||||
@@ -10,8 +10,8 @@
|
|||||||
{{ $imgWrapperClasses := "" }}
|
{{ $imgWrapperClasses := "" }}
|
||||||
{{ $cardContentClasses := "" }}
|
{{ $cardContentClasses := "" }}
|
||||||
|
|
||||||
{{ if site.Params.list.showCards }}
|
{{ if .Params.showCards | default site.Params.list.showCards }}
|
||||||
{{ $cardClasses = printf "%s overflow-hidden rounded-md border-2 border-neutral-200 dark:border-neutral-700" $cardClasses }}
|
{{ $cardClasses = printf "%s overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600" $cardClasses }}
|
||||||
{{ $imgWrapperClasses = "" }}
|
{{ $imgWrapperClasses = "" }}
|
||||||
{{ $cardContentClasses = printf "%s p-4" $cardContentClasses }}
|
{{ $cardContentClasses = printf "%s p-4" $cardContentClasses }}
|
||||||
{{ else }}
|
{{ else }}
|
||||||
@@ -78,7 +78,7 @@
|
|||||||
<div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail">
|
<div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail">
|
||||||
<img
|
<img
|
||||||
src="{{ . }}"
|
src="{{ . }}"
|
||||||
alt="{{ $.Params.featuredImageAlt | default ($.Title | emojify) }}"
|
role="presentation"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
class="not-prose absolute inset-0 w-full h-full object-cover">
|
class="not-prose absolute inset-0 w-full h-full object-cover">
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
{{ if $authorImage }}
|
{{ if $authorImage }}
|
||||||
{{ $final := $authorImage }}
|
{{ $final := $authorImage }}
|
||||||
{{ $squareImage := $authorImage }}
|
{{ $squareImage := $authorImage }}
|
||||||
{{ if not $disableImageOptimization }}
|
{{ if not (or $disableImageOptimization (eq $authorImage.MediaType.SubType "svg")) }}
|
||||||
{{ $final = $authorImage.Fill "192x192" }}
|
{{ $final = $authorImage.Fill "192x192" }}
|
||||||
{{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }}
|
{{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }}
|
||||||
{{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }}
|
{{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }}
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
{{ if $authorImage }}
|
{{ if $authorImage }}
|
||||||
{{ $final := $authorImage }}
|
{{ $final := $authorImage }}
|
||||||
{{ $squareImage := $authorImage }}
|
{{ $squareImage := $authorImage }}
|
||||||
{{ if not $disableImageOptimization }}
|
{{ if not (or $disableImageOptimization (eq $authorImage.MediaType.SubType "svg")) }}
|
||||||
{{ $final = $authorImage.Fill "192x192" }}
|
{{ $final = $authorImage.Fill "192x192" }}
|
||||||
{{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }}
|
{{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }}
|
||||||
{{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }}
|
{{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }}
|
||||||
|
|||||||
@@ -99,7 +99,7 @@
|
|||||||
{{/* CSS */}}
|
{{/* CSS */}}
|
||||||
{{ $cssResources := slice }}
|
{{ $cssResources := slice }}
|
||||||
{{ $schemeName := .Site.Params.colorScheme | default "blowfish" }}
|
{{ $schemeName := .Site.Params.colorScheme | default "blowfish" }}
|
||||||
{{ $cssScheme := resources.Get (printf "css/schemes/%s.css" $schemeName) | default (resources.Get "css/schemes/blowfish.css") }}
|
{{ $cssScheme := resources.Get (printf "css/schemes/%s.css" (lower $schemeName)) | default (resources.Get "css/schemes/blowfish.css") }}
|
||||||
{{ $cssResources = $cssResources | append $cssScheme }}
|
{{ $cssResources = $cssResources | append $cssScheme }}
|
||||||
{{ $cssResources = $cssResources | append (resources.Get "css/compiled/main.css") }}
|
{{ $cssResources = $cssResources | append (resources.Get "css/compiled/main.css") }}
|
||||||
{{ with resources.Get "css/custom.css" }}
|
{{ with resources.Get "css/custom.css" }}
|
||||||
|
|||||||
@@ -69,7 +69,7 @@
|
|||||||
<img
|
<img
|
||||||
id="background-image"
|
id="background-image"
|
||||||
src="{{ . }}"
|
src="{{ . }}"
|
||||||
alt="{{ $.Title }}"
|
role="presentation"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
fetchpriority="high"
|
fetchpriority="high"
|
||||||
@@ -84,7 +84,7 @@
|
|||||||
{{ if $shouldBlur | default false }}
|
{{ if $shouldBlur | default false }}
|
||||||
<div
|
<div
|
||||||
id="background-blur"
|
id="background-blur"
|
||||||
class="fixed opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl"></div>
|
class="fixed opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-xl bg-neutral-100/75 dark:bg-neutral-800/60"></div>
|
||||||
{{ $backgroundBlur := resources.Get "js/background-blur.js" }}
|
{{ $backgroundBlur := resources.Get "js/background-blur.js" }}
|
||||||
{{ $backgroundBlur = $backgroundBlur | resources.Minify | resources.Fingerprint ($.Site.Params.fingerprintAlgorithm | default "sha512") }}
|
{{ $backgroundBlur = $backgroundBlur | resources.Minify | resources.Fingerprint ($.Site.Params.fingerprintAlgorithm | default "sha512") }}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -53,7 +53,7 @@
|
|||||||
<div class="overflow-hidden h-36 md:h-56 lg:h-72">
|
<div class="overflow-hidden h-36 md:h-56 lg:h-72">
|
||||||
<img
|
<img
|
||||||
src="{{ . }}"
|
src="{{ . }}"
|
||||||
alt="{{ with $.Params.featureimagealt }}{{ . }}{{ else }}{{ with $.Title }}Featured image for {{ . }}{{ else }}Featured image{{ end }}{{ end }}"
|
role="presentation"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
fetchpriority="high"
|
fetchpriority="high"
|
||||||
|
|||||||
@@ -87,7 +87,7 @@
|
|||||||
<div class="overflow-hidden rounded-md h-36 md:h-56 lg:h-72 nozoom">
|
<div class="overflow-hidden rounded-md h-36 md:h-56 lg:h-72 nozoom">
|
||||||
<img
|
<img
|
||||||
src="{{ . }}"
|
src="{{ . }}"
|
||||||
alt="{{ $.Title }}"
|
role="presentation"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
fetchpriority="high"
|
fetchpriority="high"
|
||||||
@@ -107,7 +107,6 @@
|
|||||||
<img
|
<img
|
||||||
id="background-image-main"
|
id="background-image-main"
|
||||||
src="{{ . }}"
|
src="{{ . }}"
|
||||||
alt=""
|
|
||||||
role="presentation"
|
role="presentation"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
@@ -124,7 +123,7 @@
|
|||||||
{{ if $shouldBlur | default false }}
|
{{ if $shouldBlur | default false }}
|
||||||
<div
|
<div
|
||||||
id="background-blur"
|
id="background-blur"
|
||||||
class="fixed opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl"></div>
|
class="fixed opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-xl bg-neutral-100/75 dark:bg-neutral-800/60"></div>
|
||||||
{{ $backgroundBlur := resources.Get "js/background-blur.js" }}
|
{{ $backgroundBlur := resources.Get "js/background-blur.js" }}
|
||||||
{{ $backgroundBlur = $backgroundBlur | resources.Minify | resources.Fingerprint (.Site.Params.fingerprintAlgorithm | default "sha512") }}
|
{{ $backgroundBlur = $backgroundBlur | resources.Minify | resources.Fingerprint (.Site.Params.fingerprintAlgorithm | default "sha512") }}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -52,7 +52,7 @@
|
|||||||
{{ if $authorImage }}
|
{{ if $authorImage }}
|
||||||
{{ $final := $authorImage }}
|
{{ $final := $authorImage }}
|
||||||
{{ $squareImage := $authorImage }}
|
{{ $squareImage := $authorImage }}
|
||||||
{{ if not $disableImageOptimization }}
|
{{ if not (or $disableImageOptimization (eq $authorImage.MediaType.SubType "svg")) }}
|
||||||
{{ $final = $authorImage.Fill (print "288x288 q" ( $.Site.Params.Author.imagequality | default "96" )) }}
|
{{ $final = $authorImage.Fill (print "288x288 q" ( $.Site.Params.Author.imagequality | default "96" )) }}
|
||||||
{{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }}
|
{{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }}
|
||||||
{{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }}
|
{{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }}
|
||||||
@@ -105,7 +105,7 @@
|
|||||||
{{ if .Site.Params.homepage.layoutBackgroundBlur | default false }}
|
{{ if .Site.Params.homepage.layoutBackgroundBlur | default false }}
|
||||||
<div
|
<div
|
||||||
id="background-blur"
|
id="background-blur"
|
||||||
class="fixed opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl"></div>
|
class="fixed opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-xl bg-neutral-100/75 dark:bg-neutral-800/60"></div>
|
||||||
{{ $backgroundBlur := resources.Get "js/background-blur.js" }}
|
{{ $backgroundBlur := resources.Get "js/background-blur.js" }}
|
||||||
{{ $backgroundBlur = $backgroundBlur | resources.Minify | resources.Fingerprint (.Site.Params.fingerprintAlgorithm | default "sha512") }}
|
{{ $backgroundBlur = $backgroundBlur | resources.Minify | resources.Fingerprint (.Site.Params.fingerprintAlgorithm | default "sha512") }}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -55,7 +55,7 @@
|
|||||||
{{ if $authorImage }}
|
{{ if $authorImage }}
|
||||||
{{ $final := $authorImage }}
|
{{ $final := $authorImage }}
|
||||||
{{ $squareImage := $authorImage }}
|
{{ $squareImage := $authorImage }}
|
||||||
{{ if not $disableImageOptimization }}
|
{{ if not (or $disableImageOptimization (eq $authorImage.MediaType.SubType "svg")) }}
|
||||||
{{ $final = $authorImage.Fill (print "288x288 q" ( $.Site.Params.Author.imagequality | default "96" )) }}
|
{{ $final = $authorImage.Fill (print "288x288 q" ( $.Site.Params.Author.imagequality | default "96" )) }}
|
||||||
{{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }}
|
{{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }}
|
||||||
{{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }}
|
{{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }}
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
{{ if $authorImage }}
|
{{ if $authorImage }}
|
||||||
{{ $final := $authorImage }}
|
{{ $final := $authorImage }}
|
||||||
{{ $squareImage := $authorImage }}
|
{{ $squareImage := $authorImage }}
|
||||||
{{ if not $disableImageOptimization }}
|
{{ if not (or $disableImageOptimization (eq $authorImage.MediaType.SubType "svg")) }}
|
||||||
{{ $final = $authorImage.Fill (print "288x288 q" ( $.Site.Params.Author.imagequality | default "96" )) }}
|
{{ $final = $authorImage.Fill (print "288x288 q" ( $.Site.Params.Author.imagequality | default "96" )) }}
|
||||||
{{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }}
|
{{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }}
|
||||||
{{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }}
|
{{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }}
|
||||||
|
|||||||
@@ -49,22 +49,25 @@
|
|||||||
"@context": "https://schema.org",
|
"@context": "https://schema.org",
|
||||||
"@type": "BreadcrumbList",
|
"@type": "BreadcrumbList",
|
||||||
"itemListElement": [
|
"itemListElement": [
|
||||||
{{- $breadcrumbs := slice -}}
|
{{- $position := 0 -}}
|
||||||
{{- range .Ancestors -}}
|
{{- range .Ancestors -}}
|
||||||
{{- if not .IsHome -}}
|
{{- if not .IsHome -}}
|
||||||
{{- $breadcrumbs = $breadcrumbs | append . -}}
|
{{- $position = add $position 1 -}}
|
||||||
|
{
|
||||||
|
"@type": "ListItem",
|
||||||
|
"position": {{ $position }},
|
||||||
|
"name": "{{ .Title }}",
|
||||||
|
"item": {{ .Permalink }}
|
||||||
|
},
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
{{- $breadcrumbs = $breadcrumbs | append . -}}
|
{{- $position = add $position 1 -}}
|
||||||
|
{
|
||||||
{{- range $index, $element := $breadcrumbs -}}
|
"@type": "ListItem",
|
||||||
{
|
"position": {{ $position }},
|
||||||
"@type": "ListItem",
|
"name": "{{ .Title }}",
|
||||||
"position": {{ add $index 1 }},
|
"item": {{ .Permalink }}
|
||||||
"name": "{{ .Title }}",
|
}
|
||||||
"item": {{ .Permalink }},
|
|
||||||
}{{ if ne (add $index 1) (len $breadcrumbs) }},{{ end }}
|
|
||||||
{{- end -}}
|
|
||||||
]
|
]
|
||||||
}{{ end }}]
|
}{{ end }}]
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -145,3 +145,11 @@
|
|||||||
}}
|
}}
|
||||||
<link rel="stylesheet" href="{{ $repoCardCSS.RelPermalink }}" integrity="{{ $repoCardCSS.Data.Integrity }}">
|
<link rel="stylesheet" href="{{ $repoCardCSS.RelPermalink }}" integrity="{{ $repoCardCSS.Data.Integrity }}">
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
|
{{/* tabs */}}
|
||||||
|
{{ if .Page.HasShortcode "tabs" }}
|
||||||
|
{{ $tabJS := resources.Get "js/shortcodes/tabs.js" }}
|
||||||
|
{{ with $tabJS | minify | resources.Fingerprint (.Site.Params.fingerprintAlgorithm | default "sha512") }}
|
||||||
|
<script src="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous"></script>
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
|||||||
@@ -19,6 +19,7 @@
|
|||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
|
|
||||||
|
<div class="width-patch"></div>
|
||||||
<div
|
<div
|
||||||
id="{{ $id }}"
|
id="{{ $id }}"
|
||||||
class="relative"
|
class="relative"
|
||||||
@@ -49,9 +50,7 @@
|
|||||||
data-twe-carousel-item
|
data-twe-carousel-item
|
||||||
style="transition-duration: {{ $interval }}ms;"
|
style="transition-duration: {{ $interval }}ms;"
|
||||||
{{ if eq $index 0 }}data-twe-carousel-active{{ end }}>
|
{{ if eq $index 0 }}data-twe-carousel-active{{ end }}>
|
||||||
<div
|
<div class="single_hero_background" style="aspect-ratio: {{ $aspectx }} / {{ $aspecty }};">
|
||||||
class="single_hero_background"
|
|
||||||
style="aspect-ratio: {{ $aspectx }} / {{ $aspecty }};">
|
|
||||||
<img
|
<img
|
||||||
src="{{ $image.RelPermalink }}"
|
src="{{ $image.RelPermalink }}"
|
||||||
class="block absolute top-0 object-cover w-full h-full not-prose nozoom"
|
class="block absolute top-0 object-cover w-full h-full not-prose nozoom"
|
||||||
|
|||||||
@@ -26,6 +26,7 @@
|
|||||||
{{ end -}}
|
{{ end -}}
|
||||||
|
|
||||||
|
|
||||||
|
<div class="width-patch"></div>
|
||||||
<div id="{{- $id -}}" class="gallery">
|
<div id="{{- $id -}}" class="gallery">
|
||||||
{{ $content | safeHTML -}}
|
{{ $content | safeHTML -}}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -0,0 +1,7 @@
|
|||||||
|
{{- $label := .Get "label" -}}
|
||||||
|
{{- $index := .Parent.Store.Get "tab-index" | default 0 -}}
|
||||||
|
{{- $content := .InnerDeindent | strings.TrimSpace | .Page.RenderString -}}
|
||||||
|
|
||||||
|
{{- $tabs := .Parent.Store.Get "tabs" | default slice -}}
|
||||||
|
{{- .Parent.Store.Set "tabs" ($tabs | append (dict "label" $label "content" $content)) -}}
|
||||||
|
{{- .Parent.Store.Set "tab-index" (add 1 $index) -}}
|
||||||
@@ -0,0 +1,28 @@
|
|||||||
|
{{- .Store.Set "tab-index" 0 -}}
|
||||||
|
{{- $noop := .Inner -}}
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tab__container w-full">
|
||||||
|
<div class="tab__nav" role="tablist">
|
||||||
|
<div class="flex gap-1 overflow-x-auto">
|
||||||
|
{{- range $nTabs, $_ := .Store.Get "tabs" -}}
|
||||||
|
<button
|
||||||
|
class="tab__button px-3 py-2 text-sm font-semibold border-b-2 border-transparent rounded-t-md hover:bg-neutral-200 dark:hover:bg-neutral-700 {{ if eq $nTabs 0 }}
|
||||||
|
tab--active
|
||||||
|
{{ end }}"
|
||||||
|
role="tab"
|
||||||
|
aria-selected="{{ cond (eq $nTabs 0) "true" "false" }}"
|
||||||
|
data-tab-index="{{ $nTabs }}">
|
||||||
|
{{ index . "label" }}
|
||||||
|
</button>
|
||||||
|
{{- end -}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tab__content mt-4">
|
||||||
|
{{- range $nTabs, $_ := .Store.Get "tabs" -}}
|
||||||
|
<div class="tab__panel {{ if eq $nTabs 0 }}tab--active{{ end }}" data-tab-index="{{ $nTabs }}">
|
||||||
|
{{ index . "content" }}
|
||||||
|
</div>
|
||||||
|
{{- end -}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Generated
+124
-166
@@ -17,20 +17,20 @@
|
|||||||
"commander": "^14.0.2"
|
"commander": "^14.0.2"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@awmottaz/prettier-plugin-void-html": "^1.9.0",
|
"@awmottaz/prettier-plugin-void-html": "^2.0.0",
|
||||||
"@tailwindcss/cli": "^4.1.17",
|
"@tailwindcss/cli": "^4.1.17",
|
||||||
"@tailwindcss/typography": "^0.5.19",
|
"@tailwindcss/typography": "^0.5.19",
|
||||||
"chart.js": "^4.5.1",
|
"chart.js": "^4.5.1",
|
||||||
"fuse.js": "^7.1.0",
|
"fuse.js": "^7.1.0",
|
||||||
"jquery": "^3.7.1",
|
"jquery": "^3.7.1",
|
||||||
"katex": "^0.16.25",
|
"katex": "^0.16.27",
|
||||||
"lite-youtube-embed": "^0.3.4",
|
"lite-youtube-embed": "^0.3.4",
|
||||||
"medium-zoom": "^1.1.0",
|
"medium-zoom": "^1.1.0",
|
||||||
"mermaid": "^11.12.1",
|
"mermaid": "^11.12.2",
|
||||||
"packery": "^3.0.0",
|
"packery": "^3.0.0",
|
||||||
"prettier": "^3.6.2",
|
"prettier": "^3.7.4",
|
||||||
"prettier-plugin-go-template": "^0.0.15",
|
"prettier-plugin-go-template": "^0.0.15",
|
||||||
"puppeteer": "^24.31.0",
|
"puppeteer": "^24.32.1",
|
||||||
"rimraf": "^6.1.2",
|
"rimraf": "^6.1.2",
|
||||||
"tailwind-scrollbar": "^4.0.2",
|
"tailwind-scrollbar": "^4.0.2",
|
||||||
"tailwindcss": "^4.1.16",
|
"tailwindcss": "^4.1.16",
|
||||||
@@ -64,13 +64,13 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@awmottaz/prettier-plugin-void-html": {
|
"node_modules/@awmottaz/prettier-plugin-void-html": {
|
||||||
"version": "1.9.0",
|
"version": "2.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/@awmottaz/prettier-plugin-void-html/-/prettier-plugin-void-html-1.9.0.tgz",
|
"resolved": "https://registry.npmjs.org/@awmottaz/prettier-plugin-void-html/-/prettier-plugin-void-html-2.0.0.tgz",
|
||||||
"integrity": "sha512-NMwspO5GtUU9PESivdrx86z7XTm0lM5DDoMMVtYUp7nBQXak23j9/aB9tNR9XuVyoXYhdvxhEjXal9DfUqZnNg==",
|
"integrity": "sha512-5EHM/j8D44ZJwy5Z3iwdbxuehMwDUTQhm7j5Gv2cYDEJbDkwnH6u++19E+49CFqGuimTO1lHmf/xCA+/LQE7vw==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"prettier": "3.0.0 - 3.6.x"
|
"prettier": "3.0.0 - 3.7.x"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@babel/code-frame": {
|
"node_modules/@babel/code-frame": {
|
||||||
@@ -679,9 +679,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@puppeteer/browsers": {
|
"node_modules/@puppeteer/browsers": {
|
||||||
"version": "2.10.13",
|
"version": "2.11.0",
|
||||||
"resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.10.13.tgz",
|
"resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.11.0.tgz",
|
||||||
"integrity": "sha512-a9Ruw3j3qlnB5a/zHRTkruppynxqaeE4H9WNj5eYGRWqw0ZauZ23f4W2ARf3hghF5doozyD+CRtt7XSYuYRI/Q==",
|
"integrity": "sha512-n6oQX6mYkG8TRPuPXmbPidkUbsSRalhmaaVAQxvH1IkQy63cwsH+kOjB3e4cpCDHg0aSvsiX9bQ4s2VB6mGWUQ==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
@@ -1460,9 +1460,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/@types/node": {
|
"node_modules/@types/node": {
|
||||||
"version": "24.10.1",
|
"version": "24.10.2",
|
||||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
|
"resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.2.tgz",
|
||||||
"integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
|
"integrity": "sha512-WOhQTZ4G8xZ1tjJTvKOpyEVSGgOTvJAfDK3FNFgELyaTpzhdgHVHeqW8V+UJvzF5BT+/B54T/1S2K6gd9c7bbA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"optional": true,
|
"optional": true,
|
||||||
@@ -1525,6 +1525,32 @@
|
|||||||
"node": ">= 14"
|
"node": ">= 14"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/ansi-regex": {
|
||||||
|
"version": "5.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
|
||||||
|
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=8"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/ansi-styles": {
|
||||||
|
"version": "4.3.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
||||||
|
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"color-convert": "^2.0.1"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=8"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/argparse": {
|
"node_modules/argparse": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
|
||||||
@@ -1560,9 +1586,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/bare-fs": {
|
"node_modules/bare-fs": {
|
||||||
"version": "4.5.1",
|
"version": "4.5.2",
|
||||||
"resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.5.1.tgz",
|
"resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.5.2.tgz",
|
||||||
"integrity": "sha512-zGUCsm3yv/ePt2PHNbVxjjn0nNB1MkIaR4wOCxJ2ig5pCf5cCVAYJXVhQg/3OhhJV6DB1ts7Hv0oUaElc2TPQg==",
|
"integrity": "sha512-veTnRzkb6aPHOvSKIOy60KzURfBdUflr5VReI+NSaPL6xf+XLdONQgZgpYvUuZLVQ8dCqxpBAudaOM1+KpAUxw==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"optional": true,
|
"optional": true,
|
||||||
@@ -1795,85 +1821,6 @@
|
|||||||
"node": ">=12"
|
"node": ">=12"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/cliui/node_modules/ansi-regex": {
|
|
||||||
"version": "5.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
|
|
||||||
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/cliui/node_modules/ansi-styles": {
|
|
||||||
"version": "4.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
|
||||||
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"color-convert": "^2.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
},
|
|
||||||
"funding": {
|
|
||||||
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/cliui/node_modules/emoji-regex": {
|
|
||||||
"version": "8.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
|
|
||||||
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT"
|
|
||||||
},
|
|
||||||
"node_modules/cliui/node_modules/string-width": {
|
|
||||||
"version": "4.2.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
|
|
||||||
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"emoji-regex": "^8.0.0",
|
|
||||||
"is-fullwidth-code-point": "^3.0.0",
|
|
||||||
"strip-ansi": "^6.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/cliui/node_modules/strip-ansi": {
|
|
||||||
"version": "6.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
|
|
||||||
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"ansi-regex": "^5.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/cliui/node_modules/wrap-ansi": {
|
|
||||||
"version": "7.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
|
|
||||||
"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"ansi-styles": "^4.0.0",
|
|
||||||
"string-width": "^4.1.0",
|
|
||||||
"strip-ansi": "^6.0.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=10"
|
|
||||||
},
|
|
||||||
"funding": {
|
|
||||||
"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/clsx": {
|
"node_modules/clsx": {
|
||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
|
||||||
@@ -1887,6 +1834,7 @@
|
|||||||
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
|
||||||
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"color-name": "~1.1.4"
|
"color-name": "~1.1.4"
|
||||||
},
|
},
|
||||||
@@ -1898,7 +1846,8 @@
|
|||||||
"version": "1.1.4",
|
"version": "1.1.4",
|
||||||
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
|
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
|
||||||
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/commander": {
|
"node_modules/commander": {
|
||||||
"version": "14.0.2",
|
"version": "14.0.2",
|
||||||
@@ -2586,9 +2535,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/devtools-protocol": {
|
"node_modules/devtools-protocol": {
|
||||||
"version": "0.0.1521046",
|
"version": "0.0.1534754",
|
||||||
"resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1521046.tgz",
|
"resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1534754.tgz",
|
||||||
"integrity": "sha512-vhE6eymDQSKWUXwwA37NtTTVEzjtGVfDr3pRbsWEQ5onH/Snp2c+2xZHWJJawG/0hCCJLRGt4xVtEVUVILol4w==",
|
"integrity": "sha512-26T91cV5dbOYnXdJi5qQHoTtUoNEqwkHcAyu/IKtjIAxiEqPMrDiRkDOPWVsGfNZGmlQVHQbZRSjD8sxagWVsQ==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "BSD-3-Clause",
|
"license": "BSD-3-Clause",
|
||||||
"peer": true
|
"peer": true
|
||||||
@@ -2603,6 +2552,13 @@
|
|||||||
"@types/trusted-types": "^2.0.7"
|
"@types/trusted-types": "^2.0.7"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/emoji-regex": {
|
||||||
|
"version": "8.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
|
||||||
|
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/end-of-stream": {
|
"node_modules/end-of-stream": {
|
||||||
"version": "1.4.5",
|
"version": "1.4.5",
|
||||||
"resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
|
"resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
|
||||||
@@ -3011,6 +2967,7 @@
|
|||||||
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
|
||||||
"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
|
"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
@@ -3079,9 +3036,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/katex": {
|
"node_modules/katex": {
|
||||||
"version": "0.16.25",
|
"version": "0.16.27",
|
||||||
"resolved": "https://registry.npmjs.org/katex/-/katex-0.16.25.tgz",
|
"resolved": "https://registry.npmjs.org/katex/-/katex-0.16.27.tgz",
|
||||||
"integrity": "sha512-woHRUZ/iF23GBP1dkDQMh1QBad9dmr8/PAwNA54VrSOVYgI12MAcE14TqnDdQOdzyEonGzMepYnqBMYdsoAr8Q==",
|
"integrity": "sha512-aeQoDkuRWSqQN6nSvVCEFvfXdqo1OQiCmmW1kc9xSdjutPv7BGO7pqY9sQRJpMOGrEdfDgF2TfRXe5eUAD2Waw==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"funding": [
|
"funding": [
|
||||||
"https://opencollective.com/katex",
|
"https://opencollective.com/katex",
|
||||||
@@ -3501,9 +3458,9 @@
|
|||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/mermaid": {
|
"node_modules/mermaid": {
|
||||||
"version": "11.12.1",
|
"version": "11.12.2",
|
||||||
"resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.12.1.tgz",
|
"resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.12.2.tgz",
|
||||||
"integrity": "sha512-UlIZrRariB11TY1RtTgUWp65tphtBv4CSq7vyS2ZZ2TgoMjs2nloq+wFqxiwcxlhHUvs7DPGgMjs2aeQxz5h9g==",
|
"integrity": "sha512-n34QPDPEKmaeCG4WDMGy0OT6PSyxKCfy2pJgShP+Qow2KLrvWjclwbc3yXfSIf4BanqWEhQEpngWwNp/XhZt6w==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
@@ -3867,9 +3824,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/prettier": {
|
"node_modules/prettier": {
|
||||||
"version": "3.6.2",
|
"version": "3.7.4",
|
||||||
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
|
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.7.4.tgz",
|
||||||
"integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
|
"integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"peer": true,
|
"peer": true,
|
||||||
@@ -3971,18 +3928,18 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/puppeteer": {
|
"node_modules/puppeteer": {
|
||||||
"version": "24.31.0",
|
"version": "24.32.1",
|
||||||
"resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.31.0.tgz",
|
"resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.32.1.tgz",
|
||||||
"integrity": "sha512-q8y5yLxLD8xdZdzNWqdOL43NbfvUOp60SYhaLZQwHC9CdKldxQKXOyJAciOr7oUJfyAH/KgB2wKvqT2sFKoVXA==",
|
"integrity": "sha512-wa8vGswFjH1iCyG6bGGydIYssEBluXixbMibK4x2x6/lIAuR87gF+c+Jjzom2Wiw/dDOtuki89VBurRWrgYaUA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"hasInstallScript": true,
|
"hasInstallScript": true,
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@puppeteer/browsers": "2.10.13",
|
"@puppeteer/browsers": "2.11.0",
|
||||||
"chromium-bidi": "11.0.0",
|
"chromium-bidi": "11.0.0",
|
||||||
"cosmiconfig": "^9.0.0",
|
"cosmiconfig": "^9.0.0",
|
||||||
"devtools-protocol": "0.0.1521046",
|
"devtools-protocol": "0.0.1534754",
|
||||||
"puppeteer-core": "24.31.0",
|
"puppeteer-core": "24.32.1",
|
||||||
"typed-query-selector": "^2.12.0"
|
"typed-query-selector": "^2.12.0"
|
||||||
},
|
},
|
||||||
"bin": {
|
"bin": {
|
||||||
@@ -3993,16 +3950,16 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/puppeteer-core": {
|
"node_modules/puppeteer-core": {
|
||||||
"version": "24.31.0",
|
"version": "24.32.1",
|
||||||
"resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.31.0.tgz",
|
"resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.32.1.tgz",
|
||||||
"integrity": "sha512-pnAohhSZipWQoFpXuGV7xCZfaGhqcBR9C4pVrU0QSrcMi7tQMH9J9lDBqBvyMAHQqe8HCARuREqFuVKRQOgTvg==",
|
"integrity": "sha512-GdWTOgy3RqaW6Etgx93ydlVJ4FBJ6TmhMksG5W7v4uawKAzLHNj33k4kBQ1SFZ9NvoXNjhdQuIQ+uik2kWnarA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@puppeteer/browsers": "2.10.13",
|
"@puppeteer/browsers": "2.11.0",
|
||||||
"chromium-bidi": "11.0.0",
|
"chromium-bidi": "11.0.0",
|
||||||
"debug": "^4.4.3",
|
"debug": "^4.4.3",
|
||||||
"devtools-protocol": "0.0.1521046",
|
"devtools-protocol": "0.0.1534754",
|
||||||
"typed-query-selector": "^2.12.0",
|
"typed-query-selector": "^2.12.0",
|
||||||
"webdriver-bidi-protocol": "0.3.9",
|
"webdriver-bidi-protocol": "0.3.9",
|
||||||
"ws": "^8.18.3"
|
"ws": "^8.18.3"
|
||||||
@@ -4220,6 +4177,34 @@
|
|||||||
"text-decoder": "^1.1.0"
|
"text-decoder": "^1.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/string-width": {
|
||||||
|
"version": "4.2.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
|
||||||
|
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"emoji-regex": "^8.0.0",
|
||||||
|
"is-fullwidth-code-point": "^3.0.0",
|
||||||
|
"strip-ansi": "^6.0.1"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=8"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/strip-ansi": {
|
||||||
|
"version": "6.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
|
||||||
|
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"ansi-regex": "^5.0.1"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=8"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/stylis": {
|
"node_modules/stylis": {
|
||||||
"version": "4.3.6",
|
"version": "4.3.6",
|
||||||
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
|
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
|
||||||
@@ -4549,6 +4534,24 @@
|
|||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "Apache-2.0"
|
"license": "Apache-2.0"
|
||||||
},
|
},
|
||||||
|
"node_modules/wrap-ansi": {
|
||||||
|
"version": "7.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
|
||||||
|
"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"ansi-styles": "^4.0.0",
|
||||||
|
"string-width": "^4.1.0",
|
||||||
|
"strip-ansi": "^6.0.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=10"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/wrappy": {
|
"node_modules/wrappy": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
|
||||||
@@ -4617,51 +4620,6 @@
|
|||||||
"node": ">=12"
|
"node": ">=12"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/yargs/node_modules/ansi-regex": {
|
|
||||||
"version": "5.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
|
|
||||||
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/yargs/node_modules/emoji-regex": {
|
|
||||||
"version": "8.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
|
|
||||||
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT"
|
|
||||||
},
|
|
||||||
"node_modules/yargs/node_modules/string-width": {
|
|
||||||
"version": "4.2.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
|
|
||||||
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"emoji-regex": "^8.0.0",
|
|
||||||
"is-fullwidth-code-point": "^3.0.0",
|
|
||||||
"strip-ansi": "^6.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/yargs/node_modules/strip-ansi": {
|
|
||||||
"version": "6.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
|
|
||||||
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"ansi-regex": "^5.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/yauzl": {
|
"node_modules/yauzl": {
|
||||||
"version": "2.10.0",
|
"version": "2.10.0",
|
||||||
"resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
|
"resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
|
||||||
|
|||||||
+5
-5
@@ -36,20 +36,20 @@
|
|||||||
},
|
},
|
||||||
"homepage": "https://github.com/nunocoracao/blowfish#readme",
|
"homepage": "https://github.com/nunocoracao/blowfish#readme",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@awmottaz/prettier-plugin-void-html": "^1.9.0",
|
"@awmottaz/prettier-plugin-void-html": "^2.0.0",
|
||||||
"@tailwindcss/cli": "^4.1.17",
|
"@tailwindcss/cli": "^4.1.17",
|
||||||
"@tailwindcss/typography": "^0.5.19",
|
"@tailwindcss/typography": "^0.5.19",
|
||||||
"chart.js": "^4.5.1",
|
"chart.js": "^4.5.1",
|
||||||
"fuse.js": "^7.1.0",
|
"fuse.js": "^7.1.0",
|
||||||
"jquery": "^3.7.1",
|
"jquery": "^3.7.1",
|
||||||
"katex": "^0.16.25",
|
"katex": "^0.16.27",
|
||||||
"lite-youtube-embed": "^0.3.4",
|
"lite-youtube-embed": "^0.3.4",
|
||||||
"medium-zoom": "^1.1.0",
|
"medium-zoom": "^1.1.0",
|
||||||
"mermaid": "^11.12.1",
|
"mermaid": "^11.12.2",
|
||||||
"packery": "^3.0.0",
|
"packery": "^3.0.0",
|
||||||
"prettier": "^3.6.2",
|
"prettier": "^3.7.4",
|
||||||
"prettier-plugin-go-template": "^0.0.15",
|
"prettier-plugin-go-template": "^0.0.15",
|
||||||
"puppeteer": "^24.31.0",
|
"puppeteer": "^24.32.1",
|
||||||
"rimraf": "^6.1.2",
|
"rimraf": "^6.1.2",
|
||||||
"tailwind-scrollbar": "^4.0.2",
|
"tailwind-scrollbar": "^4.0.2",
|
||||||
"tailwindcss": "^4.1.16",
|
"tailwindcss": "^4.1.16",
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
v0.152.2
|
v0.153.1
|
||||||
|
|||||||
+10
-7
@@ -68,9 +68,8 @@ module.exports = {
|
|||||||
"--tw-prose-bold": theme("colors.neutral.900 / 1"),
|
"--tw-prose-bold": theme("colors.neutral.900 / 1"),
|
||||||
"--tw-prose-counters": theme("colors.neutral.800 / 1"),
|
"--tw-prose-counters": theme("colors.neutral.800 / 1"),
|
||||||
"--tw-prose-bullets": theme("colors.neutral.500 / 1"),
|
"--tw-prose-bullets": theme("colors.neutral.500 / 1"),
|
||||||
"--tw-prose-hr": theme("colors.neutral.200 / 1"),
|
|
||||||
"--tw-prose-quotes": theme("colors.neutral.700 / 1"),
|
"--tw-prose-quotes": theme("colors.neutral.700 / 1"),
|
||||||
"--tw-prose-quote-borders": theme("colors.primary.200 / 1"),
|
"--tw-prose-quote-borders": theme("colors.primary.500 / 1"),
|
||||||
"--tw-prose-captions": theme("colors.neutral.500 / 1"),
|
"--tw-prose-captions": theme("colors.neutral.500 / 1"),
|
||||||
"--tw-prose-code": theme("colors.secondary.700 / 1"),
|
"--tw-prose-code": theme("colors.secondary.700 / 1"),
|
||||||
"--tw-prose-pre-code": theme("colors.neutral.700 / 1"),
|
"--tw-prose-pre-code": theme("colors.neutral.700 / 1"),
|
||||||
@@ -84,9 +83,8 @@ module.exports = {
|
|||||||
"--tw-prose-invert-bold": theme("colors.neutral.DEFAULT / 1"),
|
"--tw-prose-invert-bold": theme("colors.neutral.DEFAULT / 1"),
|
||||||
"--tw-prose-invert-counters": theme("colors.neutral.400 / 1"),
|
"--tw-prose-invert-counters": theme("colors.neutral.400 / 1"),
|
||||||
"--tw-prose-invert-bullets": theme("colors.neutral.600 / 1"),
|
"--tw-prose-invert-bullets": theme("colors.neutral.600 / 1"),
|
||||||
"--tw-prose-invert-hr": theme("colors.neutral.500 / 1"),
|
|
||||||
"--tw-prose-invert-quotes": theme("colors.neutral.200 / 1"),
|
"--tw-prose-invert-quotes": theme("colors.neutral.200 / 1"),
|
||||||
"--tw-prose-invert-quote-borders": theme("colors.primary.900 / 1"),
|
"--tw-prose-invert-quote-borders": theme("colors.primary.600 / 1"),
|
||||||
"--tw-prose-invert-captions": theme("colors.neutral.400 / 1"),
|
"--tw-prose-invert-captions": theme("colors.neutral.400 / 1"),
|
||||||
"--tw-prose-invert-code": theme("colors.secondary.400 / 1"),
|
"--tw-prose-invert-code": theme("colors.secondary.400 / 1"),
|
||||||
"--tw-prose-invert-pre-code": theme("colors.neutral.200 / 1"),
|
"--tw-prose-invert-pre-code": theme("colors.neutral.200 / 1"),
|
||||||
@@ -106,6 +104,9 @@ module.exports = {
|
|||||||
"a code": {
|
"a code": {
|
||||||
color: "var(--tw-prose-code)",
|
color: "var(--tw-prose-code)",
|
||||||
},
|
},
|
||||||
|
hr: {
|
||||||
|
border: '0.8px solid theme("colors.neutral.300 / 1")',
|
||||||
|
},
|
||||||
kbd: {
|
kbd: {
|
||||||
backgroundColor: theme("colors.neutral.200 / 1"),
|
backgroundColor: theme("colors.neutral.200 / 1"),
|
||||||
padding: "0.1rem 0.4rem",
|
padding: "0.1rem 0.4rem",
|
||||||
@@ -120,7 +121,6 @@ module.exports = {
|
|||||||
borderRadius: "0.25rem",
|
borderRadius: "0.25rem",
|
||||||
},
|
},
|
||||||
code: {
|
code: {
|
||||||
backgroundColor: theme("colors.neutral.50 / 1"),
|
|
||||||
paddingTop: "3px",
|
paddingTop: "3px",
|
||||||
paddingBottom: "3px",
|
paddingBottom: "3px",
|
||||||
paddingLeft: "5px",
|
paddingLeft: "5px",
|
||||||
@@ -162,8 +162,8 @@ module.exports = {
|
|||||||
mark: {
|
mark: {
|
||||||
backgroundColor: theme("colors.primary.400 / 1"),
|
backgroundColor: theme("colors.primary.400 / 1"),
|
||||||
},
|
},
|
||||||
code: {
|
"code:not(pre code)": {
|
||||||
backgroundColor: theme("colors.neutral.700 / 1"),
|
backgroundColor: theme("colors.zinc.900 / 0.7"),
|
||||||
},
|
},
|
||||||
"a.active": {
|
"a.active": {
|
||||||
"text-decoration-color": theme("colors.primary.400 / 1"),
|
"text-decoration-color": theme("colors.primary.400 / 1"),
|
||||||
@@ -171,6 +171,9 @@ module.exports = {
|
|||||||
"p.active": {
|
"p.active": {
|
||||||
"text-decoration-color": theme("colors.primary.400 / 1"),
|
"text-decoration-color": theme("colors.primary.400 / 1"),
|
||||||
},
|
},
|
||||||
|
hr: {
|
||||||
|
border: '0.8px solid theme("colors.neutral.500 / 1")',
|
||||||
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
|
|||||||
Reference in New Issue
Block a user