3 files changed, 34 insertions, 13 deletions
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..1a4cdb8
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+  import '../app.scss'
+
+  import wave1 from '$lib/assets/wave1.svg'
+  import wave2 from '$lib/assets/wave2.svg'
+</script>
+
+<img src={wave1} alt="Wave 1" class="wave wave1">
+<img src={wave2} alt="Wave 2" class="wave wave2">
+<div class="container">
+  <slot/>
+</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index bf4cb17..4391bf3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
   import '../app.scss'
+  import { base } from '$app/paths'
+
   import wave1 from '$lib/assets/wave1.svg'
   import wave2 from '$lib/assets/wave2.svg'
 
@@ -17,18 +19,18 @@
   <title>pml68</title>
 </svelte:head>
 
-<img src={wave1} alt="Wave 1" class="wave wave1">
-<img src={wave2} alt="Wave 2" class="wave wave2">
-<div class="container">
-  <div class="main">
-    <h1>pml68</h1>
-    <p>Just your average IT student</p>
-    <div class="socials">
-      {#each socialsList as {link, icon}}
-        <a href={link} target="_blank">
-          <i class={'social-icon fa-brands ' + icon}></i>
-        </a>
-      {/each}
-    </div>
+<div class="main">
+  <h1>pml68</h1>
+  <p>Just your average IT student</p>
+  <div class="socials">
+    {#each socialsList as {link, icon}}
+      <a href={link} target="_blank">
+        <i class={'social-icon fa-brands ' + icon}></i>
+      </a>
+    {/each}
+  </div>
+  <br>
+  <div class="projects">
+    Check out my projects <a href={base + '/projects'}><b>here ⮞</b></a>
   </div>
 </div>
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
new file mode 100644
index 0000000..5a074b6
--- /dev/null
+++ b/src/routes/projects/+page.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+  import { base } from "$app/paths"
+</script>
+
+<div class="home">
+  ⮜ Take me back <a href={base + '/'}><b>home</b></a>
+</div>