From 775a43dad2bbad96973cca3549d01f85c4dc7ecc Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Fri, 3 Dec 2021 21:55:43 +0100 Subject: [PATCH] Article body styles --- content/posts/lorem-ipsum/index.md | 3 +++ sass/style.scss | 41 +++++++++++++++++++++++++----- templates/index.html | 2 +- templates/page.html | 11 ++++++++ 4 files changed, 49 insertions(+), 8 deletions(-) create mode 100644 templates/page.html diff --git a/content/posts/lorem-ipsum/index.md b/content/posts/lorem-ipsum/index.md index 7def38e..a153e2f 100644 --- a/content/posts/lorem-ipsum/index.md +++ b/content/posts/lorem-ipsum/index.md @@ -12,6 +12,9 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer facilisis lacus Sed ac pellentesque erat. Fusce et mollis orci, id tempus eros. Curabitur eget risus sagittis, fringilla leo sed, egestas purus. Praesent feugiat diam eget accumsan rutrum. Integer porttitor nisi at odio tincidunt, eget rhoncus tortor ullamcorper. Vestibulum faucibus, eros et accumsan fermentum, magna libero sollicitudin mauris, quis tristique turpis libero quis dui. Duis vestibulum, ex eget tincidunt pretium, ipsum ipsum euismod nulla, sit amet porta turpis nisl sed sapien. Aliquam nulla quam, bibendum non tincidunt ut, consectetur sit amet lorem. Donec id pretium lacus. Donec ex diam, sodales at consequat ut, fringilla sit amet eros. Curabitur vel felis arcu. Vestibulum vel odio sagittis, efficitur enim in, dictum nunc. Nulla auctor lorem ut lacus volutpat, in interdum dolor sollicitudin. +![](colour-temperature.jpg) +*lorem ipsum* + Donec ullamcorper vestibulum odio et vehicula. Vestibulum et convallis ex, egestas euismod diam. Quisque vitae rutrum neque. Ut ultrices imperdiet dolor quis sollicitudin. Aliquam condimentum ullamcorper leo ut porttitor. Vivamus a interdum nunc. Suspendisse potenti. Donec ante risus, fringilla ut tortor nec, imperdiet ullamcorper lectus. Fusce consequat gravida ultricies. Morbi ligula massa, varius id quam ac, tempus pellentesque ex. Nulla malesuada justo in elit posuere, eget molestie lectus vulputate. Aliquam porta eros et lobortis sollicitudin. In tempus erat sed magna ullamcorper, id euismod massa pharetra. Nunc at euismod ante. In eu eros ac urna pharetra ullamcorper quis a libero. Aliquam quis felis varius, egestas tellus eu, tempor leo. Etiam dapibus id justo at rhoncus. Sed sollicitudin pellentesque pharetra. Proin blandit porta purus. Nam vel justo non lorem sollicitudin molestie. diff --git a/sass/style.scss b/sass/style.scss index 8577bb5..5d19e0a 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -30,7 +30,7 @@ body { font-size: 18px; line-height: 1.5; - max-width: 60em; + max-width: 45em; margin: 0 auto; padding: 1em; @@ -73,13 +73,40 @@ aside { } main { - article { - .info { - border-top: 1px solid #eee; - margin: 2em 0; - padding: 1em 0; + margin-bottom: 5rem; + + article h1 a { color: inherit } + .info { + border-top: 1px solid #eee; + margin: 2em 0; + padding: 1em 0; + } + img { + max-width: 100%; + box-sizing: border-box; + border: 1px solid #bbb; + border-radius: .2rem; + padding: .2rem; + + & + em { + display: block; + text-align: center; + } + } + table { + max-width: 100%; + margin: 0 auto; + text-align: left; + + td, th { padding: 0 1em } + } + blockquote { + margin: 1em 2em 1em 1.5em; + + p { + border-left: 3px solid #bbb; + padding-left: 1.5em; } - h1 a { color: inherit } } } diff --git a/templates/index.html b/templates/index.html index f2e5edc..3860049 100644 --- a/templates/index.html +++ b/templates/index.html @@ -4,7 +4,7 @@ {% block title %}{{ config.title }}{% endblock %} - +
diff --git a/templates/page.html b/templates/page.html new file mode 100644 index 0000000..2ea0240 --- /dev/null +++ b/templates/page.html @@ -0,0 +1,11 @@ +{% extends "index.html" %} + +{% block title %} + {{ page.title }} — {{ config.title }} +{% endblock %} + +{% block content %} +

{{ page.title }}

+ {{ page.content | safe }} + {{ macros::page_info(page=page) }} +{% endblock content %}