From afcb2740f4de74e4820bc631e198e6f5fd5ebabb Mon Sep 17 00:00:00 2001
From: Pagwin <pgp2024@pagwin.xyz>
Date: Sun, 22 Dec 2024 18:02:46 -0500
Subject: [PATCH] socials in footer but icons aren't fixed up yet

Github icon is clipped unfortunately and linkedin icon should be changed
to have background with round corners and color corresponding to primary
color
---
 static/css/layout.css  | 20 +++++++++++++++++++-
 templates/default.html | 17 +++++++++++++++--
 2 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/static/css/layout.css b/static/css/layout.css
index 8a15dc3..2cc7422 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -31,6 +31,25 @@ a:hover {
     text-decoration: underline;
 }
 
+footer {
+    width: 100%;
+    /*using grid instead of flexbox due to greater flexibility in case I wanna add stuff to the layout for some reason*/
+    display: grid;
+    justify-content: center;
+    align-content: center;
+    grid-template-areas: "footer"
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr;
+}
+
+.socials {
+    display: flex;
+    flex-flow: row wrap;
+    gap: 1rem;
+    align-items: center;
+    justify-content: center;
+}
+
 .nav-link{
     font-size: 2rem;
     padding: 0em 0.25em;
@@ -83,7 +102,6 @@ header#header {
     box-sizing: border-box;
     display: flex;
     flex-flow: row nowrap;
-    gap: 0.5em;
     align-items: center;
     justify-content: space-between;
     width: 100vw;
diff --git a/templates/default.html b/templates/default.html
index a45c5d4..c3bb278 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -44,10 +44,23 @@
             <main>
                 {{{content}}}
             </main>
-            <footer>
-            </footer>
         </div>
     </div>
+    <footer>
+        <div class="socials">
+            <a class="obj-wrapper" href="https://github.com/Pagwin-Fedora"><object aria-hidden="true" tabindex="-1"
+                    class="icon svg small" data="/static/images/github.svg">
+                    <a href="https://github.com/Pagwin-Fedora" class="nav-link" aria-hidden="true"
+                        tabindex="-1">Github</a>
+                </object></a>
+            <a class="obj-wrapper" href="https://www.linkedin.com/in/spencer-powell-pagwin/"><object aria-hidden="true"
+                    tabindex="-1" class="icon svg small" data="/static/images/linkedin.svg">
+
+                    <a href="https://www.linkedin.com/in/spencer-powell-pagwin/" class="nav-link" aria-hidden="true"
+                        tabindex="-1">Linkedin</a>
+                </object></a>
+        </div>
+    </footer>
 </body>
 
 </html>