From 184a793e4e9712a4c8183feb1caaa2ea83ef683e Mon Sep 17 00:00:00 2001
From: Ian Skinner <ianskinner519@gmail.com>
Date: Sun, 24 Sep 2023 22:52:54 -0400
Subject: [PATCH] CSS in dedicated CSS file

I am so goofy and silly. I should have kept all my CSS in the navbar file.
---
 _includes/navdsi.html   | 188 ---------------------------------------
 assets/css/styledsi.css | 191 ++++++++++++++++++++++++++++++++++++++--
 2 files changed, 186 insertions(+), 193 deletions(-)

diff --git a/_includes/navdsi.html b/_includes/navdsi.html
index cecc225..269e20d 100644
--- a/_includes/navdsi.html
+++ b/_includes/navdsi.html
@@ -1,191 +1,3 @@
-<style>
-body {
-  background-image: url('https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_dsi_background.jpg');
-}
-.nav ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  padding-left: 3.5%;
-  width: auto;
-  height: auto;
-  text-align: center;
-  /*  overflow: hidden; */
-}
-.navstd {
-  float: left;
-}
-.navalt {
-  float: right;
-}
-.container {
-    position: relative;
-}
-.imageOne {
-    z-index: 0;
-}
-.imageTwo {
-    z-index: 1;
-}
-.imageThree {
-  z-index: 2;
-}
-.imageFour {
-  z-index: 3;
-}
-.image {
-    position: absolute;
-    width: 100px;
-    height: 100px;
-}
-.navimgoverlay {
-  opacity: 0.0;
-  text-align: center;
-  float: left;
-  padding-top: .6vw;
-  width: 6vw;
-  height: auto;
-}
-.navimgoverlay:hover {
-  opacity: 1.0;
-  width: 6vw;
-}
-.navimg {
-  text-align: center;
-  float: left;
-  padding-top: .6vw;
-  width: 6vw;
-  height: auto;
-}
-.navicon {
-  text-align: center;
-  float: left;
-  padding-top: 2.1vw;
-  padding-left: 1.38vw;
-  width: 3.2vw;
-  height: auto;
-}
-.navedge {
-  text-align: center;
-  float: left;
-  margin: 1%;
-  width: 1.5vw;
-  height: auto;
-}
-.navpadding li {
-  padding-top: 1.5%;
-}
-.image2 {
-    position: absolute;
-    border-color: #FFFFFF
-    width: auto;
-    height: auto;
-}
-.image3 {
-  position: relative;
-    border-color: #FFFFFF
-    width: auto;
-    height: auto;
-}
-.text {
-    position: absolute;
-    text-align: left;
-    border-color: #FFFFFF;
-    font-size: 30px;
-    font-size: 1vw;
-    padding-top: 2.2vw;
-    padding-left: 6.2vw;
-}
-.text1point5-oopsiesididntplanaheadsoimstupidlycrammingthisinhere {
-    position: absolute;
-    text-align: left;
-    border-color: #FFFFFF;
-    font-size: 30px;
-    font-size: 1vw;
-    padding-top: 3.7vw;
-    padding-left: 6.2vw;
-}
-.text2-electricboogaloo {
-    position: absolute;
-    text-align: left;
-    border-color: #FFFFFF;
-    font-size: 30px;
-    font-size: 1vw;
-    padding-top: 6.5vw;
-    padding-left: 1.6vw;
-}
-.icon {
-    padding-top:2.2vw;
-    margin-left: -9.3vw;
-    z-index: 2;
-}
-.titleimgoverlay {
-  margin: 0% 2% 0%;
-  opacity: 0.0;
-  text-align: center;
-  float: left;
-  width: 16vw;
-  height: auto;
-}
-.titleimgoverlay:hover {
-  opacity: 1.0;
-}
-.titleimg {
-  margin: 0% 2% 0%;
-  text-align: center;
-  float: left;
-  width: 16vw;
-  height: auto;
-  margin-bottom: 10vw;
-}
-.titleedge {
-  text-align: center;
-  float: left;
-  margin: 1%;
-  width: 18vw;
-  height: auto;
-}
-.titlepadding li {
-  padding-top: 1.5%;
-  margin: 0% 2% 0%
-}
-.homeimg {
-  margin: 6% 5% 0%;
-  text-align: center;
-  float: right;
-  width: 16vw;
-  height: auto;
-  margin-bottom: 5vw;
-}
-.hometext {
-    position: absolute;
-    text-align: center;
-    border-color: #FFFFFF;
-    font-size: 40px;
-    font-size: 1.1vw;
-}
-.hometext_long {
-    position: absolute;
-    text-align: left;
-    border-color: #FFFFFF;
-    font-size: 40px;
-    font-size: .82vw;
-}
-.homeicon {
-    padding-top: 6.99vw;
-    margin-left: -1.59vw;
-    z-index: 2;
-}
-.othertext {
-    position: absolute;
-    text-align: left;
-    border-color: #FFFFFF;
-    font-size: 40px;
-    font-size: 1.2vw;
-    padding-top: 1vw;
-    padding-left: 1.2vw;
-}
-</style>
 <div class="nav">
     <nav>
         <ul>
