image scaling and styling
This commit is contained in:
parent
e8c332fce4
commit
d287b3291d
|
@ -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>
|
||||||
|
|
|
@ -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" %}
|
||||||
|
|
Loading…
Reference in New Issue