From bb0144ab00b903f13f8933d0656b54f62388435b Mon Sep 17 00:00:00 2001 From: midblep Date: Fri, 23 Sep 2022 01:33:52 +0200 Subject: [PATCH] Improved homepage --- package-lock.json | 113 ++++++++++++++++++++++++++++++++ package.json | 1 + src/lib/Socials.svelte | 99 ++++++++++++++++++++++++---- src/lib/footer/Footer.svelte | 6 +- src/lib/footer/Social.svelte | 8 ++- src/lib/header/Nav.svelte | 4 +- src/lib/home/Banner.svelte | 42 ++++++------ src/lib/home/Card.svelte | 2 +- src/lib/home/Form.svelte | 4 +- src/lib/home/Sona.svelte | 4 +- src/routes/blog/[id].svelte | 0 src/routes/blog/__layout.svelte | 3 + src/routes/blog/blog.md | 15 +++++ src/routes/blog/index.svelte | 0 src/routes/index.svelte | 26 +++++++- static/saxion.png | Bin 0 -> 2715 bytes svelte.config.js | 11 +++- 17 files changed, 290 insertions(+), 48 deletions(-) delete mode 100644 src/routes/blog/[id].svelte create mode 100644 src/routes/blog/__layout.svelte create mode 100644 src/routes/blog/blog.md delete mode 100644 src/routes/blog/index.svelte create mode 100644 static/saxion.png diff --git a/package-lock.json b/package-lock.json index b71377e..894f71c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -23,6 +23,7 @@ "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.1", + "mdsvex": "^0.10.6", "postcss": "^8.4.5", "prettier": "^2.4.1", "prettier-plugin-svelte": "^2.4.0", @@ -388,6 +389,12 @@ "@types/node": "*" } }, + "node_modules/@types/unist": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz", + "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==", + "dev": true + }, "node_modules/@typescript-eslint/eslint-plugin": { "version": "5.20.0", "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.20.0.tgz", @@ -2177,6 +2184,21 @@ "node": ">=12" } }, + "node_modules/mdsvex": { + "version": "0.10.6", + "resolved": "https://registry.npmjs.org/mdsvex/-/mdsvex-0.10.6.tgz", + "integrity": "sha512-aGRDY0r5jx9+OOgFdyB9Xm3EBr9OUmcrTDPWLB7a7g8VPRxzPy4MOBmcVYgz7ErhAJ7bZ/coUoj6aHio3x/2mA==", + "dev": true, + "dependencies": { + "@types/unist": "^2.0.3", + "prism-svelte": "^0.4.7", + "prismjs": "^1.17.1", + "vfile-message": "^2.0.4" + }, + "peerDependencies": { + "svelte": "3.x" + } + }, "node_modules/merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", @@ -2546,6 +2568,21 @@ "svelte": "^3.2.0" } }, + "node_modules/prism-svelte": { + "version": "0.4.7", + "resolved": "https://registry.npmjs.org/prism-svelte/-/prism-svelte-0.4.7.tgz", + "integrity": "sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==", + "dev": true + }, + "node_modules/prismjs": { + "version": "1.29.0", + "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz", + "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/progress": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", @@ -3243,6 +3280,19 @@ "node": ">=4.2.0" } }, + "node_modules/unist-util-stringify-position": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz", + "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==", + "dev": true, + "dependencies": { + "@types/unist": "^2.0.2" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/uri-js": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", @@ -3269,6 +3319,20 @@ "resolved": "https://registry.npmjs.org/vanilla-tilt/-/vanilla-tilt-1.7.2.tgz", "integrity": "sha512-arf2wY2Y65rP6Zxve9PnUUnRl9nQ1KenPNae6QRaVq/PEvaIto2bC4jYirNJ19U7nLkzI1H9O+nYtcQlX7BTsA==" }, + "node_modules/vfile-message": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz", + "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==", + "dev": true, + "dependencies": { + "@types/unist": "^2.0.0", + "unist-util-stringify-position": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/vite": { "version": "2.9.5", "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.5.tgz", @@ -3663,6 +3727,12 @@ "@types/node": "*" } }, + "@types/unist": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz", + "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==", + "dev": true + }, "@typescript-eslint/eslint-plugin": { "version": "5.20.0", "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.20.0.tgz", @@ -4840,6 +4910,18 @@ "sourcemap-codec": "^1.4.8" } }, + "mdsvex": { + "version": "0.10.6", + "resolved": "https://registry.npmjs.org/mdsvex/-/mdsvex-0.10.6.tgz", + "integrity": "sha512-aGRDY0r5jx9+OOgFdyB9Xm3EBr9OUmcrTDPWLB7a7g8VPRxzPy4MOBmcVYgz7ErhAJ7bZ/coUoj6aHio3x/2mA==", + "dev": true, + "requires": { + "@types/unist": "^2.0.3", + "prism-svelte": "^0.4.7", + "prismjs": "^1.17.1", + "vfile-message": "^2.0.4" + } + }, "merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", @@ -5082,6 +5164,18 @@ "dev": true, "requires": {} }, + "prism-svelte": { + "version": "0.4.7", + "resolved": "https://registry.npmjs.org/prism-svelte/-/prism-svelte-0.4.7.tgz", + "integrity": "sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==", + "dev": true + }, + "prismjs": { + "version": "1.29.0", + "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz", + "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==", + "dev": true + }, "progress": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", @@ -5538,6 +5632,15 @@ "integrity": "sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==", "dev": true }, + "unist-util-stringify-position": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz", + "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==", + "dev": true, + "requires": { + "@types/unist": "^2.0.2" + } + }, "uri-js": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", @@ -5564,6 +5667,16 @@ "resolved": "https://registry.npmjs.org/vanilla-tilt/-/vanilla-tilt-1.7.2.tgz", "integrity": "sha512-arf2wY2Y65rP6Zxve9PnUUnRl9nQ1KenPNae6QRaVq/PEvaIto2bC4jYirNJ19U7nLkzI1H9O+nYtcQlX7BTsA==" }, + "vfile-message": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz", + "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==", + "dev": true, + "requires": { + "@types/unist": "^2.0.0", + "unist-util-stringify-position": "^2.0.0" + } + }, "vite": { "version": "2.9.5", "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.5.tgz", diff --git a/package.json b/package.json index e4bf86e..ae2c43e 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.1", + "mdsvex": "^0.10.6", "postcss": "^8.4.5", "prettier": "^2.4.1", "prettier-plugin-svelte": "^2.4.0", diff --git a/src/lib/Socials.svelte b/src/lib/Socials.svelte index 9656ebd..dd204da 100644 --- a/src/lib/Socials.svelte +++ b/src/lib/Socials.svelte @@ -1,14 +1,10 @@ -
- {#if text} -
- Social Profiles -
- {/if} +{#if type == "default"} +
- {#if text} -
- // EOL -
- {/if}
+ +{:else if type == "grid"} +
+
+ Social Profiles +
+ + + + + +
+ // EOL +
+
+{:else if type == "list"} +
+ + + + + +
+{/if} \ No newline at end of file diff --git a/src/lib/footer/Footer.svelte b/src/lib/footer/Footer.svelte index 537b09b..384553f 100644 --- a/src/lib/footer/Footer.svelte +++ b/src/lib/footer/Footer.svelte @@ -21,14 +21,14 @@ -
+
-

Bart Industries

-

Copyright 2022 Mid // Midblep. All rights reserved.

+

Bart Industries

+

Copyright 2022 Pascal van Ginkel. All rights reserved.

diff --git a/src/lib/footer/Social.svelte b/src/lib/footer/Social.svelte index bcc4651..e6dd9a5 100644 --- a/src/lib/footer/Social.svelte +++ b/src/lib/footer/Social.svelte @@ -3,6 +3,8 @@ export let icon; export let url; export let title; + export let align = "center"; + export let justify = "center"; if (title == null) title = text; @@ -13,8 +15,8 @@ target="_blank" class="rounded-xl bg-opacity-50 hover:bg-opacity-100 bg-slate-300 dark:bg-slate-800 hover:bg-blue-400 dark:hover:bg-blue-600 hover:scale-110 duration-150 shadow" > -
- {icon} - {text} +
+ {icon} + {text}
diff --git a/src/lib/header/Nav.svelte b/src/lib/header/Nav.svelte index 1e4b7cd..d5edbba 100644 --- a/src/lib/header/Nav.svelte +++ b/src/lib/header/Nav.svelte @@ -16,8 +16,8 @@ @@ -28,8 +28,8 @@
- +
diff --git a/src/lib/home/Banner.svelte b/src/lib/home/Banner.svelte index 590d209..ec9de2e 100644 --- a/src/lib/home/Banner.svelte +++ b/src/lib/home/Banner.svelte @@ -52,19 +52,19 @@ "Wordpress", "Vercel", "Netlify", - "AWS S3" + "AWS S3", ]; onMount(() => { for(let j = 0; j < 20; j++) { let list = document.createElement('div'); - list.classList.add('flex', 'gap-2'); + list.classList.add('flex', "gap-2"); for (let i = 0; i < 20; i++) { const word = words[Math.floor(Math.random() * words.length)]; let element = document.createElement('span'); element.innerHTML = word; - element.classList.add("text-9xl", "p-10"); + element.classList.add("text-9xl", "p-10", "whitespace-nowrap"); list.appendChild(element); } @@ -77,25 +77,25 @@ randomBannerPic = "/homepage/banner.png"; -
+
-
-