From f43e0e78a8d4e2eaa6779762d662810833fbd424 Mon Sep 17 00:00:00 2001
From: dabikers' admin <dabikers@protonmail.com>
Date: Fri, 29 Dec 2023 23:35:15 -0600
Subject: Make the site look a little nicer

---
 css/base.css | 80 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 75 insertions(+), 5 deletions(-)

(limited to 'css/base.css')

diff --git a/css/base.css b/css/base.css
index bed4b11..6a23e01 100644
--- a/css/base.css
+++ b/css/base.css
@@ -24,6 +24,10 @@ body {
 	margin: 0;
 }
 
+ul li {
+	list-style-type: '- ';
+}
+
 #content {
 	margin: 1%;
 }
@@ -33,9 +37,12 @@ body {
 	margin: 0;
 
 	display: flex;
-	justify-content: left;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
 	align-items: center;
-	
+	align-content: center;
+
 	height: 5vw;
 
 	background-color: black;
@@ -44,6 +51,8 @@ body {
 	position: -webkit-sticky;
 	position: sticky;
 	top: 0;
+
+	font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace;
 }
 
 #top-bar h1 {
@@ -51,8 +60,10 @@ body {
 	padding: 0;
 
 	text-align: left;
-	font-family: 'zai_courier_polski_1941Rg', Courier, monospace;
 	font-size: 500%;
+
+	display: inline;
+	float: left;
 }
 
 #top-bar a {
@@ -60,6 +71,65 @@ body {
 	text-decoration: none;
 }
 
-ul li {
-	list-style-type: '- ';
+#top-bar li {
+	list-style: none;
+	display: inline;
+	float: none;
+}
+#top-bar li a::before {
+	content: "[";
+}
+#top-bar li a::after {
+	content: "]";
+}
+
+
+#bottom-bar {
+	padding: 1%;
+	margin: 0;
+
+	height: 3vw;
+	width: 100vw;
+
+	background-color: black;
+	color: white;
+
+	position: fixed;
+	bottom: 0;
+
+	list-style-type: none;
+
+	font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace;
+	text-align: center;
+}
+
+#bottom-flex {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+#bottom-bar a {
+	color: inherit;
+	text-decoration: none;
+	font-weight: bold;
+}
+
+/* Surround links with square brackets in the footer */
+#bottom-bar a::before {
+	content: "[";
+}
+#bottom-bar a::after {
+	content: "]";
+}
+
+#bottom-bar li {
+	display: inline;
+	float: none;
+}
+
+#copyrightnotice {
+	display: inline-block;
+	font-size: 75%;
+	color: rgba(255, 255, 255, 0.15);
 }
\ No newline at end of file
-- 
cgit v1.2.3