From cd3cef45ce1bb510987ab8b34e97dc03269245d2 Mon Sep 17 00:00:00 2001
From: Sophie Axebane <ideleted@system64.dev>
Date: Fri, 28 Jul 2023 16:00:54 -0500
Subject: [PATCH] Socials page final

---
 index.html   |  2 +-
 socials.html | 45 +++++++++++++++++++++++++--------------------
 2 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/index.html b/index.html
index 39d77c8..e8c7b25 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
                 <li>a linux user and aspiring sysadmin</li>
                 </ul>
             <div class="buttons">
-                <input type="button" onclick="location.href='/socials.html';" value="Socials">
+                <input type="button" onclick="location.href='/socials.html';" value="Socials and Links">
                 <input type="button" onclick="location.href='/artwork/index.html';" value="Art Gallery">
                 <input type="button" onclick="location.href='/projects/index.html';" value="Projects"> 
             </div>
diff --git a/socials.html b/socials.html
index 45e9e7a..9a10464 100644
--- a/socials.html
+++ b/socials.html
@@ -17,25 +17,30 @@
         <input class="taskbar" type="button" onclick="location.href='/projects/index.html';" value="Projects">
         <input class="taskbar" type="button" onclick="location.href='/ocs/index.html';" value="OC Refsheets">
         <input class="taskbar" type="button" onclick="location.href='https://git.system64.dev'" value="Code (Gitea)">
-    </div>    
-    <div class="container">
-        <div class="main">
-        <h1>Socials</h1>
-        <p>Twitter: <a href="https://twitter.com/IDeleteSystem64">Main Account (mostly inactive)</a></p>
-        <p>Fediverse: <a href="https://mastodon.art/artsiesophie">Art Account (mastodon.art)</a></p>
-        <p>Fediverse: <a href="https://glaceon.social/IDeletedSystem64">Main Account (glaceon.social)</a></p>
-        <p>Fediverse: <a href="https://mastodon.is-a.horse/IDeletedSystem64">Alt Account (is-a.horse)</a></p>
-        <p>Be warned, I'm not very active on most of these outside specific purposes for some of them.</p>
-        <br>
-        <h1>Code Repositories</h1>
-        <p>Most of my stuff is publically available on GitHub, though some stuff is also only on 64Git, my Gitea instance.</p>
-        <a href="https://github.com/IDeletedSystem64">GitHub</a>
-        <a href="https://git.system64.dev/IDeletedSystem64">Gitea</a>
-        <br>
-        <h1>Contact</h1>
-        <p>Don't be afraid to contact me, I generally don't bite</p>
-        <p>Email: <a href="mailto:ideleted@system64.dev">(ideleted@system64.dev)</a></p>
-        <p>Matrix: @technomancer:littlepony.horse</p>
-        <p>You can also message me on glaceon.social</p>
     </div>
+    <div class="container">   
+        <div class="main" style='margin: 10vh auto auto 10vw;''>
+            <h1>My links</h1>
+            <h2>Socials</h2>
+            <p>Fediverse: <a href='https://glaceon.social/@IDeletedSystem64'>Main Account (glaceon.social)</a></p>
+            <p>Fediverse: <a href='https://mastodon.is-a.horse/@IDeletedSystem64'>Alt Account (is-a.horse)</a></p>
+            <p>Twitter: <a href='https://twitter.com/IDeleteSystem64'>Twitter (Mostly Inactive.)</a></p>
+            <h2>My Art</h2>
+            <p>Fediverse: <a href='https://pony.social/@artsiesophie'>Art Account (pony.social)</a></p>
+            <p>Tumblr: <a href='https://www.tumblr.com/blog/ideletedsystem64'>IDeletedSystem64</a></p>
+            <h2>Code Repositories</h2> 
+            <p>Gitea: <a href='https://git.system64.dev/'>64Git</a></p>
+            <p>GitHub: <a href='https://github.com/IDeletedSystem64'>IDeletedSystem64</a></p> 
+            <h2>Miscellaneous</h2>
+            <p>Steam: <a href='https://steamcommunity.com/id/system64_/'>IDeletedSystem64</a></p>
+            <p>Bandcamp: <a href='https://bandcamp.com/ideletedsystem64'>IDeletedSystem64</a></p>
+            <h2>Contact</h2>
+            <p>Email: <a href='mailto:ideleted@system64.dev'>ideleted@system64.dev</a></p>
+            <p>Matrix: @technomancer:littlepony.horse (slow responses)</p>
+            <p>You can also private message me on glaceon.social</p>
+        </div>
+        <img loading="lazy" class="home" src="/img/TheWeb.png" alt="MS Paint showing the Windows 95 browser icon">
+
+    </div>
+
 </body>
\ No newline at end of file