From c59e9ae429e5249524669ea0a6a522aea0407fc1 Mon Sep 17 00:00:00 2001 From: David Kerkeslager Date: Thu, 13 Aug 2020 13:32:30 -0400 Subject: [PATCH] Yak shave the design a bit --- core/templates/core/base.html | 2 +- core/templates/core/post_detail.html | 10 +++--- core/templates/core/post_list.html | 26 +++++++++------ core/templates/core/style.css | 50 ++++++++++++++++++++++------ 4 files changed, 63 insertions(+), 25 deletions(-) diff --git a/core/templates/core/base.html b/core/templates/core/base.html index ba5ab1f..b98ea1d 100644 --- a/core/templates/core/base.html +++ b/core/templates/core/base.html @@ -14,7 +14,7 @@

Styx

styx

diff --git a/core/templates/core/post_detail.html b/core/templates/core/post_detail.html index a539a14..c8bf49a 100644 --- a/core/templates/core/post_detail.html +++ b/core/templates/core/post_detail.html @@ -3,13 +3,15 @@ {% block content %}

- {{ post.publication_utc|date:'Y-m-d H:i' }} + {{ post.publication_utc|date:'l, F j, Y' }} +

{{ object.body_html }} -

{% endblock %} diff --git a/core/templates/core/post_list.html b/core/templates/core/post_list.html index 8d6561c..bca4c13 100644 --- a/core/templates/core/post_list.html +++ b/core/templates/core/post_list.html @@ -6,19 +6,25 @@ {% for post in page_obj %}

- - {{ post.title }} - -

+ + {{ post.title }} + +

+ + {{ post.publication_utc|date:'l, F j, Y' }} +

{{ post.teaser_html }} -

+ - - Read more - +

{% endfor %} diff --git a/core/templates/core/style.css b/core/templates/core/style.css index d208566..a49d1bb 100644 --- a/core/templates/core/style.css +++ b/core/templates/core/style.css @@ -1,4 +1,11 @@ -html { height: 100%; font-family: "Lucida Grande", Verdana, Arial, sans-serif; +html { + height: 100%; + font-family: "Lucida Grande", Verdana, Arial, sans-serif; +} + +header, main, footer, p { + margin: 0; + padding: 0; } h1, h2, h3, h4, h5, h6 { @@ -33,6 +40,8 @@ body > header { } body > header > h1 { + font-family: Geneva, sans-serif; + font-weight: 100; font-size: 5rem; } @@ -77,25 +86,46 @@ article { display: flex; flex-direction: column; - margin: 2.5rem 0; + margin-top: 2.75rem; +} + +article:first-of-type { + margin-top: 0; +} + +article:not(:first-of-type) { + border-top: 1px solid black; + padding-top: 2rem; } -article h1 a, -article h1 a:visited { +article > header h1 a, +article > header h1 a:visited { text-decoration: none; } -article h1 a:hover, -article h1 a:active{ +article > header h1 a:hover, +article > header h1 a:active{ text-decoration: underline; } -article h1 { +article > header h1 { font-size: 2rem; } -article a.read-more { - margin-top: 1rem; +article > main { + margin: 1.6rem 0; +} + +article > main:last-child { + margin-bottom: 0; +} + +nav.pagination:first-child { + margin-bottom: 3rem; +} + +nav.pagination:last-child { + margin-top: 3rem; } @media (prefers-color-scheme: dark) { @@ -108,7 +138,7 @@ article a.read-more { color: #dfdede; } - article.teaser:not(:first-of-type) { + article:not(:first-of-type) { border-top: 1px solid #dfdddd; } } -- 2.20.1