From 3135b036ce787d00228e627d9af58dfd9b5a1b08 Mon Sep 17 00:00:00 2001
From: Mhykol <mchaeldonald62@pm.me>
Date: Sat, 1 Jun 2024 11:33:32 -0400
Subject: Update footer layout for mobile

---
 assets/css/main.css | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)

(limited to 'assets')

diff --git a/assets/css/main.css b/assets/css/main.css
index e118162..0bdaa9e 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -615,6 +615,35 @@ body {
     #blogitem .fullscreenImg {
         display: none;
     }
+
+    /* Footer */
+    #footer {
+        width: 100%;
+        padding-top: 50px;
+    }
+    :root {
+        --copied-width: 200px;
+        --copied-height: 50px;
+    }
+    #footer .copied {
+        display: none;
+    }
+
+    #footer .links {
+        max-width: 100%;
+        text-align: center;
+    }
+    #footer .links p {
+        line-break: anywhere;
+    }
+    #footer .links p .footer-links {
+        color: var(--link-color);
+        text-decoration: underline;
+        cursor: pointer;
+    }
+    #footer .links p .footer-links:hover {
+        color: var(--link-highlight-color)
+    }
 }
 
 /* Desktop */
@@ -1106,5 +1135,41 @@ body {
     #blogitem .content .code-toolbar .toolbar .toolbar-item {
         text-align: right;
     }
+
+    /* Footer */
+    #footer {
+        width: 100%;
+        padding-top: 50px;
+    }
+    :root {
+        --copied-width: 200px;
+        --copied-height: 50px;
+    }
+    #footer .copied {
+        display: none;
+        left: calc(50% - (var(--copied-width) / 2));
+        width: var(--copied-width);
+        height: var(--copied-height);
+        position: absolute;
+        background-color: var(--main-color);
+    }
+
+    #footer .links {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        text-align: center;
+    }
+    #footer .links p {
+        line-break: anywhere;
+    }
+    #footer .links p .footer-links {
+        color: var(--link-color);
+        text-decoration: underline;
+        cursor: pointer;
+    }
+    #footer .links p .footer-links:hover {
+        color: var(--link-highlight-color);
+    }
 }
 
-- 
cgit v1.2.3-70-g09d2