nws/nws-site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

make blog nicer

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/style.css
View file

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

14
templates/blog.html
View file

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