adding another article

grunkgrunk · Aug 13, 2024 · 728b566 · 728b566
1 parent 1c083a2
commit 728b566
Show file tree

Hide file tree

Showing 24 changed files with 390 additions and 267 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -31,6 +31,7 @@
 		"histoire": "^0.16.1",
 		"image-transmutation": "^0.1.2",
 		"mdsvex": "^0.10.6",
+		"p5": "^1.10.0",
 		"prettier": "^2.8.0",
 		"prettier-plugin-svelte": "^2.8.1",
 		"reading-time": "^1.5.0",
@@ -49,6 +50,7 @@
 	"dependencies": {
 		"@fontsource/inter": "^4.5.15",
 		"@fontsource/merriweather": "^4.5.14",
-		"@fontsource/ubuntu-mono": "^4.5.11"
+		"@fontsource/ubuntu-mono": "^4.5.11",
+		"p5-svelte": "^3.1.2"
 	}
-}
+}
diff --git a/src/lib/components/atoms/Card.svelte b/src/lib/components/atoms/Card.svelte
@@ -50,6 +50,9 @@
 		position: relative;
 		overflow: hidden;
 		width: 100%;
+		border-width: 1px;
+		border-style: solid;
+		border-color: var(--color--primary-tint);
 
 		display: flex;
 		flex-direction: row;
@@ -63,6 +66,7 @@
 			&:hover {
 				box-shadow: var(--card-shadow-hover);
 				transform: scale(1.01);
+				//border-width: 2px;
 			}
 		}
 	}

diff --git a/src/lib/components/atoms/Image.svelte b/src/lib/components/atoms/Image.svelte
@@ -43,7 +43,7 @@
 </script>
 
 {#if fileExtension === 'mp4'}
-	<video autoplay loop>
+	<video autoplay loop muted>
 		<source src={base + src} type="video/mp4" />
 	</video>
 {:else}

diff --git a/src/lib/components/molecules/BlogPostCard.svelte b/src/lib/components/molecules/BlogPostCard.svelte
@@ -9,12 +9,13 @@
 	export let excerpt: string;
 	export let slug: string;
 	export let tags: string[] | undefined;
+	export let href: string | undefined;
 
 	export let showImage = true;
 </script>
 
 <Card
-	href={base + '/' + slug}
+	href={href ?? (base + '/' + slug)}
 	target="_self"
 	additionalClass="blog-post-card {!showImage || !coverImage ? 'no-image' : ''}"
 >

diff --git a/src/lib/components/molecules/SparklingHighlight.story.svelte b/src/lib/components/molecules/SparklingHighlight.story.svelte
diff --git a/src/lib/components/molecules/SparklingHighlight.svelte b/src/lib/components/molecules/SparklingHighlight.svelte
diff --git a/src/lib/components/molecules/ThemeToggle.svelte b/src/lib/components/molecules/ThemeToggle.svelte