alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

♻️ refactor: wrap tags in ul>li

Browse Source 
Long tags will get wrapped onto new lines now.
This commit is contained in:
welpo 2023-02-27 18:45:46 +01:00
parent 9b680b0da7
commit 887929fac7
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
2 changed files with 39 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
sass/parts/_header.scss
View File

@ -73,6 +73,7 @@ header {
letter-spacing: -0.5px; letter-spacing: -0.5px;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 300; font-weight: 300;
padding: 0;
padding-top: 0.7vmin; padding-top: 0.7vmin;
padding-bottom: 3vmin; padding-bottom: 3vmin;
line-height: 1.4rem; line-height: 1.4rem;
@ -85,6 +86,11 @@ header {
text-decoration: none; text-decoration: none;
} }
.meta ul, li{
list-style-type: none;
display: inline;
}
.card-meta { .card-meta {
color: var(--meta-color); color: var(--meta-color);
font-size: 0.92rem; font-size: 0.92rem;

67
templates/macros/content.html
View File

@ -3,43 +3,42 @@
<main> <main>
<article> <article>
<div> <div class="article-title">
<div class="article-title"> {{ page.title }}
{{ page.title }}
</div>
<div class="meta">
{% if page.draft %}
<span class="draft-label">DRAFT</span>
{% endif %}
{% if page.date %}
{{ macros_format_date::format_date(date=page.date) }}
{{ separator }}
{% endif %}
<span title="{{ page.word_count }} words">{{ page.reading_time }} min read</span>
{% if page.taxonomies and page.taxonomies.tags %}
<nav class="nav tags">&nbsp;{{ separator }}&nbsp;Tags:
{% for tag in page.taxonomies.tags %}
<a href={{ get_taxonomy_url(kind='tags' , name=tag) | safe }}>{{ tag }}</a>{% if not loop.last %},
{% endif %}
{% endfor %}
</nav>
{% endif %}
{% if page.updated %}
<br>Last updated on {{ macros_format_date::format_date(date=page.updated) }}
{% endif %}
</div>
</div> </div>
<ul class="meta">
{% if page.draft %}
<span class="draft-label">DRAFT</span>
{% endif %}
{% if page.date %}
<span>{{ macros_format_date::format_date(date=page.date) }}</span>
{{ separator }}
{% endif %}
<span title="{{ page.word_count }} words">{{ page.reading_time }} min read</span>
{% if page.taxonomies and page.taxonomies.tags %}
{{ separator }}&nbsp;Tags:
{% for tag in page.taxonomies.tags %}
<li><a href={{ get_taxonomy_url(kind='tags' , name=tag) | safe }}>{{ tag }}</a></li>
{%- if not loop.last -%}
,
{%- endif -%}
{% endfor %}
{% endif %}
{% if page.updated %}
<br><span>Last updated on {{ macros_format_date::format_date(date=page.updated) }}</span>
{% endif %}
</ul>
{% if page.extra.tldr %} {% if page.extra.tldr %}
<div class="tldr"> <div class="tldr">
<h3>TL;DR:</h3> <h3>TL;DR:</h3>
<p>{{ page.extra.tldr }}</p> <p>{{ page.extra.tldr }}</p>
</div> </div>
{% endif %} {% endif %}
{# Optional table of contents #} {# Optional table of contents #}