diff --git a/src/app.css b/src/app.css index f445202..d1724bb 100644 --- a/src/app.css +++ b/src/app.css @@ -2,7 +2,7 @@ --color-bg: #2d2a2e; --color-fg: #fcfcfa; --color-url: #ffd866; - --color-dark: #211c1c; + --color-dark: #211c1c; --gutter: 2rem; --content-width: calc(min(960px, 100% - var(--gutter) * 2)); } @@ -46,15 +46,16 @@ h1 { } h1:not(:first-child) { - margin-top: 1.25rem; + margin-top: 1.25rem; } h2 { font-size: 1.2rem; font-weight: 600; - :not(:first-child) { - margin-top: 1rem; - } +} + +h2:not(:first-child) { + margin-top: 1rem; } h3 { @@ -67,39 +68,36 @@ h4 { font-style: italic; } -img { - max-width: max-content; -} - ol, ul { padding-left: 1rem; } p:not(:first-child) { - margin-top: 0.75rem; + margin-top: 0.75rem; } -figcaption { - font-size: 0.8em; - background-color: var(--color-dark); - padding: 0.25rem; - color: #f2f2f2; +figure { + max-width: 40rem; + margin-top: 1rem; } -figcaption a { - color: #b2b2ff; +img { + display: block; + max-width: 100%; } -figcaption a:hover { - color: #e5e5ff; - font-size: 0.75rem; +figcaption { + font-size: 0.8em; + background-color: var(--color-dark); + padding: 0.25rem; + color: var(--color-fg); } pre[class*="language-"] { font-size: 0.75rem; - background-color: var(--color-dark); - border: none; + background-color: var(--color-dark); + border: none; } code { diff --git a/src/lib/posts/2024-week-23.md b/src/lib/posts/2024-week-23.md index ba67268..ae32806 100644 --- a/src/lib/posts/2024-week-23.md +++ b/src/lib/posts/2024-week-23.md @@ -106,3 +106,5 @@ I tried previously, and more focused on bouldering. ## Maria Maria + +[^1]: https://milkdown.dev diff --git a/src/routes/cluster/+page.server.ts b/src/routes/cluster/+page.server.ts new file mode 100644 index 0000000..d43d0cd --- /dev/null +++ b/src/routes/cluster/+page.server.ts @@ -0,0 +1 @@ +export const prerender = false; diff --git a/svelte.config.js b/svelte.config.js index 6b32b5f..6bd2a7c 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -14,6 +14,7 @@ const config = { ], compilerOptions: { warningFilter: (warning) => !warning.code === "a11y_media_has_captions", + css: "injected", }, extensions: [".svelte", ".md"], kit: {