diff --git a/package-lock.json b/package-lock.json index 06a6d6c..f5c6f9f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -22,7 +22,7 @@ "@skeletonlabs/skeleton": "^2.10.4", "@skeletonlabs/tw-plugin": "^0.4.0", "@sveltejs/adapter-auto": "^3.0.0", - "@sveltejs/adapter-node": "^5.2.11", + "@sveltejs/adapter-node": "^5.2.12", "@sveltejs/kit": "^2.0.0", "@sveltejs/vite-plugin-svelte": "^4.0.4", "@tailwindcss/forms": "^0.5.10", @@ -1374,9 +1374,9 @@ } }, "node_modules/@sveltejs/adapter-node": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-5.2.11.tgz", - "integrity": "sha512-lR7/dfUaKFf3aI408KRDy/BVDYoqUws7zNOJz2Hl4JoshlTnMgdha3brXBRFXB+cWtYvJjjPhvmq3xqpbioi4w==", + "version": "5.2.12", + "resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-5.2.12.tgz", + "integrity": "sha512-0bp4Yb3jKIEcZWVcJC/L1xXp9zzJS4hDwfb4VITAkfT4OVdkspSHsx7YhqJDbb2hgLl6R9Vs7VQR+fqIVOxPUQ==", "dev": true, "license": "MIT", "dependencies": { diff --git a/package.json b/package.json index f325819..aa154ae 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "@skeletonlabs/skeleton": "^2.10.4", "@skeletonlabs/tw-plugin": "^0.4.0", "@sveltejs/adapter-auto": "^3.0.0", - "@sveltejs/adapter-node": "^5.2.11", + "@sveltejs/adapter-node": "^5.2.12", "@sveltejs/kit": "^2.0.0", "@sveltejs/vite-plugin-svelte": "^4.0.4", "@tailwindcss/forms": "^0.5.10", diff --git a/src/lib/components/Hero.svelte b/src/lib/components/Hero.svelte index 1585cb9..21d5ea3 100644 --- a/src/lib/components/Hero.svelte +++ b/src/lib/components/Hero.svelte @@ -6,12 +6,18 @@ import MdiDiscord from '~icons/mdi/discord'; import MdiLinkedin from '~icons/mdi/linkedin'; import CibGitea from '~icons/cib/gitea'; + let personal = true;
-

Backwards Development

-

A Software Development and Distribution Company

+ {#if personal} +

Alexander Harding

+

Software and Application Developer

+ {:else} +

Backwards Development

+

A Software Development and Distribution Company

+ {/if}
diff --git a/src/lib/components/TechStack.svelte b/src/lib/components/TechStack.svelte index b877bc2..b5ee626 100644 --- a/src/lib/components/TechStack.svelte +++ b/src/lib/components/TechStack.svelte @@ -6,27 +6,11 @@ export let scrollInDirection; - - -
+
-
+

My Current Tech Stack

Subject to Change diff --git a/src/lib/components/navigation-items/Down.svelte b/src/lib/components/navigation-items/Down.svelte index 57323bf..ad3f7c3 100644 --- a/src/lib/components/navigation-items/Down.svelte +++ b/src/lib/components/navigation-items/Down.svelte @@ -4,7 +4,10 @@
-
\ No newline at end of file diff --git a/src/lib/components/navigation-items/Left.svelte b/src/lib/components/navigation-items/Left.svelte index 67b5a87..58fd0fc 100644 --- a/src/lib/components/navigation-items/Left.svelte +++ b/src/lib/components/navigation-items/Left.svelte @@ -1,10 +1,14 @@
-
\ No newline at end of file diff --git a/src/lib/components/navigation-items/Right.svelte b/src/lib/components/navigation-items/Right.svelte index 3262e4d..cc40462 100644 --- a/src/lib/components/navigation-items/Right.svelte +++ b/src/lib/components/navigation-items/Right.svelte @@ -4,7 +4,10 @@
-
\ No newline at end of file diff --git a/src/lib/components/navigation-items/Up.svelte b/src/lib/components/navigation-items/Up.svelte index f130151..6f25c53 100644 --- a/src/lib/components/navigation-items/Up.svelte +++ b/src/lib/components/navigation-items/Up.svelte @@ -4,7 +4,10 @@
-
\ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 6cd3640..48c706b 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -48,16 +48,62 @@ function scrollInDirection(direction) { const currentCoords = getIndexPathOfSelected(); const newCoords = evaluateArrays(currentCoords, direction); - console.log(currentCoords) - console.log(newCoords) + + const itemAtCoords = layout[newCoords[0]][newCoords[1]]; + if (itemAtCoords == null) + return; + const sectionId = layout[newCoords[0]][newCoords[1]]; - console.log(sectionId); selectedId = sectionId; scrollToSection(document.getElementById(sectionId), true); } + let keys = { + "up": [ + "ArrowUp", + "w" + ], + "down": [ + "ArrowDown", + "s" + ], + "left": [ + "ArrowLeft", + "a" + ], + "right": [ + "ArrowRight", + "d" + ] + }; + onMount(() => { scrollToSection(document.getElementById("header")); + + window.addEventListener("resize", e => { + e.preventDefault(); + }); + + document.addEventListener("keydown", e => { + const directionArr = Object.entries(keys).filter(([_, values]) => values.some(v => v == e.key)); + if (!directionArr || directionArr.length == 0) + return; + const direction = directionArr[0][0]; + switch (direction) { + case "up": + scrollInDirection([-1, 0]); + break; + case "down": + scrollInDirection([1, 0]); + break; + case "left": + scrollInDirection([0, -1]); + break; + case "right": + scrollInDirection([0, 1]); + break; + } + }); });