Make the site look a little nicer

1 files changed, 75 insertions, 5 deletions

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