Merge pull request 'Add email and fix menu scroll bug' (#8) from staging into main

Reviewed-on: #8

package-lock.json

@@ -725,11 +725,6 @@
 			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
 			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
 		},
-		"node_modules/Base64": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/Base64/-/Base64-1.1.0.tgz",
-			"integrity": "sha512-qeacf8dvGpf+XAT27ESHMh7z84uRzj/ua2pQdJg483m3bEXv/kVFtDnMgvf70BQGqzbZhR9t6BmASzKvqfJf3Q=="
-		},
 		"node_modules/binary-extensions": {
 			"version": "2.2.0",
 			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
@@ -4297,11 +4292,6 @@
 			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
 			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
 		},
-		"Base64": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/Base64/-/Base64-1.1.0.tgz",
-			"integrity": "sha512-qeacf8dvGpf+XAT27ESHMh7z84uRzj/ua2pQdJg483m3bEXv/kVFtDnMgvf70BQGqzbZhR9t6BmASzKvqfJf3Q=="
-		},
 		"binary-extensions": {
 			"version": "2.2.0",
 			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",

src/components/about/content.svelte

@@ -6,8 +6,8 @@
 </script>
 
 <div>
-	Hi, I am DutchEllie. I am the creator of this website. Thanks for checking it out! I made this
+	Hi, I am Quenten (aka, DutchEllie). I am the creator of this website. Thanks for checking it out! I
-	website partly to have some project to express myself with and to learn some new skills.
+	made this website partly to have some project to express myself with and to learn some new skills.
 	<br />
 	<br />
 	I am a {years} year old person from The Netherlands. I am still a student and I am aspiring to be a
@@ -22,7 +22,16 @@
 		class="underline text-[#002896] dark:text-blue-200 dark:hover:text-blue-50 hover:text-blue-500"
 		href="https://dutchellie.nl/DutchEllie/proper-website-2">DutchEllie/proper-website-2</a
 	>.
-	<br>
+	<br />
-	<br>
+	<br />
-	As for other things, here is a list!
+	You can contact me if you want at
+	<a
+		class="underline text-[#002896] dark:text-blue-200 dark:hover:text-blue-50 hover:text-blue-500 "
+		href="mailto:contact@quenten.nl">contact@quenten.nl</a
+	>. 
+
+	<br />
+	<br />
+
+	As for other things I like, here is a list!
 </div>

src/components/about/sidebar.svelte

@@ -33,7 +33,7 @@
 						<div class="h-5 w-11/12 bg-indigo-300 rounded-xl" />
 					</div>
 					<div class="mb-1 h-5 flex-grow bg-indigo-900 rounded-xl">
-						<div class="h-5 w-2/12 bg-indigo-300 rounded-xl" />
+						<div class="h-5 w-3/12 bg-indigo-300 rounded-xl" />
 					</div>
 					<div class="mb-1 h-5 flex-grow rounded-xl">
 						<div class="h-5 w-7/12  rounded-xl" />
@@ -45,7 +45,7 @@
 						<div class="h-5 w-8/12 bg-indigo-300 rounded-xl" />
 					</div>
 					<div class="mb-1 h-5 flex-grow bg-indigo-900 rounded-xl">
-						<div class="h-5 w-4/12 bg-indigo-300 rounded-xl" />
+						<div class="h-5 w-5/12 bg-indigo-300 rounded-xl" />
 					</div>
 				</div>
 			</ul>

src/components/misc/menu.svelte

@@ -2,10 +2,12 @@
 	import {fly} from "svelte/transition";
 	import {swipe} from "svelte-gestures";
 	import Button from './navbutton.svelte';
+	import { browser } from '$app/env';
 	export /**
 	 * @type {any}
 	 */
 	let open;
+	$: if (browser) document.body.classList[open ? 'add' : 'remove']('overflow-hidden');
 </script>
 
 {#if open}