diff --git a/dist/404.html b/dist/404.html
index 259cdbf..fc03bc7 100644
--- a/dist/404.html
+++ b/dist/404.html
@@ -14,6 +14,7 @@
+
diff --git a/dist/418.html b/dist/418.html
index 275a599..70f884c 100644
--- a/dist/418.html
+++ b/dist/418.html
@@ -14,6 +14,7 @@
+
diff --git a/dist/blog/firstPost.html b/dist/blog/firstPost.html
index 6b46d4a..86f7b4b 100644
--- a/dist/blog/firstPost.html
+++ b/dist/blog/firstPost.html
@@ -14,6 +14,7 @@
+
diff --git a/dist/blog/index.html b/dist/blog/index.html
index 10b7000..d374cc2 100644
--- a/dist/blog/index.html
+++ b/dist/blog/index.html
@@ -14,6 +14,7 @@
+
diff --git a/dist/coolLinks.html b/dist/coolLinks.html
index 634feb5..8912929 100644
--- a/dist/coolLinks.html
+++ b/dist/coolLinks.html
@@ -14,6 +14,7 @@
+
diff --git a/dist/css/style.css b/dist/css/style.css
index debf8c8..4c9401b 100644
--- a/dist/css/style.css
+++ b/dist/css/style.css
@@ -1 +1 @@
-@import "https://fonts.googleapis.com/icon?family=Material+Icons";body{font-family:Arial, sans-serif;font-size:1.5em;margin:2em;line-height:1.6;height:100vh;width:auto;margin:0;padding:0;text-align:center;background-color:#282828;color:#ebdbb2}.center-image{display:block;margin-left:auto;margin-right:auto}.meta{font-size:0.75em;line-height:1;color:#504945}.center-box{text-align:left;width:15%;margin:auto}header{background-color:#3c3836;color:#ebdbb2}header a{color:#ebdbb2;text-decoration:dotted;font-size:1.5rem}header a i{vertical-align:middle;display:inline-block}nav{background-color:#504945;color:#ebdbb2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px}.title{font-weight:bolder}.article{width:auto;margin:0 auto;margin-top:0%;text-align:justify;width:30vw}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{text-align:center}ul,li,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{color:#fbf1c7}a{color:#458588}a:hover{color:#689d6a}button{background-color:#b16286;color:#fbf1c7}button:hover{background-color:#458588}p{margin-bottom:1em}pre{background-color:#504945;padding:0.5em;overflow:auto}code{font-family:'Courier New', Courier, monospace;background-color:#504945;color:#d65d0e;padding:0.2em;border-radius:3px}table{border-collapse:collapse;width:100%;margin-bottom:1em;border-collapse:collapse}table th,table td{border:1px solid #3c3836;padding:8px;text-align:left}th,td{border:1px solid #fbf1c7;padding:8px;text-align:left}th{background-color:#ebdbb2}blockquote{border-left:2px solid #504945;margin:1em 0;padding-left:1em}footer{background-color:#3c3836;color:#d5c4a1}
+@import "https://fonts.googleapis.com/icon?family=Material+Icons";body{font-family:Arial, sans-serif;font-size:1.5em;margin:2em;line-height:1.6;height:100vh;width:auto;margin:0;padding:0;text-align:left;background-color:#1b1b1b;color:#ebdbb2}.center-image{display:block;margin-left:auto;margin-right:auto}.meta{font-size:0.75em;line-height:1;color:#504945}.center-box{text-align:left;width:15%;margin:auto}header{background-color:#2c2927;color:#ebdbb2;height:auto}header a{color:#ebdbb2;text-decoration:dotted;font-size:1.5rem}header a i{vertical-align:middle;display:inline-block}nav{background-color:#2c2927;color:#ebdbb2;display:flex;flex-direction:row;padding-top:.25%;padding-bottom:.25%;align-items:center;justify-content:center;gap:6px}.title{font-weight:bolder;text-align:center}.article{margin-top:0;margin-bottom:auto;margin-left:0;margin-right:0;text-align:left;padding-left:42.25%;padding-right:42.25%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:left;align-items:normal}.article p{text-align:left}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{text-align:left}ul,li,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{color:#fbf1c7}a{color:#458588}a:hover{color:#689d6a}button{background-color:#b16286;color:#fbf1c7}button:hover{background-color:#458588}p{margin-bottom:1em}pre{background-color:#504945;padding:0.5em;overflow:auto}code{font-family:'Courier New', Courier, monospace;background-color:#504945;color:#d65d0e;padding:0.2em;border-radius:3px}table{border-collapse:collapse;width:100%;margin-bottom:1em;border-collapse:collapse}table th,table td{border:1px solid #2c2927;padding:8px;text-align:left}th,td{border:1px solid #fbf1c7;padding:8px;text-align:left}th{background-color:#ebdbb2}blockquote{border-left:2px solid #504945;margin:1em 0;padding-left:1em}footer{background-color:#2c2927;color:#d5c4a1}
diff --git a/dist/git/index.html b/dist/git/index.html
index 9c74325..4d1dc8f 100644
--- a/dist/git/index.html
+++ b/dist/git/index.html
@@ -14,6 +14,7 @@
+
diff --git a/dist/index.html b/dist/index.html
index 4b33a4a..16b6158 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -14,6 +14,7 @@
+
diff --git a/dist/sitemap.xml b/dist/sitemap.xml
index 9ad3e71..6cac991 100644
--- a/dist/sitemap.xml
+++ b/dist/sitemap.xml
@@ -1,9 +1,9 @@
-https://bear.oops.wtf/index.html
https://bear.oops.wtf/404.html
-https://bear.oops.wtf/blog/index.html
-https://bear.oops.wtf/blog/firstPost.html
-https://bear.oops.wtf/git/index.html
-https://bear.oops.wtf/coolLinks.html
https://bear.oops.wtf/418.html
+https://bear.oops.wtf/blog/firstPost.html
+https://bear.oops.wtf/blog/index.html
+https://bear.oops.wtf/coolLinks.html
+https://bear.oops.wtf/git/index.html
+https://bear.oops.wtf/index.html
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 0e6ade1..69b8a6f 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -16,9 +16,9 @@
*/
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
-$gruvbox-bg: #282828;
+$gruvbox-bg: #1b1b1b;
$gruvbox-fg: #ebdbb2;
-$gruvbox-dark1: #3c3836;
+$gruvbox-dark1: #2c2927;
$gruvbox-dark2: #504945;
$gruvbox-light0: #fbf1c7;
$gruvbox-light1: #ebdbb2;
@@ -44,7 +44,7 @@ body {
margin: 0;
padding: 0;
- text-align: center;
+ text-align: left;
background-color: $gruvbox-bg;
color: $gruvbox-fg;
@@ -71,6 +71,9 @@ body {
header {
background-color: $gruvbox-dark1;
color: $gruvbox-fg;
+
+ height: auto;
+
a {
color: $gruvbox-fg;
text-decoration: dotted;
@@ -83,11 +86,16 @@ header {
}
nav {
- background-color: $gruvbox-dark2;
+ $pad: 0.25%;
+
+ background-color: $gruvbox-dark1;
color: $gruvbox-light1;
display: flex;
flex-direction: row;
+ padding-top: $pad;
+ padding-bottom: $pad;
+
align-items: center;
justify-content: center;
@@ -96,15 +104,29 @@ nav {
.title {
font-weight: bolder;
+ text-align: center;
}
.article {
- width: auto;
- margin: 0 auto;
- margin-top: 0%;
- text-align: justify;
+ $pad: 42.25%;
- width: 30vw;
+ margin-top: 0;
+ margin-bottom: auto;
+ margin-left: 0;
+ margin-right: 0;
+ text-align: left;
+
+ padding-left: $pad;
+ padding-right: $pad;
+
+ display: flex;
+ flex-direction: column;
+ flex-wrap: wrap;
+ justify-content: left;
+ align-items: normal;
+ p {
+ text-align: left;
+ }
}
.article h1,
@@ -113,7 +135,7 @@ nav {
.article h4,
.article h5,
.article h6 {
- text-align: center;
+ text-align: left;
}
ul, li, ol {