diff --git a/src/lib/layouts/post.svelte b/src/lib/layouts/post.svelte index 13b8b49..3cf03e5 100644 --- a/src/lib/layouts/post.svelte +++ b/src/lib/layouts/post.svelte @@ -131,6 +131,9 @@ } :global(body .post-layout p) { @apply my-1em; + } + :global(body .post-layout p img) { + @apply inline; } main { margin: 0 auto; diff --git a/src/routes/index.svelte b/src/routes/index.svelte index ec4fe44..99d3190 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -340,6 +340,7 @@ .split ul { min-width: 340px; margin: 0; + list-style-type: none; } .also li { height: 32px; diff --git a/src/routes/posts/writing-personal-home-page/index.md b/src/routes/posts/writing-personal-home-page/index.md index a5981ab..31a1137 100644 --- a/src/routes/posts/writing-personal-home-page/index.md +++ b/src/routes/posts/writing-personal-home-page/index.md @@ -134,7 +134,7 @@ After a while (*oh wait it's already a year*) I wanted to write some blog posts. The design from Carl was only a single page, but it did include some list of posts there (see the home page, also reused in the posts page), and I felt confident enough that I could code at least a text-first website without a design. -To more easily write blog posts without writing HTML, I decided to use [Markdown](https://www.markdownguide.org/basic-syntax/). +To more easily write blog posts without writing HTML, I decided to use [Markdown](https://www.markdownguide.org/basic-syntax/). To add more to that, I found [mdsvex](https://mdsvex.pngwn.io/), which allows one to use markdown from svelte, and use svelte from markdown. Their website only specifies how to use it on classic Svelte (via rollup or webpack), but Svelte Kit hides this configuration (in addition to using vite in dev mode). @@ -256,7 +256,7 @@ First iteration of this new design wasn't actually Svelte Kit, but only ``plain' This meant that the page was only client side, and the server only pre-compiled JS and sent only minimal HTML markup (which mostly just linked JS which did everything else). This meant the page didn't work without JS and took a bit to load. -To fix that, I later moved it into Svelte Kit page (Svelte does support SSR, but it's easier to use Svelte Kit) and used the `static` adapter which meant that all the pages are now prerendered and work without JS. This also means it's fast to load (especially when using CDN, such as [Cloudflare](https://cloudflare.com), which this website does use. Not affiliated with them). +To fix that, I later moved it into Svelte Kit page (Svelte does support SSR, but it's easier to use Svelte Kit) and used the `static` adapter which meant that all the pages are now prerendered and work without JS. This also means it's fast to load (especially when using CDN, such as [Cloudflare](https://cloudflare.com), which this website does use. Not affiliated with them). If you use the `adapter-auto`, deploying to Cloudflare pages should work nearly as is, you just need to set `NODE_VERSION` environment variable to `14` or `16`, as it's by default set to `12` which is too old for Svelte kit to work.