diff --git a/src/lib/Sidenote.svelte b/src/lib/Sidenote.svelte
index 959cb3a..c47f206 100644
--- a/src/lib/Sidenote.svelte
+++ b/src/lib/Sidenote.svelte
@@ -1,5 +1,9 @@
-
@@ -167,7 +180,17 @@
\ No newline at end of file
diff --git a/src/lib/Toc.svelte b/src/lib/Toc.svelte
index c09bce7..547a1bc 100644
--- a/src/lib/Toc.svelte
+++ b/src/lib/Toc.svelte
@@ -26,6 +26,21 @@
}
}
+ function ellipsize(text) {
+ return text;
+
+ // not sure about this, decide on it later
+ // if (text.length > 40) {
+ // text = text.slice(0, 40);
+ // // looks weird when we have an ellipsis following a space
+ // if (text.slice(-1) === ' ') {
+ // text = text.slice(0, -1);
+ // }
+ // return text + '…';
+ // }
+ // return text;
+ }
+
onMount (() => {
// These shouldn't change over the life of the page, so we can cache them
headings = Array.from(document.querySelectorAll('h2[id], h3[id]'));
@@ -35,33 +50,26 @@
-
diff --git a/src/routes/_posts/the-enduring-shell.svx b/src/routes/_posts/the-enduring-shell.svx
index a6ee75f..150961a 100644
--- a/src/routes/_posts/the-enduring-shell.svx
+++ b/src/routes/_posts/the-enduring-shell.svx
@@ -20,4 +20,4 @@ A lot of time has passed since then, and now I can easily imagine situations whe
## CLI apps are easier to write
-
+blah blah words here
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index fef0965..2aea950 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -1,3 +1,7 @@
+
+
-
All Posts
- {#each postData as post, idx}
-
-
{new Date(post.date).toISOString().split('T')[0]}
-
-
- {post.title}
-
- {#if post.draft}
- Draft
- {/if}
-
-
{post.description}
-
+
+
+
All Posts
+ {#each postData as post, idx}
+
+
{new Date(post.date).toISOString().split('T')[0]}
+
+
+ {post.title}
+
+ {#if post.draft}
+ Draft
+ {/if}
+
+
{post.description}
+
- {#if idx < postData.length - 1}
-
- {/if}
- {/each}
+ {#if idx < postData.length - 1}
+
+ {/if}
+ {/each}
+
diff --git a/src/styles/code.scss b/src/styles/code.scss
index 9bf6315..e10f47c 100644
--- a/src/styles/code.scss
+++ b/src/styles/code.scss
@@ -17,6 +17,10 @@ code {
font-family: 'Hack', monospace;
}
+pre[class*="language-"] {
+ line-height: 1.25;
+}
+
pre > code[class*="language-"] {
font-size: 0.75em;
font-family: 'Hack', monospace;
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 1bdeedc..9363879 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -11,8 +11,10 @@
:root {
--content-size: 1.25rem;
- --content-line-height: 1.3;
+ --content-size-sm: 1rem;
+ // --content-line-height: 1.3;
--content-width: 52.5rem;
+ --content-padding: 0.65rem;
--content-color: #1e1e1e;
--content-color-faded: #555;
--accent-color: hsl(0deg, 92%, 29%);
@@ -21,7 +23,7 @@
body {
font-family: 'Tajawal', sans-serif;
font-size: var(--content-size);
- line-height: var(--content-line-height);
+ // line-height: var(--content-line-height);
letter-spacing: -0.005em;
color: var(--content-color);
}
diff --git a/src/styles/prose.scss b/src/styles/prose.scss
index 3ad7aee..5906b11 100644
--- a/src/styles/prose.scss
+++ b/src/styles/prose.scss
@@ -1,39 +1,33 @@
-@font-face {
- font-family: 'Baskerville';
- font-style: normal;
- font-weight: 400;
- src: url(/Baskerville-Regular.woff2) format('woff2');
- font-display: block;
-}
+.prose {
+ h1, h2, h3, h4, h5, h6 {
+ font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif;
+ font-weight: 600;
+ color: #464646;
+ }
-h1, h2, h3, h4, h5, h6 {
- font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif;
- font-weight: 600;
- color: #464646;
-}
+ h1 {
+ margin-top: 0.5em;
+ font-size: 2em;
+ font-variant: petite-caps;
+ }
-h1 {
- margin-top: 0.5em;
- font-size: 2em;
- font-variant: petite-caps;
-}
+ h2 {
+ font-size: 1.5em;
+ }
-h2 {
- font-size: 1.5em;
-}
+ h3 {
+ font-size: 1.2em;
+ }
-h3 {
- font-size: 1.2em;
-}
+ h4 {
+ font-size: 1.1em;
+ }
-h4 {
- font-size: 1.1em;
-}
+ h1, h2, h3, h4 {
+ margin-bottom: 0.5em;
+ }
-h1, h2, h3, h4 {
- margin-bottom: 0.5em;
-}
-
-p {
- margin-bottom: 0.8em;
+ p {
+ margin-bottom: 0.8em;
+ }
}
diff --git a/svelte.config.js b/svelte.config.js
index 117e7e8..1ff3337 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,6 +1,7 @@
import { resolve } from 'node:path';
import staticAdapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
import { mdsvex } from 'mdsvex';
import { localRemark } from './src/plugins/remark.js';
@@ -15,6 +16,7 @@ const config = {
remarkPlugins: [localRemark],
rehypePlugins: [localRehype],
}),
+ vitePreprocess(),
],
kit: {
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.