Listening to
diff --git a/src/lib/skills/ocaml.svg b/src/lib/skills/ocaml.svg
index 574635e..37c12b4 100644
--- a/src/lib/skills/ocaml.svg
+++ b/src/lib/skills/ocaml.svg
@@ -5,10 +5,10 @@
-
-
-
-
+
+
+
+
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 16e6a20..5a0b024 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,7 +2,11 @@
import skills from '$lib/skills';
// This is a bit of a hack to get the skills to wrap nicely on smaller screens
// it'll add a break roughly halfway instead of at the first one that doesn't fit
- let skillsHalfwayPoint = Math.ceil(skills.length / 2);
+ const skillsHalfwayPoint = Math.ceil(skills.length / 2);
+ const skillChunks = [
+ skills.slice(0, skillsHalfwayPoint),
+ skills.slice(skillsHalfwayPoint, skills.length)
+ ];
import { icons } from '@iconify-json/carbon';
import { getIconData } from '@iconify/utils';
@@ -62,14 +66,18 @@
I'm a Software Engineer.
-
- {#each skills as skill, index}
-
-
-
- {#if skillsHalfwayPoint === index + 1}
-
- {/if}
+
+ {#each skillChunks as chunk}
+
+ {#each chunk as skill}
+
+
+
+ {/each}
+
{/each}