From d557825323b6efcef008b4451e3efa94bbfac987 Mon Sep 17 00:00:00 2001
From: curly <curlybryce@protonmail.com>
Date: Tue, 20 Dec 2022 10:34:12 -0700
Subject: looks quite nice

---
 src/assets/css/main.css          |  44 ++++++++++++++++++++-------------------
 src/assets/image/background.avif | Bin 0 -> 258370 bytes
 src/assets/image/background.jpg  | Bin 1419420 -> 0 bytes
 src/assets/image/decoration.png  | Bin 0 -> 287 bytes
 src/assets/image/footer.png      | Bin 4947 -> 0 bytes
 src/assets/image/header.png      | Bin 1102 -> 1076 bytes
 6 files changed, 23 insertions(+), 21 deletions(-)
 create mode 100644 src/assets/image/background.avif
 delete mode 100644 src/assets/image/background.jpg
 create mode 100644 src/assets/image/decoration.png
 delete mode 100644 src/assets/image/footer.png

(limited to 'src/assets')

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index fc1afd9..339ad3b 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -4,7 +4,6 @@ html, body {
   padding: 0;
   background-color: black;
   color: var(--text-primary);
-  font-size: 0;
 }
 
 
@@ -24,10 +23,10 @@ html, body {
 }
 
 @media screen and (max-width: 500px) {
-  #nav, #space {
+  .nav, .space {
     display: none;
   }
-  #mobile-nav {
+  .mobile-nav {
     display: grid;
     height: 70px;
     grid-template-columns: 20% 20% 20% 20% 20%;
@@ -49,15 +48,15 @@ html, body {
   .body_decoration {
     display: none;
   }
-  #nav {
+  .nav {
     display: flex;
     flex-flow: column nowrap;
     width: 50px;
   }
-  #space {
+  .space {
     display: none;
   }
-  #mobile-nav {
+  .mobile-nav {
     display: none;
   }
   #nav-pin {
@@ -74,14 +73,14 @@ html, body {
   .nav-button > :nth-child(2) {
     display: flex;
   }
-  #nav {
+  .nav {
     display: flex;
     flex-flow: column nowrap;
   }
-  #space {
+  .space {
     display: unset;
   }
-  #mobile-nav {
+  .mobile-nav {
     display: none;
   }
   #nav-pin {
@@ -96,52 +95,56 @@ body {
   display: flex;
   flex-flow: row nowrap;
   max-width: 100vw;
-  width: 100vw;
   min-height: 100vh;
 }
 
 /* TESTING */
 #content {
   background-color: rgba(var(--primary), 0.7);
-  word-break: break-all;
 }
-#mobile-nav {
+.mobile-nav {
   background-color: rgb(var(--primary));
 }
 /* END TESTING */
 
 
-#body-wrapper {
+.body-wrapper {
   display: flex;
   flex-flow: row nowrap;
   flex-grow: 1;
-  background-image: url("/assets/image/background.jpg");
+  background-image: url("/assets/image/background.avif");
   background-size: cover;
 }
 
 
-#body {
+main {
   display: flex;
   flex-flow: column nowrap;
   flex-grow: 7;
+  flex-basis: min-content;
+  text-align: justify;
+  text-justify: inter-word;
+  word-spacing: 2px;
+  line-height: 22px;
 }
 .body_decoration {
   background-color: rgba(var(--primary), 0.7);
-  mask-image: url(/assets/image/footer.png);
+  mask-image: url(/assets/image/decoration.png);
   mask-size: 50px;
   mask-repeat: repeat-y;
   width: 50px;
-  -webkit-mask-image: url(/assets/image/footer.png);
+  -webkit-mask-image: url(/assets/image/decoration.png);
   -webkit-mask-size: 50px;
   -webkit-mask-repeat: repeat-y;
 }
-#space {
+.space {
   flex-grow: 2;
 }
 
 #content {
   flex-grow: 1;
-  padding: 5px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 
 .noaa {
@@ -173,7 +176,7 @@ body {
   margin: auto;
 }
 
-#mobile-nav {
+.mobile-nav {
   position: sticky;
   bottom: 0;
 }
@@ -184,7 +187,6 @@ body {
 .nav-button {
   display: block;
   height: 35px;
-  font-size: initial;
 }
 .nav-button > a {
   display: flex;
diff --git a/src/assets/image/background.avif b/src/assets/image/background.avif
new file mode 100644
index 0000000..6b8cdd8
Binary files /dev/null and b/src/assets/image/background.avif differ
diff --git a/src/assets/image/background.jpg b/src/assets/image/background.jpg
deleted file mode 100644
index 6bb5f1e..0000000
Binary files a/src/assets/image/background.jpg and /dev/null differ
diff --git a/src/assets/image/decoration.png b/src/assets/image/decoration.png
new file mode 100644
index 0000000..dfba703
Binary files /dev/null and b/src/assets/image/decoration.png differ
diff --git a/src/assets/image/footer.png b/src/assets/image/footer.png
deleted file mode 100644
index 98383d3..0000000
Binary files a/src/assets/image/footer.png and /dev/null differ
diff --git a/src/assets/image/header.png b/src/assets/image/header.png
index 85c482d..61e82b0 100644
Binary files a/src/assets/image/header.png and b/src/assets/image/header.png differ
-- 
cgit v1.2.3