From 728b5662ddcb93ce875f77abf074d60b49c99b76 Mon Sep 17 00:00:00 2001 From: Daniel Date: Tue, 13 Aug 2024 14:31:28 +0200 Subject: [PATCH] adding another article --- package-lock.json | 49 ++++- package.json | 6 +- src/lib/components/atoms/Card.svelte | 4 + src/lib/components/atoms/Image.svelte | 2 +- .../components/molecules/BlogPostCard.svelte | 3 +- .../molecules/SparklingHighlight.story.svelte | 40 ----- .../molecules/SparklingHighlight.svelte | 19 -- .../components/molecules/ThemeToggle.svelte | 168 ------------------ .../components/molecules/TimelineCard.svelte | 92 ++++++++++ src/lib/components/organisms/About.svelte | 4 +- src/lib/components/organisms/Footer.svelte | 2 - src/lib/components/organisms/MySketch.svelte | 26 +++ src/lib/components/organisms/Timeline.svelte | 97 ++++++++++ src/lib/data/blog-posts/utils.ts | 1 - src/lib/stores/theme.ts | 24 --- src/routes/(blog-article)/+layout.svelte | 1 - src/routes/(blog-article)/+layout.ts | 2 - src/routes/(blog-article)/schrunkin/+page.md | 28 +++ src/routes/(waves)/+page.svelte | 2 - src/routes/about/+page.svelte | 6 +- static/logos/itu.jpg | Bin 0 -> 109712 bytes static/logos/mentordk.svg | 81 +++++++++ static/logos/tp.png | Bin 0 -> 13544 bytes static/videos/schrunkin.mp4 | Bin 0 -> 5806564 bytes 24 files changed, 390 insertions(+), 267 deletions(-) delete mode 100644 src/lib/components/molecules/SparklingHighlight.story.svelte delete mode 100644 src/lib/components/molecules/SparklingHighlight.svelte delete mode 100644 src/lib/components/molecules/ThemeToggle.svelte create mode 100644 src/lib/components/molecules/TimelineCard.svelte create mode 100644 src/lib/components/organisms/MySketch.svelte create mode 100644 src/lib/components/organisms/Timeline.svelte delete mode 100644 src/lib/stores/theme.ts create mode 100644 src/routes/(blog-article)/schrunkin/+page.md create mode 100644 static/logos/itu.jpg create mode 100644 static/logos/mentordk.svg create mode 100644 static/logos/tp.png create mode 100644 static/videos/schrunkin.mp4 diff --git a/package-lock.json b/package-lock.json index efefba7..ec553e4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,8 @@ "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" }, "devDependencies": { "@histoire/plugin-svelte": "^0.16.1", @@ -23,6 +24,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", @@ -1021,6 +1023,13 @@ "integrity": "sha512-E5Kwq2n4SbMzQOn6wnmBjuK9ouqlURrcZDVfbo9ftDDTFt3nk7ZKK4GMOzoYgnpQJKcxwQw+lGaBvvlMo0qN/Q==", "dev": true }, + "node_modules/@types/p5": { + "version": "1.7.6", + "resolved": "https://registry.npmjs.org/@types/p5/-/p5-1.7.6.tgz", + "integrity": "sha512-6pLTOo0V3N5jZb5nTwjiv3lPHLK3Z/TjbhQUj8CTWXocUk1Z/f6OHTp3Pcwi1BhWnf5gqKUcyEb1gP0KIJuQgw==", + "license": "MIT", + "peer": true + }, "node_modules/@types/pug": { "version": "2.0.6", "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz", @@ -3475,6 +3484,25 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/p5": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/p5/-/p5-1.10.0.tgz", + "integrity": "sha512-6cWYBFhnZz7jNC6p1VWvlt3QReMqrRSmO90bgECQIKB9oko2w/sKrOAVMyei5tjIzSYcSY0JHy+BRtSAWq24jQ==", + "license": "LGPL-2.1" + }, + "node_modules/p5-svelte": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/p5-svelte/-/p5-svelte-3.1.2.tgz", + "integrity": "sha512-lcfWh+cJ1/wRdIXHnjpYmDgj2h3TCy1QJVQnf/cBcFWS8CSkvyAN5F8u8H2U8qBUtZ4XaD3nd+1NoYUMHaMExQ==", + "license": "MIT", + "dependencies": { + "p5": "^1.4.1" + }, + "peerDependencies": { + "@types/p5": "^1.4.2", + "p5": "^1.4.0" + } + }, "node_modules/param-case": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", @@ -5975,6 +6003,12 @@ "integrity": "sha512-E5Kwq2n4SbMzQOn6wnmBjuK9ouqlURrcZDVfbo9ftDDTFt3nk7ZKK4GMOzoYgnpQJKcxwQw+lGaBvvlMo0qN/Q==", "dev": true }, + "@types/p5": { + "version": "1.7.6", + "resolved": "https://registry.npmjs.org/@types/p5/-/p5-1.7.6.tgz", + "integrity": "sha512-6pLTOo0V3N5jZb5nTwjiv3lPHLK3Z/TjbhQUj8CTWXocUk1Z/f6OHTp3Pcwi1BhWnf5gqKUcyEb1gP0KIJuQgw==", + "peer": true + }, "@types/pug": { "version": "2.0.6", "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz", @@ -7863,6 +7897,19 @@ "p-limit": "^3.0.2" } }, + "p5": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/p5/-/p5-1.10.0.tgz", + "integrity": "sha512-6cWYBFhnZz7jNC6p1VWvlt3QReMqrRSmO90bgECQIKB9oko2w/sKrOAVMyei5tjIzSYcSY0JHy+BRtSAWq24jQ==" + }, + "p5-svelte": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/p5-svelte/-/p5-svelte-3.1.2.tgz", + "integrity": "sha512-lcfWh+cJ1/wRdIXHnjpYmDgj2h3TCy1QJVQnf/cBcFWS8CSkvyAN5F8u8H2U8qBUtZ4XaD3nd+1NoYUMHaMExQ==", + "requires": { + "p5": "^1.4.1" + } + }, "param-case": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", diff --git a/package.json b/package.json index 816ca00..855a3dc 100644 --- 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" } -} \ No newline at end of file +} diff --git a/src/lib/components/atoms/Card.svelte b/src/lib/components/atoms/Card.svelte index 8195a89..538733a 100644 --- 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 index 3fca6e3..6b9b5e0 100644 --- a/src/lib/components/atoms/Image.svelte +++ b/src/lib/components/atoms/Image.svelte @@ -43,7 +43,7 @@ {#if fileExtension === 'mp4'} -