diff options
| -rw-r--r-- | sass/styles.scss | 19 | ||||
| -rw-r--r-- | templates/index.html | 12 |
2 files changed, 25 insertions, 6 deletions
diff --git a/sass/styles.scss b/sass/styles.scss index 4dbe180..78a76c7 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -37,3 +37,22 @@ img { font-size: small; } } + +.post-title { + margin-top: 0; +} + +.post-meta { + display: flex; + justify-content: space-between; + font-size: x-small; + .post-tags { + display: flex; + list-style: none; + * + * { + &::before { + content: ", " + } + } + } +} diff --git a/templates/index.html b/templates/index.html index 91a335d..7857f0d 100644 --- a/templates/index.html +++ b/templates/index.html @@ -12,13 +12,8 @@ <li><a href="{{s.permalink | safe}}">{{ s.title }}</a></li> <ul class="post-list"> {% for post in s.pages %} - <article> + <article class="post"> <header class="post-header"> - <h1 class="post-title"> - <a href="{{ post.permalink | safe }}"> - {{ post.title }} - </a> - </h1> <div class="post-meta"> {{ post.date }} {% if post.taxonomies["tags"] | length > 0 %} @@ -29,6 +24,11 @@ </ul> {% endif %} </div> + <h1 class="post-title"> + <a href="{{ post.permalink | safe }}"> + {{ post.title }} + </a> + </h1> </header> <section class="post-summary"> {{ post.summary | safe }} |