diff --git a/assets/css/styledsi.css b/assets/css/styledsi.css
index 9e2377e..2be6f2c 100644
--- a/assets/css/styledsi.css
+++ b/assets/css/styledsi.css
@@ -10,16 +10,11 @@
   font-family: dsifont-special;
   src: url(https://cdn.randommeaninglesscharacters.com/assets-dsi/font/NITROIPL_Gaiji.ttf);
 }
-body {
-  font-family: dsifont;
-}
 code {
   font-family: dsifont-bios;
-  font-size: 1.5vw;
 }
 special {
   font-family: dsifont-special;
-  font-size: 1.5vw;
 }
 .info {
   padding: 10px;
@@ -31,3 +26,189 @@ special {
   border-left: 2px solid #f6971b;
   border-bottom: 1px solid #072a66;
 }
+body {
+  background-image: url('https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_dsi_background.jpg');
+  font-family: dsifont;
+}
+.nav ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  padding-left: 3.5%;
+  width: auto;
+  height: auto;
+  text-align: center;
+  /*  overflow: hidden; */
+}
+.navstd {
+  float: left;
+}
+.navalt {
+  float: right;
+}
+.container {
+    position: relative;
+}
+.imageOne {
+    z-index: 0;
+}
+.imageTwo {
+    z-index: 1;
+}
+.imageThree {
+  z-index: 2;
+}
+.imageFour {
+  z-index: 3;
+}
+.image {
+    position: absolute;
+    width: 100px;
+    height: 100px;
+}
+.navimgoverlay {
+  opacity: 0.0;
+  text-align: center;
+  float: left;
+  padding-top: .6vw;
+  width: 6vw;
+  height: auto;
+}
+.navimgoverlay:hover {
+  opacity: 1.0;
+  width: 6vw;
+}
+.navimg {
+  text-align: center;
+  float: left;
+  padding-top: .6vw;
+  width: 6vw;
+  height: auto;
+}
+.navicon {
+  text-align: center;
+  float: left;
+  padding-top: 2.1vw;
+  padding-left: 1.38vw;
+  width: 3.2vw;
+  height: auto;
+}
+.navedge {
+  text-align: center;
+  float: left;
+  margin: 1%;
+  width: 1.5vw;
+  height: auto;
+}
+.navpadding li {
+  padding-top: 1.5%;
+}
+.image2 {
+    position: absolute;
+    border-color: #FFFFFF
+    width: auto;
+    height: auto;
+}
+.image3 {
+  position: relative;
+    border-color: #FFFFFF
+    width: auto;
+    height: auto;
+}
+.text {
+    position: absolute;
+    text-align: left;
+    border-color: #FFFFFF;
+    font-size: 30px;
+    font-size: 1vw;
+    padding-top: 2.2vw;
+    padding-left: 6.2vw;
+}
+.text1point5-oopsiesididntplanaheadsoimstupidlycrammingthisinhere {
+    position: absolute;
+    text-align: left;
+    border-color: #FFFFFF;
+    font-size: 30px;
+    font-size: 1vw;
+    padding-top: 3.7vw;
+    padding-left: 6.2vw;
+}
+.text2-electricboogaloo {
+    position: absolute;
+    text-align: left;
+    border-color: #FFFFFF;
+    font-size: 30px;
+    font-size: 1vw;
+    padding-top: 6.5vw;
+    padding-left: 1.6vw;
+}
+.icon {
+    padding-top:2.2vw;
+    margin-left: -9.3vw;
+    z-index: 2;
+}
+.titleimgoverlay {
+  margin: 0% 2% 0%;
+  opacity: 0.0;
+  text-align: center;
+  float: left;
+  width: 16vw;
+  height: auto;
+}
+.titleimgoverlay:hover {
+  opacity: 1.0;
+}
+.titleimg {
+  margin: 0% 2% 0%;
+  text-align: center;
+  float: left;
+  width: 16vw;
+  height: auto;
+  margin-bottom: 10vw;
+}
+.titleedge {
+  text-align: center;
+  float: left;
+  margin: 1%;
+  width: 18vw;
+  height: auto;
+}
+.titlepadding li {
+  padding-top: 1.5%;
+  margin: 0% 2% 0%
+}
+.homeimg {
+  margin: 6% 5% 0%;
+  text-align: center;
+  float: right;
+  width: 16vw;
+  height: auto;
+  margin-bottom: 5vw;
+}
+.hometext {
+    position: absolute;
+    text-align: center;
+    border-color: #FFFFFF;
+    font-size: 40px;
+    font-size: 1.1vw;
+}
+.hometext_long {
+    position: absolute;
+    text-align: left;
+    border-color: #FFFFFF;
+    font-size: 40px;
+    font-size: .82vw;
+}
+.homeicon {
+    padding-top: 6.99vw;
+    margin-left: -1.59vw;
+    z-index: 2;
+}
+.othertext {
+    position: absolute;
+    text-align: left;
+    border-color: #FFFFFF;
+    font-size: 15px;
+    padding-top: 1vw;
+    padding-left: 1.2vw;
+}