make blog nicer

This commit is contained in:
Nicholas Orlowsky 2024-05-16 20:08:41 +02:00
parent e7ac4e0c9a
commit 5c34a0faa2
Signed by: nickorlow
GPG key ID: 838827D8C4611687
2 changed files with 20 additions and 14 deletions

View file

@ -18,7 +18,7 @@ body {
background-color: #d2e0ec;
margin: 20px auto;
max-width: 750px;
width: 80%;
width: 90%;
}
a {

View file

@ -1,8 +1,9 @@
<h1>Blog</h1>
{% for blog in blogs %}
<div style="display:flex;justify-content:space-around; padding-bottom: 5px;">
<p style="margin-bottom: 0px; padding-right: 8px;">
<div style="display:flex;justify-content:flex-start; padding-bottom: 5px; flex-wrap: wrap;">
<div style="display:flex;flex-grow:1;">
<p style="margin-bottom: 0px; padding-right: 8px; white-space: nowrap; text-align: left;">
<a
{% if blog.url.contains("https://") %}
href="{{ blog.url }}"
@ -11,8 +12,13 @@
{% endif %}
>
[ {{ blog.title }} ]
</a></p>
</a>
</p>
<div style="flex-grow: 1; border-bottom: 1px dotted black;min-width:0px;"></div>
</div>
<div style="display: flex;flex-grow:1;">
<div style="flex-grow: 1; border-bottom: 1px dotted black;"></div>
<p style="margin-bottom: 0px; padding-left: 8px;"><i>{{ blog.date }}</i></p>
<p style="margin-bottom: 0px; padding-left: 8px;text-align: right;"><i>{{ blog.date }}</i></p>
</div>
</div>
{% endfor %}