diff options
| author | Harald Eilertsen <haraldei@anduin.net> | 2020-05-31 13:30:19 +0200 |
|---|---|---|
| committer | Harald Eilertsen <haraldei@anduin.net> | 2020-05-31 13:30:19 +0200 |
| commit | 386aa9a423f1ab1566fc2f09cb35ee7d510d9403 (patch) | |
| tree | 02cb4200c4d2d39c31212b515f0b1e7cb9e8cdc1 | |
| parent | 4913ad5fa636e110dc8fd6a618c71b8fa27a3561 (diff) | |
| download | rabalderz-386aa9a423f1ab1566fc2f09cb35ee7d510d9403.tar.gz rabalderz-386aa9a423f1ab1566fc2f09cb35ee7d510d9403.tar.bz2 rabalderz-386aa9a423f1ab1566fc2f09cb35ee7d510d9403.zip | |
More styling of post header on index page.
| -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 }} |