From 691b13efebe7cff484a836c391a5999d87cce6b4 Mon Sep 17 00:00:00 2001
From: Redume <danilivasenko09@gmail.com>
Date: Sun, 22 Sep 2024 18:22:05 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=20=D1=84?=
 =?UTF-8?q?=D1=83=D1=82=D0=B5=D1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/web/page/index.html         |  8 ++++---
 src/web/static/styles/index.css | 37 +++++++++++++++++++++++++++++----
 2 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/src/web/page/index.html b/src/web/page/index.html
index 372035c..a333a4f 100644
--- a/src/web/page/index.html
+++ b/src/web/page/index.html
@@ -49,8 +49,10 @@
             <p class="text">Creating graphs</p>
         </div>
     </div>
-    <footer>
-        <p>Kekkai, Copyright © 2024 Redume. License under <a href="https://github.com/Redume/Kekkai/blob/main/LICENSE">GPLv3</a></p>
-    </footer>
+    <div class="footer-wrapper">
+        <footer>
+            <p>Kekkai, Copyright © 2024 Redume. License under <a href="https://github.com/Redume/Kekkai/blob/main/LICENSE">GPLv3</a></p>
+        </footer>
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/web/static/styles/index.css b/src/web/static/styles/index.css
index 9a25a93..5e8fd46 100644
--- a/src/web/static/styles/index.css
+++ b/src/web/static/styles/index.css
@@ -83,19 +83,35 @@ body {
     font-weight: bold;
 }
 
-footer {display: none}
+
+.footer-wrapper {
+      position: relative;
+  min-height: 100%;
+}
+
+footer {
+    flex: 0 0 auto;
+    width: 100%;
+    background: rgba(0, 0, 0, 0.39);
+    position: absolute;
+    left: 0;
+    bottom: 0;
+}
+
+
+footer p{
+    word-wrap: break-word;
+    text-align: center;
+}
 
 footer a:visited {
     color: white
 }
 
-
 @media (min-width: 768px) {
     .desc {
         font-size: 20px;
     }
-
-
 }
 
 @media (min-width: 1200px) {
@@ -108,4 +124,17 @@ footer a:visited {
         align-items: center;
         gap: 200px;
     }
+
+     .footer-wrapper {
+          position: relative;
+          min-height: 100%;
+    }
+
+    footer {
+        width: 100%;
+        background: rgba(0, 0, 0, 0.39);
+        position: absolute;
+        left: 0;
+        bottom: 0;
+    }
 }
\ No newline at end of file