From 1d95cd1ba2972dd9eeb07442a199cf8c267183e6 Mon Sep 17 00:00:00 2001
From: pml68 <tutorialmester@gmail.com>
Date: Wed, 28 Feb 2024 20:04:00 +0100
Subject: refactor: remove unnecessary warning about the a tag not having a
 child element

---
 src/app.scss            | 6 +-----
 src/routes/+page.svelte | 9 ++++-----
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/app.scss b/src/app.scss
index 49f55e3..167575b 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -25,7 +25,7 @@ body {
 }
 
 .socials {
-  margin: 10px 0 4vh;
+  margin-top: 10px;
 }
 
 .social-icon {
@@ -43,10 +43,6 @@ a {
   }
 }
 
-a.icon {
-  margin-right: 2vw;
-}
-
 .container {
   display: flex;
   height: 100dvh;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 76d7348..83f505b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -17,10 +17,6 @@
   }
 
   const socialsList: Social[] = socials
-
-  const insertIcon: Function = (element: HTMLElement, iconIndex: string) => {
-    element.innerHTML = icons[iconIndex]
-  }
 </script>
 
 <svelte:head>
@@ -32,9 +28,12 @@
   <p>Just your average IT student</p>
   <div class="socials">
     {#each socialsList as {link, iconIndex}}
-      <a use:insertIcon={iconIndex} href={link} target="_blank" class="icon"></a>
+      <a href={link} target="_blank" class="icon">
+        {@html icons[iconIndex]}
+      </a>
     {/each}
   </div>
+  <br>
   <div class="projects">
     Check out my projects <a href={base + '/projects'}><b>here</b></a>
   </div>
-- 
cgit v1.2.3