diff --git a/_layouts/post.html b/_layouts/post.html index 2241e4f..442d07e 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -14,8 +14,16 @@ {% include header.html %}
-

{{ page.title }}

- +
+
+

{{ page.title }}

+ +
+ + +
{{ content }} diff --git a/_sass/base.scss b/_sass/base.scss index 4fb8664..bcfeb77 100644 --- a/_sass/base.scss +++ b/_sass/base.scss @@ -13,8 +13,7 @@ @import "mastodon_timeline"; @import "night_mode_toggle"; @import "highlights"; - -// The syntax highlighting css +@import "tables"; // The syntax highlighting css // generated with rougify style bw > code_style_bw.scss // @import "code_style_bw"; @import "code_style_github"; @@ -147,6 +146,15 @@ section.title-date-container { } } +hr.byline { + margin-top: 0.2em; + margin-bottom: 0.2em; +} +section.byline { + font-style: italic; + margin-bottom: 2em; +} + :is(h1, h2, h3, h4, .text-balance) { text-wrap: balance; } @@ -219,6 +227,17 @@ figure.centered { justify-content: center; } +figure.two-wide { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 1em; + margin-bottom: 1em; + img { + width: calc(50% - 0.5em); + } +} + section.image-grid-4x4 { aspect-ratio: 1 / 1; display: grid; diff --git a/_sass/highlights.scss b/_sass/highlights.scss index b993e9b..ebb6fd0 100644 --- a/_sass/highlights.scss +++ b/_sass/highlights.scss @@ -10,10 +10,6 @@ h1.highlights { section.highlights { margin-bottom: 2rem; - h1 { - margin-bottom: 1rem; - } - a.highlights-more { margin-left: $left_pad; }