Update home page

src/data/links.json

@@ -3,7 +3,12 @@
         "href": "https://codeberg.org/pancakes",
         "icon": "codeberg.png",
         "name": "Codeberg",
-        "username": "@pancakes"
+        "username": "pancakes"
+    },
+    {
+        "icon": "discord-mark-blue.png",
+        "name": "Discord",
+        "username": "pancakesmeow"
     },
     {
         "href": "https://shrimp.meow.company/@pancakes",
@@ -11,12 +16,25 @@
         "name": "Fediverse",
         "username": "@pancakes@(shrimp.)meow.company"
     },
+    {
+        "href": "https://github.com/pancakesmeow",
+        "icon": "github-mark.png",
+        "iconInvert": true,
+        "name": "GitHub (inactive)",
+        "username": "pancakesmeow"
+    },
     {
         "href": "https://pronouns.cc/@pancakes",
         "icon": "pronouns_cc.png",
         "name": "pronouns.cc",
         "username": "@pancakes"
     },
+    {
+        "icon": "Signal-Logo-Black.png",
+        "iconInvert": true,
+        "name": "Signal",
+        "username": "pancakes.80"
+    },
     {
         "href": "https://youtube.com/@trypancakes",
         "icon": "youtube.png",

src/routes/+page.svelte

@@ -10,39 +10,34 @@
     <header>
         <h1 id="about-me">About Me</h1>
         <p>
-            I'm a 21 year old from Australia (it's
+            I'm a 22 year old enby (<em>they/it</em>) from Australia (it's
             <DateTime display="time" timeZone="Australia/Brisbane" />). I like
-            cats, Linux, and programming. I have a vision impairment. Some games
+            cats, Linux, and programming in C# and Python (for now). You can
-            I like are: Minecraft, OneShot, Team Fortress 2, Celeste,
+            find my links, projects, and other pages here.
-            <span class="upper">Death Stranding</span>, and Red Dead Redemption
-            2.
         </p>
     </header>
 
-    <h2 id="links">Links</h2>
+    <h2 id="accounts">Accounts</h2>
-    <p>Other profiles and places you can find me on the internet:</p>
 
     {#each links as link}
         <div class="icon-link">
-            <img src={"/assets/icons/" + link.icon} alt={link.name} />
+            <img
-            <a href={link.href} target="_blank">
+                class={link.iconInvert ? "invert" : ""}
-                {link.name}: {link.username}
+                src={"/assets/icons/" + link.icon}
-            </a>
+                alt={link.name}
+            />
+            {#if link.href}
+                <a href={link.href} target="_blank">
+                    {link.name}: {link.username}
+                </a>
+            {:else}
+                <span>
+                    {link.name}: {link.username}
+                </span>
+            {/if}
         </div>
     {/each}
 
-    <h3 id="contact">Contact</h3>
-    <p>
-        I would prefer if you contact me on the Fediverse
-        <a href="https://shrimp.meow.company/@pancakes" target="_blank">
-            @pancakes@meow.company
-        </a>
-        or Discord @trypancakes but I also have a Matrix account
-        <a href="https://matrix.to/#/@pancakes:void.rehab" target="_blank">
-            @pancakes:void.rehab
-        </a>.
-    </p>
-
     <h2 id="pages">Pages</h2>
 
     <div class="notice">

src/routes/style.css

@@ -420,7 +420,9 @@ table.rows tbody tr:nth-child(2n) {
     color: black;
 }
 
-.icon-link>a {
+.icon-link>a,
+.icon-link>span {
+    padding-left: 0.15rem;
     line-height: 2em;
 }
 
@@ -429,6 +431,7 @@ table.rows tbody tr:nth-child(2n) {
     width: 2em;
     max-height: 2em;
     vertical-align: middle;
+    margin-right: 0.25rem;
 }
 
 .notice {
@@ -469,4 +472,8 @@ table.rows tbody tr:nth-child(2n) {
         --background-2: hsl(302, 69%, 5%);
         --foreground: hsl(302, 69%, 95%);
     }
+
+    .icon-link>img.invert {
+        filter: hue-rotate(180deg) invert();
+    }
 }