diff options
| -rw-r--r-- | _layouts/default.html | 2 | ||||
| -rw-r--r-- | _layouts/post.html | 19 | ||||
| -rw-r--r-- | _posts/2005-06-08-the_tenth_post.md | 16 | ||||
| -rw-r--r-- | assets/css/styles.css | 38 |
4 files changed, 63 insertions, 12 deletions
diff --git a/_layouts/default.html b/_layouts/default.html index 6f9cb0c..264c335 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -4,7 +4,7 @@ <body> <div class="columns"> - <div class="column is-half is-offset-one-quarter mt-4"> + <div class="column page-container mt-4"> {% include top_bar.liquid %} <div class="columns content mt-4"> {{ content }} diff --git a/_layouts/post.html b/_layouts/post.html index 5e71126..3a76d42 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,5 +1,16 @@ ---- -layout: default ---- +<!DOCTYPE html> +<html> + {% include header.liquid %} + + <div class="columns"> + <div class="column page-container mt-4"> + {% include top_bar.liquid %} + + <div class="column is-full content mt-4"> + {{ content }} + </div> + </div> + </div> +</html> + -{{ content }} diff --git a/_posts/2005-06-08-the_tenth_post.md b/_posts/2005-06-08-the_tenth_post.md index 81a7e31..65fc217 100644 --- a/_posts/2005-06-08-the_tenth_post.md +++ b/_posts/2005-06-08-the_tenth_post.md @@ -10,14 +10,16 @@ tag: ["Ipsum", "Dolor"] He had not happened. He turned away, "all I can remember what Miranda says?" "Who's Miranda?" But the woman putting her arms round his arm. All three men sprang. Know — the capitalists. A pillow and. Back, from behind a door. Me. It. Coloured slaves. Even the speck. Mention ‘em. The same job. Room, the newly-unbottled. Round -himself a centimetre. But after. +himself a centimetre. + +# But after. See also: - He brought the. - Dead, theirs was the. - Whispered, "I do so. - Given me the conviction. +> He brought the. +> Dead, theirs was the. +> Whispered, "I do so. +> Given me the conviction. + +The brief and _unescapably_ *haunting* melody of the chin "to show that I ... Oh, Ford, Ford, Ford," it said — was part of the paraffin lamp had seemed to say; ‘this is what you ought to be contained. Defective [Bernard had](https://en.wikipedia.org/wiki/Berlin_International_Film_Festival). -The brief and unescapably haunting melody of the chin "to show that I ... Oh, Ford, Ford, Ford," it said — was part of the paraffin lamp had seemed to say; ‘this is -what you ought to be contained. Defective Bernard had. diff --git a/assets/css/styles.css b/assets/css/styles.css index be81234..6502a5a 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -24,6 +24,44 @@ --bulma-family-secondary: "Libre Baskerville", serif; } +@media(prefers-color-scheme: dark) { + div.content p { + color: #D5DFE5; + font-size: 20px; + } + + div.content a { + color: #4E8098; + } +} + +@media(prefers-color-scheme: light) { + div.content p { + color: #2B2D42; + font-size: 20px; + } + + div.content a { + color: #3772FF; + } +} + +@media (width <= 100px) { + .page-container { + flex: none; + width: 100%; + margin-left: 1rem !important; + } +} + +@media (width > 1000px) { + .page-container { + flex: none; + width: 50%; + margin-inline-start: 25%; + } +} + .page-title { font-size: 32px; font-family: "Libre Baskerville Italic", serif; |