diff options
| -rw-r--r-- | sass/style.sass | 41 | ||||
| -rw-r--r-- | templates/base.html | 21 | ||||
| -rw-r--r-- | templates/macros.html | 2 |
3 files changed, 44 insertions, 20 deletions
diff --git a/sass/style.sass b/sass/style.sass index 6d3f79a..e911c97 100644 --- a/sass/style.sass +++ b/sass/style.sass @@ -29,6 +29,13 @@ --bg-color: #000000 +@mixin spacer + content: '·' + margin-inline: .2rem + + font-style: normal + color: var(--fg-color) + a text-decoration: none @@ -73,17 +80,8 @@ code font-weight: bold color: red -ul.inline - margin: 0 - padding: 0 - list-style-type: none - display: inline-block - - > li - display: inline-block - - > li:not(:first-of-type) - padding-left: .2em +div.banner + display: flex div.footnote-definition > p @@ -154,6 +152,9 @@ div.banner h2 font-style: italic font-weight: inherit + &::before + @include spacer + article > header margin: 0 @@ -166,15 +167,29 @@ article > header > img.avatar border: 1px solid var(--border-color-light) article > header > div.banner - display: flex justify-content: space-between border-bottom: 1px dotted var(--border-color-dark) -nav.pagination +nav display: flex +nav ul.inline + margin: 0 + padding: 0 + list-style-type: none + display: inline-flex + +nav.pagination margin: 1rem 0 padding-top: .5rem > a.older margin-left: auto + +nav.tags + ul > li:not(:first-of-type) + padding-left: .4rem + +nav.links + &::before, & > ul > li:not(:first-child)::before + @include spacer diff --git a/templates/base.html b/templates/base.html index 9190f0e..7599251 100644 --- a/templates/base.html +++ b/templates/base.html @@ -32,12 +32,21 @@ <header> <h1><a href="/">{{ config.title }}</a></h1> <div class="banner smaller"> - {{ description }} - {% if section -%} - · <a href="/atom.xml">feed</a> · <a href="/tags">tags</a> - {% elif term -%} - · <a href="atom.xml">feed</a> - {% endif -%} + <span class="description"> + {{ description }} + </span> + {%- if section or term %} + <nav class="links"> + <ul class="inline"> + {%- if section %} + <li><a href="/atom.xml">feed</a></li> + <li><a href="/tags">tags</a></li> + {%- elif term %} + <li><a href="atom.xml">feed</a></li> + {%- endif %} + </ul> + </nav> + {%- endif %} </div> </header> {%- block content %}{% endblock -%} diff --git a/templates/macros.html b/templates/macros.html index 20905fe..ef3cf34 100644 --- a/templates/macros.html +++ b/templates/macros.html @@ -10,7 +10,7 @@ <div class="info"> <a class="bold-hover" title="permalink to this post" href="{{ post.permalink }}">{% if mention %}№ {{ post.slug }} {% else %}§{% endif %}</a> <time class="mute" datetime="{{ post.date }}" title="{{ post.date }}">{{ post.date | date(format="%F %R") }}</time> - {%- if post.title %} · <h2 class="mute">{{ post.title }}</h2>{% endif %} + {%- if post.title %}<h2 class="mute">{{ post.title }}</h2>{% endif %} {%- if post.draft %}<span class="warning">DRAFT</span>{% endif %} </div> {%- if "tags" in post.taxonomies %} |