diff options
| author | HombreLaser <buran@silosneeded.com> | 2025-06-25 20:16:54 -0600 |
|---|---|---|
| committer | HombreLaser <buran@silosneeded.com> | 2025-06-25 20:16:54 -0600 |
| commit | 6f0db44b771c43085e084a41729994b177112d39 (patch) | |
| tree | 6c4dc817ebf62e10181ebba5107a4eccde2c80cd | |
| parent | b66df6f292353a014aa12bd6646f76755ef05386 (diff) | |
Improve archive page
| -rw-r--r-- | archive.liquid | 26 | ||||
| -rw-r--r-- | assets/css/styles.css | 4 |
2 files changed, 14 insertions, 16 deletions
diff --git a/archive.liquid b/archive.liquid index b617213..ef2ff34 100644 --- a/archive.liquid +++ b/archive.liquid @@ -18,25 +18,19 @@ permalink: /archive.html <h2>{{ post.date | date: '%Y' }}</h2> {% endif %} {% endunless %} - <div class="column"> - <a class="archive-post-title" href="{{ site.baseurl }}{{post.url }}"> - {{ post.title }} - </a> - </div> <div class="columns"> - <div class="column is-one-fifth"> - {% capture month%}{{ post.date | date: "%b" }}{% endcapture %}{{ post.date | date: "%d-%m-%Y" }} - <svg class="svg-icon-body" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-event-fill" viewBox="0 0 16 16"> - <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2m-3.5-7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5"/> - </svg> + <div class="archive-post-date column is-2"> + <p class="archive-post-date"> + <svg class="svg-icon-body" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-event-fill" viewBox="0 0 16 16"> + - <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2m-3.5-7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5"/> + - </svg> + {% capture month%}{{ post.date | date: "%b" }}{% endcapture %}{{ post.date | date: "%d-%m-%Y" }} + </p> </div> <div class="column"> - {% for tag in post.tags %} - {{ tag }}{% unless forloop.last %},{% endunless %} - {% endfor %} - <svg class="svg-icon-body" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tag-fill" viewBox="0 0 16 16"> - <path d="M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/> - </svg> + <a class="archive-post-title" href="{{ site.baseurl }}{{post.url }}"> + {{ post.title }} + </a> </div> </div> </div> diff --git a/assets/css/styles.css b/assets/css/styles.css index 02db05b..2e8b9be 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -335,6 +335,10 @@ a.archive-post-title { font-size: 1.5rem; } +p.archive-post-date { + font-weight: bold; +} + .columns:not(:last-child) { margin-bottom: 0rem; } |