From 23e098a376df7b06a7c72bf0bf71ffef5c3f7710 Mon Sep 17 00:00:00 2001
From: DutchEllie <personal@quenten.nl>
Date: Sun, 3 Jul 2022 23:47:55 +0200
Subject: [PATCH] likes change

---
 src/components/about/likes.svelte | 28 ++++++++++++++++++++++++++
 src/routes/about.svelte           | 33 +++++--------------------------
 2 files changed, 33 insertions(+), 28 deletions(-)
 create mode 100644 src/components/about/likes.svelte

diff --git a/src/components/about/likes.svelte b/src/components/about/likes.svelte
new file mode 100644
index 0000000..67e0ff5
--- /dev/null
+++ b/src/components/about/likes.svelte
@@ -0,0 +1,28 @@
+<div
+	class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 bg-red-50 rounded-xl p-3 gap-y-5"
+>
+	<ul class="list-disc ml-4">
+		<p class="font-bold">Music</p>
+		<li>Hatsune Miku</li>
+		<li>PinocchioP</li>
+		<li>Mothy/Akuno-p</li>
+	</ul>
+	<ul class="list-disc ml-4">
+		<p class="font-bold">TV</p>
+		<li>Game of Thrones</li>
+		<li>Avatar the Last Airbender</li>
+	</ul>
+	<ul class="list-disc ml-4">
+		<p class="font-bold">VTubers</p>
+		<li>Momosuzu Nene</li>
+		<li>Amane Kanata</li>
+		<li>Petra Gurin</li>
+		<li>Ninomae Ina'nis</li>
+		<li>Kson</li>
+	</ul>
+	<ul class="list-disc ml-4">
+		<p class="font-bold">Food</p>
+		<li>Spaghetti</li>
+		<li>Sushi</li>
+	</ul>
+</div>
diff --git a/src/routes/about.svelte b/src/routes/about.svelte
index 34096bc..7122060 100644
--- a/src/routes/about.svelte
+++ b/src/routes/about.svelte
@@ -2,6 +2,7 @@
 	import Maincontent from '../components/misc/maincontent.svelte';
 	import Content from '../components/about/content.svelte';
 	import Sidebar from '../components/about/sidebar.svelte';
+	import Likes from '../components/about/likes.svelte';
 </script>
 
 <svelte:head>
@@ -15,36 +16,12 @@
 		<Sidebar />
 	</div>
 
-	<div class="px-5 sm:px-0 sm:pr-5 lg:pr-0 sm:mt-10 col-span-7 sm:col-span-2 md:col-span-4 lg:col-span-3 ">
+	<div
+		class="px-5 sm:px-0 sm:pr-5 lg:pr-0 sm:mt-10 col-span-7 sm:col-span-2 md:col-span-4 lg:col-span-3 "
+	>
 		<Content />
 	</div>
-
 	<div class="px-2 col-span-7">
-
-	<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 bg-red-50 rounded-xl p-3 gap-y-5">
-		<ul class="list-disc ml-4">
-			<p class="font-bold">Music</p>
-			<li>Hatsune Miku</li>
-			<li>Amane Kanata</li>
-			<li>Mothy/Akuno-p</li>
-		</ul>
-		<ul class="list-disc ml-4">
-			<p class="font-bold">TV</p>
-			<li>Game of Thrones</li>
-			<li>Avatar the Last Airbender</li>
-		</ul>
-		<ul class="list-disc ml-4">
-			<p class="font-bold">VTubers</p>
-			<li>Momosuzu Nene</li>
-			<li>Amane Kanata</li>
-			<li>Petra Gurin</li>
-			<li>Ninomae Ina'nis</li>
-		</ul>
-		<ul class="list-disc ml-4">
-			<p class="font-bold">Food</p>
-			<li>Spaghetti</li>
-			<li>Steak!</li>
-		</ul>
-	</div>
+			<Likes />
 	</div>
 </Maincontent>