image scaling and styling

This commit is contained in:
Christoph J. Scherr 2023-10-02 11:16:23 +02:00
parent e8c332fce4
commit d287b3291d
2 changed files with 29 additions and 31 deletions

View File

@ -22,39 +22,37 @@
<article> <article>
<div class="jumbotron my-5"> <div class="jumbotron my-5">
<div class="row"> <div class="row">
<div class="col">
{% if LANGUAGE_CODE == "de" %}
<h1 class="">
{{ post.title_de }}
<br>
<small class="fs-4">{{ post.subtitle_de }}</small>
</h1>
<br>
{% elif LANGUAGE_CODE == "en" %}
<h1 class="">
{{ post.title_en }}
<br>
<small class="fs-4">{{ post.subtitle_en }}</small>
</h1>
<br>
{% else %}
<h1 class="">
{{ post.title_en }}
<br>
<small class="fs-4">{{ post.subtitle_en }}</small>
</h1>
<br>
{% endif %}
</div>
</div>
<div class="row align-items-center text-center">
<div class="col"> <div class="col">
<picture> <picture>
<img src="{{ post.thumbnail.url }}" alt="thumbnail" class="img-fluid"> <img src="{{ post.thumbnail.url }}" alt="thumbnail" class="img-fluid">
</picture> </picture>
</div> </div>
<div class="row px-3"> <div class="col">
<div class=""> <div class="row py-5">
{% if LANGUAGE_CODE == "de" %}
<h1 class="">
{{ post.title_de }}
<br>
<small class="fs-4">{{ post.subtitle_de }}</small>
</h1>
<br>
{% elif LANGUAGE_CODE == "en" %}
<h1 class="">
{{ post.title_en }}
<br>
<small class="fs-4">{{ post.subtitle_en }}</small>
</h1>
<br>
{% else %}
<h1 class="">
{{ post.title_en }}
<br>
<small class="fs-4">{{ post.subtitle_en }}</small>
</h1>
<br>
{% endif %}
</div>
<div class="row py-5">
{% if LANGUAGE_CODE == "de" %} {% if LANGUAGE_CODE == "de" %}
<p class="lead">{{ post.desc_de }}</p> <p class="lead">{{ post.desc_de }}</p>
{% elif LANGUAGE_CODE == "en" %} {% elif LANGUAGE_CODE == "en" %}
@ -63,7 +61,7 @@
<p class="lead">{{ post.desc_en }}</p> <p class="lead">{{ post.desc_en }}</p>
{% endif %} {% endif %}
</div> </div>
<div class=""> <div class="row py-5">
<p> <p>
<b>{{ post.category.name }}<b> <b>{{ post.category.name }}<b>
</p> </p>

View File

@ -9,8 +9,8 @@
<a class="text-reset link-offset-2 link-underline link-underline-opacity-0" <a class="text-reset link-offset-2 link-underline link-underline-opacity-0"
href=" {% url 'blog:post' post.category.slug post.slug %}"> href=" {% url 'blog:post' post.category.slug post.slug %}">
<img src="{{ post.thumbnail.url }}" <img src="{{ post.thumbnail.url }}"
class="card-img-top img-fluid" class="card-img-top img-fluid mx-auto d-block"
style="max-height: 150px" style="max-height: 150px; width: auto; padding-top: 8px;"
alt="thumbnail" /> alt="thumbnail" />
<div class="card-body" style="height: 100px"> <div class="card-body" style="height: 100px">
{% if LANGUAGE_CODE == "de" %} {% if LANGUAGE_CODE == "de" %}