diff --git a/content/blogposts/2021-04-22-SE215.md b/content/blogposts/2021-04-22-SE215.md index 62ac2aa..e919fc5 100644 --- a/content/blogposts/2021-04-22-SE215.md +++ b/content/blogposts/2021-04-22-SE215.md @@ -2,7 +2,7 @@ slug: "shure-se215-opinions-2021-04-22" title: "Opinions on the Shure SE215 In-Ear Monitors" date: "2021-04-22" -modified: "2021-04-22" +modified: "2021-04-23" description: "Personal thoughts on a pair of in-ears I bought." --- Disclaimer: This should not be trusted as a review. While I enjoy good audio, I am by no means an expert. diff --git a/content/layouts/base.njk b/content/layouts/base.njk index e1693c2..e64b561 100644 --- a/content/layouts/base.njk +++ b/content/layouts/base.njk @@ -18,7 +18,9 @@ - + + + diff --git a/content/layouts/blogpost.njk b/content/layouts/blogpost.njk index 8278889..1e1d9da 100644 --- a/content/layouts/blogpost.njk +++ b/content/layouts/blogpost.njk @@ -2,10 +2,12 @@ layout: 'base.njk' --- -
-

{{title}}

- {{date}} {% if modified !== date %}(Last modified: {{modified}}){% endif %}
- <- Back to posts list +
+
+

{{title}}

+ {{date}} {% if modified !== date %}(Last modified: {{modified}}){% endif %}
+ <- Back to posts list +
{{content | safe}}
diff --git a/content/style.scss b/content/style.scss index 64f8c2e..1d412f7 100644 --- a/content/style.scss +++ b/content/style.scss @@ -1,6 +1,6 @@ -$grey-dark: #2e3440; -$grey-vdark: darken($grey-dark, 5); -$grey-medium: #3b4252; +$grey-vdark: rgb(17, 24, 39); +$grey-dark: lighten($grey-vdark, 5); +$grey-medium: lighten($grey-vdark, 15); $grey-light: #4c566a; $white-dark: #d8dee9; $white-light: #eceff4; @@ -12,42 +12,56 @@ $text-default: $white-light; $primary: $blue; $secondary: $blue-med; - body { + color: $text-default; + background-color: $grey-vdark; + font-family: 'Inconsolata', + monospace; + line-height: 1.3rem; + + + .container { max-width: 900px; margin-left: auto; margin-right: auto; - .blog-main { - max-width: 750px; + .blog { + max-width: 700px; margin-left: auto; margin-right: auto; - .blog-content { - border-top: 1px solid $grey-dark; - margin-top: 0.6em; + &-header { + &>* { + display: block; + } + + a, + a:visited { + color: $primary; + } + + small { + margin-top: 0.1em; + margin-bottom: 0.4em; + } + } + + &-content { + border-top: 1px solid $grey-medium; + margin-top: 1em; } } } - color: $text-default; - background-color: $grey-vdark; - font-family: 'Fira Code', - monospace; - - @supports (font-variation-settings: normal) { - font-family: 'Fira Code VF', monospace; - } - .nav { width: 100%; padding-bottom: 0.6em; margin-bottom: 0.6em; - border-bottom: 1px $grey-medium solid; + border-bottom: 1px $grey-dark solid; a, a:visited { @@ -67,8 +81,20 @@ body { h2, h3, h4 { - margin-bottom: 0; - margin-top: 0.1em; + margin-bottom: 0rem; + margin-top: 1rem; + font-weight: 700; + } + p { + margin-top: 0.6rem; + margin-bottom: 1.2rem; + } + + code, + pre { + background-color: $grey-dark; + padding: 0.1rem 0.4rem; + display: inline-block; } } \ No newline at end of file