Removed `pointer-events: none` to enable hover effects on images and updated font weight for better visibility. Added new CSS for tooltips and modified navigation/yaml configuration for better presentation.
49 lines
1.9 KiB
HTML
49 lines
1.9 KiB
HTML
{% if config.plugins.blog.post_url_format %}
|
|
<div class="md-posts">
|
|
{% for post in posts %}
|
|
<article class="md-post md-post--excerpt">
|
|
<header class="md-post__header">
|
|
{% if post.authors %}
|
|
<nav class="md-post__authors md-typeset">
|
|
{% for author in post.authors %}
|
|
<span class="md-author">
|
|
<img src="{{ author.avatar }}" alt="{{ author.name }}">
|
|
</span>
|
|
{% endfor %}
|
|
</nav>
|
|
{% endif %}
|
|
<div class="md-post__meta md-typeset">
|
|
<time datetime="{{ post.config.date.created }}">
|
|
{{ post.config.date.created | date }}
|
|
</time>
|
|
{% if post.categories %}
|
|
<span class="md-post__categories">
|
|
{% for category in post.categories %}
|
|
<a href="{{ category.url | url }}" title="Kategorie: {{ category.title }}">{{ category.title }}</a>
|
|
{%- if not loop.last %}, {% endif -%}
|
|
{% endfor %}
|
|
</span>
|
|
{% endif %}
|
|
{% if post.config.readtime %}
|
|
<span>{{ post.config.readtime }} Min. Lesezeit</span>
|
|
{% endif %}
|
|
</div>
|
|
</header>
|
|
<div class="md-post__content md-typeset">
|
|
<h2>
|
|
<a href="{{ post.url | replace('blog/', '') | url }}" title="{{ post.config.title }}">{{ post.config.title }}</a>
|
|
</h2>
|
|
|
|
<!-- Wir zeigen nur die Überschrift an, kein Excerpt oder weiterer Inhalt -->
|
|
|
|
<nav class="md-post__action">
|
|
<a href="{{ post.url | replace('blog/', '') | url }}" class="md-button" title="Weiterlesen: {{ post.config.title }}">
|
|
Weiterlesen
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|