From 4591f15f686ced2fa6eb9af88486fff3cadcab21 Mon Sep 17 00:00:00 2001
From: Riley Housden <invalidfire@fastmail.com>
Date: Fri, 22 Apr 2022 20:39:38 -0400
Subject: [PATCH] update contact css

---
 index.html | 14 +++++++++++---
 styles.css | 32 +++++++++++++++++++++++++-------
 2 files changed, 36 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 29c53b1..849b0ce 100644
--- a/index.html
+++ b/index.html
@@ -30,9 +30,17 @@
                     <p>I am an autistic+adhd programmer/student who enjoys making cool little programs.</p>
                     <p>This page serves as a dumping ground for whatever I feel would be cool to show the world, whether it be related to programming or not. :)</p>
                     <p>Enjoy!</p>
-                <h2>Contact Info</h2> 
-                    <span class="social">mastodon: <span id="mastodon">ember@tech.lgbt</span></span><br>
-                    <span class="social">discord: <span id="discord">Ember#7790</span></span>
+                <div id="contact">
+                    <div>
+                        <h2>Contact Info</h2>
+                    </div>
+                    <div class="social">
+                        mastodon: <a id="mastodon" rel="me" href="https://tech.lgbt/@ember">ember@tech.lgbt</a>
+                    </div>
+                    <div class="social">
+                        discord: <span id="discord">Ember#7790</span>
+                    </div>
+                </div>
             </div>
             <footer>
                 <hr>
diff --git a/styles.css b/styles.css
index 4c1c4b4..f4f80ce 100644
--- a/styles.css
+++ b/styles.css
@@ -9,7 +9,7 @@ body {
     border-left: 1px solid #101010;
     border-right: 1px solid #101010;
     width: 90%;
-    height: 100vh;
+    height: 100vh; /* remove once content grows enough */
     display: flex;
     flex-direction: column;
 }
@@ -101,12 +101,30 @@ hr {
     color: #683655;
     font-size: large;
     font-weight: bold;
+    display: block;
 }
 
-svg {
-    margin-top: 1vh;
-    margin-bottom: 1vh;
-    margin-left: auto;
-    margin-right: auto;
-    display: block; /* want to figure out why this works */
+#mastodon {
+    font-style: italic;
+    text-decoration: none;
+    color: #3088D4;
+}
+
+#discord {
+    font-style: italic;
+    text-decoration: none;
+    color: #7289DA;
+}
+
+#contact {
+    border-style: solid;
+    border-width: .2vh;
+    border-color: #101010;
+    padding: 1vh;
+    background-color: #646D5A;
+    display: block;
+}
+
+#contact h2 {
+    margin: 0;
 }
\ No newline at end of file