Update stylesheets and blog template for layout improvements

Adjusted CSS to enhance layout consistency, including footer width and inner content margins. Updated blog template to include post excerpts with fallback for better readability and engagement.
This commit is contained in:
tfw
2025-05-08 08:24:26 +02:00
parent 452455fe21
commit d36051a03d
11 changed files with 57 additions and 33 deletions
+15 -1
View File
@@ -24,7 +24,21 @@
<a href="{{ post.url }}">{{ post.title }}</a>
</h2>
<!--<a href="{{ post.url }}" class="md-button">Weiterlesen</a>-->
<!-- Post-Excerpt hinzufügen -->
<div class="md-post__excerpt">
{% if post.excerpt %}
{{ post.excerpt }}
{% elif post.content | length > 0 %}
{{ post.content | striptags | truncate(200, true, "...") }}
{% else %}
<!-- Fallback, falls kein Excerpt oder Inhalt verfügbar ist -->
<p>Mehr Informationen im vollständigen Artikel.</p>
{% endif %}
</div>
<br />
<a href="{{ post.url }}" class="md-button">Weiterlesen</a>
</article>
{% endfor %}
</div>
File diff suppressed because one or more lines are too long
+5
View File
@@ -367,6 +367,11 @@ a.headerlink{
}
}
.md-content__inner {
margin: 0 0 1.2rem;
padding-top: .6rem;
}
.md-footer-meta.md-typeset a{
color: #fff !important;
}
+2 -2
View File
@@ -12,7 +12,7 @@
margin-left: auto;
margin-right: auto;
max-width: 61rem;
max-width: 1080px;
width: 100%;
line-height: 2rem;
padding-top: 3rem;
@@ -44,7 +44,7 @@
.md-footer-custom-links{
margin-left: auto;
margin-right: auto;
max-width: 61rem;
max-width: 1080px;
width: 100%;
a{
font-size: 1.2rem;