From 3f1cdf10c4b986d0ac9b0d0eaf4cc0312eeba063 Mon Sep 17 00:00:00 2001
From: Pjotr Prins
Date: Sun, 23 Jun 2024 04:12:40 -0500
Subject: Working footer - but still overlapping body
---
static/style.css | 33 +++++++++++++++++++++++++++++++++
1 file changed, 33 insertions(+)
(limited to 'static')
diff --git a/static/style.css b/static/style.css
index d4cc2ee..47b0e22 100644
--- a/static/style.css
+++ b/static/style.css
@@ -72,3 +72,36 @@ a:active {
ul {
margin-left:40px;
}
+
+.main {
+ flex: 1;
+ padding: 30px 0;
+}
+
+body
+{
+ display: flex;
+ min-height: 80vh;
+ flex-direction: column;
+ padding-bottom: 40px;
+}
+
+footer {
+ color: white;
+ font-size: small;
+ padding: 3px 0;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+}
+
+.footer a {
+ color: yellow;
+ text-decoration: none;
+ transition: color 0.3s ease;
+}
+
+.footer a:hover {
+ color: #adb5bd;
+}
--
cgit 1.4.1
From 753e43601a76f95d03e28c8d3a81d6bc2eb602be Mon Sep 17 00:00:00 2001
From: Pjotr Prins
Date: Sun, 23 Jun 2024 04:31:09 -0500
Subject: Footer works
---
static/style.css | 12 +++++-------
templates/layout.html | 1 -
2 files changed, 5 insertions(+), 8 deletions(-)
(limited to 'static')
diff --git a/static/style.css b/static/style.css
index 47b0e22..0633cdc 100644
--- a/static/style.css
+++ b/static/style.css
@@ -74,19 +74,17 @@ ul {
}
.main {
- flex: 1;
- padding: 30px 0;
+ min-height: 70vh;
+ padding-bottom: 100px;
}
body
{
- display: flex;
- min-height: 80vh;
- flex-direction: column;
- padding-bottom: 40px;
+ // display: flex;
+ // flex-direction: column;
}
-footer {
+.footer {
color: white;
font-size: small;
padding: 3px 0;
diff --git a/templates/layout.html b/templates/layout.html
index ba064e1..951c950 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -90,7 +90,6 @@
{% endif %}
{% endwith %}
-