From 9ae5d5adf8dfca3a60a9734618c0e43ea1b54b3b Mon Sep 17 00:00:00 2001 From: bearfm <77757734+bearfm@users.noreply.github.com> Date: Sun, 3 Mar 2024 19:03:18 -0800 Subject: [PATCH] changed colors a bit and changed text alignment --- dist/404.html | 1 + dist/418.html | 1 + dist/blog/firstPost.html | 1 + dist/blog/index.html | 1 + dist/coolLinks.html | 1 + dist/css/style.css | 2 +- dist/git/index.html | 1 + dist/index.html | 1 + dist/sitemap.xml | 10 +++++----- src/scss/style.scss | 42 ++++++++++++++++++++++++++++++---------- 10 files changed, 45 insertions(+), 16 deletions(-) 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 {