From 90e6e0972cd5ed04296e6c08eb2437cfaca31a61 Mon Sep 17 00:00:00 2001
From: limepotato <bm01@limepot.xyz>
Date: Thu, 6 Jun 2024 13:27:28 -0600
Subject: [PATCH] Combine about and index

---
 src/components/Card.astro   |  2 +
 src/components/Head.astro   |  2 +
 src/components/Header.astro | 18 +++-----
 src/pages/about.astro       | 75 -------------------------------
 src/pages/index.astro       | 88 +++++++++++++++++++++++++++++--------
 5 files changed, 78 insertions(+), 107 deletions(-)
 delete mode 100755 src/pages/about.astro

diff --git a/src/components/Card.astro b/src/components/Card.astro
index e4dbbb5..12a186c 100755
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -23,6 +23,7 @@ const { href, title, body, source } = Astro.props;
 </li>
 <style>
   .link-card {
+    align-items: center;
     list-style: none;
     display: flex;
     padding: 1px;
@@ -35,6 +36,7 @@ const { href, title, body, source } = Astro.props;
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
   }
   .link-card > a {
+    align-items: center;
     width: 100%;
     text-decoration: none;
     line-height: 1.4;
diff --git a/src/components/Head.astro b/src/components/Head.astro
index f5d670c..683e99e 100755
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -79,6 +79,7 @@
 		background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
 		padding: 1.5rem;
 		border-radius: 8px;
+		text-align: center;
 	}
 	.instructions code {
 		font-size: 0.8em;
@@ -87,6 +88,7 @@
 		color: rgb(var(--accent-light));
 		border-radius: 4px;
 		padding: 0.3em 0.4em;
+		text-align: center;
 	}
 	.instructions strong {
 		color: rgb(var(--accent-light));
diff --git a/src/components/Header.astro b/src/components/Header.astro
index a81d803..f14b604 100755
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -2,17 +2,8 @@
 ---
 
 <center>
-<nav class="navbar" role="navigation" aria-label="main navigation" 
+<nav class="navbar" role="navigation" aria-label="main navigation" >
   <div class="navbar-brand">
-    <a class="navbar-item" href="/">
-      <!-- 
-      <img
-        src="/assets/profileimages/lunanelle.jpeg"
-        style="border-radius: 20%"
-      />
-      -->
-      <span class="text-gradient">LimePot</span>
-    </a>
     <a
       role="button"
       class="navbar-burger"
@@ -27,10 +18,11 @@
   </div>
   <div class="navbar-menu" id="navMenu">
     <div class="navbar-start">
-      <a class="navbar-item" href="/about">
-        <span class="text-gradient">About Me</span>
-      </a>
 
+    <a class="navbar-item" href="/">
+      <span class="text-gradient">LimePot</span>
+    </a>
+    
       <a class="navbar-item" href="/projects">
         <span class="text-gradient">Projects</span>
       </a>
diff --git a/src/pages/about.astro b/src/pages/about.astro
deleted file mode 100755
index 1655f53..0000000
--- a/src/pages/about.astro
+++ /dev/null
@@ -1,75 +0,0 @@
----
-import Layout from "../layouts/Layout.astro";
-import Card from "../components/Card.astro";
----
-
-<Layout title="LimePot - About">
-  <main>
-    <div class="content">
-      <div class="wrapper"></div>
-      <center>
-        <h1 class="title">About</h1>
-        <h2 class="subtitle">Howdy Traveller!</h2>
-        <hr />
-        <p class="title">Name(s):</p>
-        <p>
-          You can call me <span style="color: #fe640b;">[Nelle]</span>, although
-          some call me <span style="color: #fe640b;">[Luna, Lilith, ???]</span>.
-          Or you can simply call me by my username <span style="color: #fe640b;"
-            >[LimePot/LimePotato]</span
-          >.
-        </p>
-        <hr />
-
-        <p class="title">Pronoun'd:</p>
-        <p>
-          <span style="color: #fe640b;">[She/They]</span>, Alternatively: <a
-            href="https://pronouns.cc/@LimePotato"><u>pronouns.cc page</u></a
-          >.
-        </p>
-        <hr />
-        <p class="title">Some Info:</p>
-        <p>
-          I do a lot of tinkering with various things, hardware and software.
-          Currently messing around with Web Development, Minecraft mods, 3D
-          Printing, Linux, System Administration, Pixel Art, and whatever comes
-          to mind really. Checkout my <a href="https://limepot.xyz/projects"
-            ><u>Projects</u></a
-          > to see what I'm currently working on.
-        </p>
-        <br />
-        <br /><br />
-        <p class="instructions">
-          <strong>Where to find/contact me:</strong>
-        </p></center
-      ><br />
-      <ul role="list" class="link-card-grid">
-        <Card
-          source="/assets/icons/mail-outline.svg"
-          href="mailto: bm01@limepot.xyz"
-          title="Email"
-        />
-        <Card
-          source="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg"
-          href="https://ouroboros.gay/@limepot"
-          title="Fediverse"
-        />
-        <Card
-          source="/assets/icons/listenbrainzicon.png"
-          href="https://listenbrainz.org/user/LimePotato/"
-          title="ListenBrainz Profile"
-        />
-        <Card
-          source="/assets/icons/logo-youtube.svg"
-          href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
-          title="Youtube"
-        />
-        <Card
-          source="/assets/icons/logo-steam.svg"
-          href="https://steamcommunity.com/id/limepot/"
-          title="Steam"
-        />
-      </ul>
-    </div>
-  </main>
-</Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c37efd6..ef3474c 100755
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,30 +3,80 @@ import Layout from "../layouts/Layout.astro";
 import Card from "../components/Card.astro";
 ---
 
-<Layout title="LimePot - Home">
+<Layout title="LimePot - About">
   <main>
-    <center>
-      <h1 class="title">LimePotato</h1>
-      <marquee Behavior="Alternate">
+    <div class="content">
+      <div class="wrapper"></div>
+      <center>
+        <h1 class="title">LimePotato</h1>
+        <marquee Behavior="Alternate">
         <h2 class="title">
           <span class="text-gradient">Hello World</span>
         </h2>
-      </marquee>
-      <hr>
-      <div class="content">
-        <a href="/404" style="font-size: 34px">0 Days since last incident.</a>
+        </marquee>
+        <!-- 
+        <a href="/404" style="font-size: 34px" class="subtitle">0 Days since last incident.</a>
+        -->
+        <hr />
+        <p class="title">Name(s):</p>
+        <p>
+          You can call me <span style="color: #fe640b;">[Nelle]</span>, although
+          some call me <span style="color: #fe640b;">[Luna, Lilith, ???]</span>.
+          Or you can simply call me by my username <span style="color: #fe640b;"
+            >[LimePot/LimePotato]</span
+          >.
+        </p>
+        <hr />
+
+        <p class="title">Pronoun'd:</p>
+        <p>
+          <span style="color: #fe640b;">[She/They]</span>, Alternatively: <a
+            href="https://pronouns.cc/@LimePotato"><u>pronouns.cc page</u></a
+          >.
+        </p>
+        <hr />
+        <p class="title">Some Info:</p>
+        <p>
+          I do a lot of tinkering with various things, hardware and software.
+          Currently messing around with Web Development, Minecraft mods, 3D
+          Printing, Linux, System Administration, Pixel Art, and whatever comes
+          to mind really. Checkout my <a href="https://limepot.xyz/projects"
+            ><u>Projects</u></a
+          > to see what I'm currently working on.
+        </p>
         <br />
-        <p style="font-size: 18px">"Forever - is composed of Nows</p>
-        <p style="font-size: 18px">`Tis not a different time -</p>
-        <p style="font-size: 18px">Except for Infiniteness -</p>
-        <p style="font-size: 18px">And Latitude of Home -</p>
-        <br />
-        <p style="font-size: 18px">From this - experienced Here -</p>
-        <p style="font-size: 18px">Remove the Dates - to These -</p>
-        <p style="font-size: 18px">Let Months dissolve in further Months -</p>
-        <p style="font-size: 18px">And Years - exhale in Years ."</p>
-        <p style="font-size: 18px"></p><strong>- Emily Dickinson</strong>
-      </div>
+        <br /><br />
+        <p class="instructions">
+          <strong>Where to find/contact me:</strong>
+        </p><br />
+      <ul role="list" class="link-card-grid">
+        <Card
+          source="/assets/icons/mail-outline.svg"
+          href="mailto: bm01@limepot.xyz"
+          title="Email"
+        />
+        <Card
+          source="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg"
+          href="https://ouroboros.gay/@limepot"
+          title="Fediverse"
+        />
+        <Card
+          source="/assets/icons/listenbrainzicon.png"
+          href="https://listenbrainz.org/user/LimePotato/"
+          title="ListenBrainz Profile"
+        />
+        <Card
+          source="/assets/icons/logo-youtube.svg"
+          href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
+          title="Youtube"
+        />
+        <Card
+          source="/assets/icons/logo-steam.svg"
+          href="https://steamcommunity.com/id/limepot/"
+          title="Steam"
+        />
+      </ul>
+    </div>
     </center>
   </main>
 </Layout>