Update contact section

Hatchibombotar · May 6, 2024 · 9f209a1 · 9f209a1
1 parent c166cfc
commit 9f209a1
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 20 deletions.
diff --git a/src/components/Contact.astro b/src/components/Contact.astro
@@ -0,0 +1,28 @@
+---
+
+import { SiDiscord } from 'solid-icons/si'
+import { IoMail } from "solid-icons/io";
+
+---
+<div class="prose">
+    <ul>
+    <li>
+        <div class="flex items-center gap-2">
+            <SiDiscord class="fill-neutral-800 h-5 w-5"/>
+            <span>Discord - </span>
+            <a href="https://discord.com/users/629396893440671765" target="_blank">
+                @hatchibombotar
+            </a>
+        </div>
+    </li>
+    <li>
+        <div class="flex items-center gap-2">
+            <IoMail class="fill-neutral-800 h-5 w-5"/>
+            <span>Email - </span>
+            <a href="mailto:hatchibombotar.mc@gmail.com" target="_blank">
+                hatchibombotar.mc@gmail.com
+            </a>
+        </div>
+    </li>
+    </ul>
+  </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -4,14 +4,14 @@ import Layout from "../layouts/Layout.astro";
 import { FiLink, FiGithub } from "solid-icons/fi";
 import skills from "../data/skills"
 import projects from "../data/projects"
+import Contact from "../components/Contact.astro";
 
 const logo = "/assets/logo_small.png";
 
 const github_user = await (async () => {
   const data = await fetch("https://api.github.com/users/Hatchibombotar");
   return await data.json();
 })();
-
 ---
 
 <Layout>
@@ -129,19 +129,11 @@ const github_user = await (async () => {
             ))
         }
     </div>
-      <hr class="my-5" />
+        <hr class="my-5" />
 
-      <h2 class="text-2xl font-semibold my-3" id="contact">Contact</h2>
-      <div class="prose">
-        <ul>
-          <li>Discord - @hatchibombotar</li>
-          <li>
-            Email - <a href="mailto:hatchibombotar.mc@gmail.com"
-              >hatchibombotar.mc@gmail.com</a>
-          </li>
-        </ul>
-      </div>
+        <h2 class="text-2xl font-semibold my-3" id="contact">Contact</h2>
+        <Contact/>
 
-      <footer class="h-24"></footer>
+        <footer class="h-24"></footer>
     </div>
 </Layout>
diff --git a/src/pages/minecraft.astro b/src/pages/minecraft.astro
@@ -1,4 +1,5 @@
 ---
+import Contact from "../components/Contact.astro";
 import SubLayout from "../layouts/SubLayout.astro";
 
 import {formatDate} from "../utils"
@@ -50,13 +51,7 @@ const mcpedl_submissions = (await (async () => {
         <hr class="my-4"/>
 
         <h3 class="">Contact</h3>
-        <ul>
-            <li>Discord - @hatchibombotar</li>
-            <li>
-                Email - <a href="mailto:hatchibombotar.mc@gmail.com"
-                >hatchibombotar.mc@gmail.com</a>
-            </li>
-        </ul>
+        <Contact/>
     </div>