diff --git a/_cobalt.yml b/_cobalt.yml index 8a46f59..d28ef67 100644 --- a/_cobalt.yml +++ b/_cobalt.yml @@ -8,7 +8,7 @@ posts: # Page/Post options syntax_highlight: - theme: "base16-ocean.dark" + theme: "base16-mocha.dark" enabled: true assets: sass: diff --git a/_layouts/blog.liquid b/_layouts/blog.liquid index 90fd030..e385d08 100644 --- a/_layouts/blog.liquid +++ b/_layouts/blog.liquid @@ -5,9 +5,9 @@ - {% include "navigation.liquid" %} -
+ {% include "navigation.liquid" %} +
{{ page.content }} {% for post in collections.posts.pages %} @@ -26,8 +26,8 @@ {% endfor %}
-
-
+
{% include "footer.liquid" %} + diff --git a/_scss/_base.scss b/_scss/_base.scss index 69a5e73..359fc2f 100644 --- a/_scss/_base.scss +++ b/_scss/_base.scss @@ -1,5 +1,4 @@ html { - image-rendering: pixelated; font-size: 1.1em; font-family: 'Atkinson Hyperlegible', sans-serif; color: $foreground-color; diff --git a/_scss/_formatting.scss b/_scss/_formatting.scss index 1d1abfb..a51f521 100644 --- a/_scss/_formatting.scss +++ b/_scss/_formatting.scss @@ -14,12 +14,17 @@ a { color: $accent-color; } +code { + border-radius: 5px; + border: 1px solid #FAE3B0; + border-bottom: 3px solid #FAE3B0; +} + code, pre { font-family: "Fira Code", monospace; overflow: auto; - border-radius: 5px; + border-radius: 2px; padding: 5px; - border-bottom: 2px solid #FAE3B0; } .date { @@ -52,7 +57,7 @@ p code { blockquote { margin-left: 5mm; padding-left: 2mm; - color: #bac6e0; } + color: #4D4137; } blockquote { border-left: 4px solid #F28FAD; } @@ -76,7 +81,7 @@ blockquote blockquote blockquote blockquote blockquote blockquote blockquote { border-left: 4px solid #DDB6F2; } ul, ol { - color: #C3BAC6; + color: #4D4137; } ::selection { diff --git a/_scss/_navigation.scss b/_scss/_navigation.scss index 0f06d35..4536b00 100644 --- a/_scss/_navigation.scss +++ b/_scss/_navigation.scss @@ -2,22 +2,20 @@ nav { margin: 10px; border-radius: 2px; padding: 20px; + width: 200px; background: $background-color; ul { list-style: none; margin: auto; - padding: 5px; - display: grid; - grid-auto-flow: column; + padding: 10px; + font-size: 1.3em; - li { - font-weight: bold; - text-align: center; - padding: 0; - a { - text-decoration: none; - } + font-weight: bold; + text-align: center; + padding: 0; + a { + text-decoration: none; } } }