From 6708c46e1446c75c3032981d25c841b3090912c8 Mon Sep 17 00:00:00 2001
From: Christian <cesium2349@protonmail.com>
Date: Tue, 5 Jan 2021 00:48:20 -0500
Subject: [PATCH] various improvements

contact divs animate on hover
full div is clickable instead of just an a tag inside of it
---
 index.html | 20 +++++++++++++-------
 styles.css | 20 +++++++++++++++++---
 2 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 117c7c9..1075a1f 100644
--- a/index.html
+++ b/index.html
@@ -16,33 +16,39 @@
         <p>Email: cesium2349@protonmail.com (<a href=./pgp.txt>PGP Key</a>)
        <br>not an exhaustive list of my entire presence on the internet but stuff on this list is definitely me</p>
         
-        <div class=contact style="background-color: #475276;">
+        <div class=contact style="background-color: #475276; opacity:1; cursor: auto;">
             <h3>Discord</h3>
             <p>Cesium#5061</p>
         </div>
         <div class=contact style="background-color: #494949;">
             <h3>GitHub</h3>
-            <p><a href="https://github.com/CesiumCs">CesiumCs</a></p>
+            <p>CesiumCs</p>
+            <a href="https://github.com/CesiumCs"></a>
         </div>
         <div class=contact style="background-color: #5c4050;">
             <h3>Instagram</h3>
-            <p><a href="https://instagram.com/c.es.ium/">c.es.ium</a></p>
+            <p>c.es.ium</p>
+            <a href="https://instagram.com/c.es.ium/"></a>
         </div>
         <div class=contact style="background-color: #674141;">
             <h3>YouTube</h3>
-            <p><a href="https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig">Cesium</a></p>
+            <p>Cesium</p>
+            <a href="https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig"></a>
         </div>
         <div class=contact style="background-color: #6b4633;">
             <h3>Reddit</h3>
-            <p><a href="https://www.reddit.com/user/unfunnycesium">unfunnycesium</a></p>
+            <p>unfunnycesium</p>
+            <a href="https://www.reddit.com/user/unfunnycesium"></a>
         </div>
         <div class=contact style="background-color: #394a7f;">
             <h3>Keybase</h3>
-            <p><a href="https://keybase.io/cesium2349/">cesium2349</a></p>
+            <p>cesium2349</p>
+            <a href="https://keybase.io/cesium2349/"></a>
         </div>
         <div class=contact style="background-color: #3b617c;">
             <h3>Twitter</h3>
-            <p><a href="https://twitter.com/cesium2349">cesium2349</a></p>
+            <p>cesium2349</p>
+            <a href="https://twitter.com/cesium2349"></a>
         </div>
     </body>
 </html>
diff --git a/styles.css b/styles.css
index 3b2ebb2..a25d184 100644
--- a/styles.css
+++ b/styles.css
@@ -10,9 +10,6 @@ a {
     text-decoration: none;
     text-shadow: 0 0 5px;
 }
-.contact a {
-  color: white;
-}
 @font-face {
     font-family: "Open Sans";
     src: url(assets/OpenSans-Regular.ttf);
@@ -29,6 +26,23 @@ a {
     background-color: #232629;
     border-radius: 10px;
     text-align: center;
+    opacity: .9;
+    position: relative;
+    transition: opacity .5s;
+  }
+  .contact a {
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  color: white;
+  position: absolute;
+}
+div.contact:hover {
+  opacity: 1;
+  cursor: hand;
+  cursor: pointer;
 }
 @media screen and (max-width:500px) {
     .contact {