diff --git a/shared/templates/styleguide2/404.html b/shared/templates/styleguide2/404.html
index 0f44987612ed00288f55161bc44d1ce1c6c0e431..a535501e396ff6c977dc81b136044bef4eee52ac 100644
--- a/shared/templates/styleguide2/404.html
+++ b/shared/templates/styleguide2/404.html
@@ -10,7 +10,11 @@
<h1 class="head-alt-lg mb-8">
404
</h1>
- <img src="{% static 'shared/img/logo_black.svg' %}" alt class="mb-8"/>
+ <img
+ src="{% static 'shared/img/logo_black.svg' %}"
+ alt="Pirátské logo"
+ class="mb-8"
+ >
<h1 class="head-alt-md mb-8">
Narazili jsme na mělčinu...
</h1>
diff --git a/shared/templates/styleguide2/feed_item_description.html b/shared/templates/styleguide2/feed_item_description.html
index c84b96824e9d5a12180b6b040712cda922a892ef..833fb98a447c373976834ecd8d7d8ef7ba1df2c3 100644
--- a/shared/templates/styleguide2/feed_item_description.html
+++ b/shared/templates/styleguide2/feed_item_description.html
@@ -17,7 +17,10 @@
</p>
{% elif block.block_type == "image" %}
<a href="{{ block.value.href }}">
- <img src="{{ block.value.image.url }}">
+ <img
+ src="{{ block.value.image.url }}"
+ alt="{{ block.value.image.alt }}
+ >
</a>
<p>{{ block.value.text }}</p>
{% endif %}
diff --git a/shared/templates/styleguide2/includes/atoms/articles/side_image.html b/shared/templates/styleguide2/includes/atoms/articles/side_image.html
index f001d7ef1d7e0f0966f253b89983675444f8a9d1..b0d5783d3ed1172ba4b804816678182f0de4cc9d 100644
--- a/shared/templates/styleguide2/includes/atoms/articles/side_image.html
+++ b/shared/templates/styleguide2/includes/atoms/articles/side_image.html
@@ -9,12 +9,7 @@
lg:mx-8 lg:my-4 lg:w-2/5
"
>
- {% image image max-512x512 as side_image %}
-
- <img
- class="my-0"
- src="{{ side_image.url }}"
- >
+ {% image image max-512x512 class="my-0" %}
{% if image_source %}
<span class="text-grey-600 text-sm flex gap-2 items-center">
diff --git a/shared/templates/styleguide2/includes/atoms/figure/figure.html b/shared/templates/styleguide2/includes/atoms/figure/figure.html
index f092df2d018608117057c534ed9ffd1ca1e00b7f..18df394dd65211a8e7db6b370ba33cf817d6cc9f 100644
--- a/shared/templates/styleguide2/includes/atoms/figure/figure.html
+++ b/shared/templates/styleguide2/includes/atoms/figure/figure.html
@@ -1,12 +1,7 @@
{% load wagtailimages_tags %}
<figure class="flex flex-col gap-2 max-w-max py-4">
- {% image self.img width-1430 as img %}
-
- <img
- src="{{ img.url }}"
- alt="{{ img.alt }}"
- >
+ {% image self.img width-1430 %}
{% if self.caption %}
<figcaption
diff --git a/shared/templates/styleguide2/includes/atoms/youtube_video/youtube_video.html b/shared/templates/styleguide2/includes/atoms/youtube_video/youtube_video.html
index ae00ee80dc7fd117e72fd2a8994777c9cddc17b5..401a90e93148e7006bd6f168d28048f765ee913a 100644
--- a/shared/templates/styleguide2/includes/atoms/youtube_video/youtube_video.html
+++ b/shared/templates/styleguide2/includes/atoms/youtube_video/youtube_video.html
@@ -12,17 +12,7 @@
"
id="ytVideo{{ self.video_id }}PosterContainer"
>
- {% image self.poster_image width-720 as img %}
-
- <img
- src="{{ img.url }}"
- alt="{{ img.alt }}"
- class="
- object-cover mb-2 aspect-video rounded opacity-50 duration-200
-
- group-hover:blur-sm
- "
- >
+ {% image self.poster_image width-720 class="object-cover mb-2 aspect-video rounded opacity-50 duration-200 group-hover:blur-sm" %}
<div
class="absolute top-0 left-0 flex justify-center items-center w-full h-full"
diff --git a/shared/templates/styleguide2/includes/molecules/articles/article_timeline_preview.html b/shared/templates/styleguide2/includes/molecules/articles/article_timeline_preview.html
index daf1d03231ed4b25bed8a3f6fbed877838178619..da7172cdc1674652a4b6ecc432c0eff3062d4dee 100644
--- a/shared/templates/styleguide2/includes/molecules/articles/article_timeline_preview.html
+++ b/shared/templates/styleguide2/includes/molecules/articles/article_timeline_preview.html
@@ -9,12 +9,7 @@
data-id="{{ article.id }}"
>
<a href="{{ article.url }}">
- {% image article.image width-1024 as image %}
-
- <img
- src="{{ image.url }}"
- class="w-full object-cover object-center h-[27rem]"
- >
+ {% image article.image width-1024 class="w-full object-cover object-center h-[27rem]" %}
</a>
<div class="flex flex-col px-8 pb-6 pt-5 h-full">
diff --git a/shared/templates/styleguide2/includes/molecules/candidates/candidate_secondary_box.html b/shared/templates/styleguide2/includes/molecules/candidates/candidate_secondary_box.html
index fc9660fa8cb30249291cc166439083968fa39afc..4fccd7f08ba9cfdc9364bded07c1fdc4dd818dc7 100644
--- a/shared/templates/styleguide2/includes/molecules/candidates/candidate_secondary_box.html
+++ b/shared/templates/styleguide2/includes/molecules/candidates/candidate_secondary_box.html
@@ -17,14 +17,8 @@
"
>
{% if self.page.profile_image %}
- {% image self.page.profile_image fill-150x150 as profile_image %}
+ {% image self.page.profile_image fill-150x150 class="w-12 object-cover" %}
{% endif %}
-
- <img
- class="w-12 object-cover"
- alt="Portrét osoby {{ self.page.title }}"
- src="{% if profile_image %}{{ profile_image.url }}{% endif %}"
- >
</div>
<h4
@@ -42,6 +36,7 @@
{% if self.page.is_pirate %}
<img
class="w-8"
+ alt="Logo pirátské strany"
src="{% static "styleguide2/images/logo-round-black.svg" %}"
>
@@ -53,6 +48,7 @@
<img
class="w-8"
+ alt="Logo {{ self.page.other_party }}"
src="{{ other_party_logo_image.url }}"
>
diff --git a/shared/templates/styleguide2/includes/molecules/gallery/gallery.html b/shared/templates/styleguide2/includes/molecules/gallery/gallery.html
index 2f023a83179a983e6fe22ec3f9bdab8a3d239a2b..eac91825a432ccf6d4ed951796a41058711aa58e 100644
--- a/shared/templates/styleguide2/includes/molecules/gallery/gallery.html
+++ b/shared/templates/styleguide2/includes/molecules/gallery/gallery.html
@@ -16,7 +16,7 @@
data-fancybox="gallery"
data-caption="{{ thumb.alt }}"
>
- <img class="rounded" src="{{ thumb.url }}" alt="thumb.alt" />
+ <img class="rounded" src="{{ thumb.url }}" alt="{{ thumb.alt }}" />
</a>
{% endfor %}
</div>
diff --git a/shared/templates/styleguide2/includes/molecules/popouts/hoax_popout_point.html b/shared/templates/styleguide2/includes/molecules/popouts/hoax_popout_point.html
index 7b125f3e7cbc9ba9c1f8a27266e3345dc8f7495c..148f2da6d33b5f04374c4cc155f770690249107e 100644
--- a/shared/templates/styleguide2/includes/molecules/popouts/hoax_popout_point.html
+++ b/shared/templates/styleguide2/includes/molecules/popouts/hoax_popout_point.html
@@ -9,6 +9,7 @@
<div class="flex flex-wrap gap-4 lg:flex-nowrap">
<div class="grow lg:grow-0 lg:basis-2/3 prose max-w-screen-lg">
{% include "styleguide2/includes/atoms/text/paragraph.html" with text=hoax %}
+
<img
class="mt-10"
src="{% static "images/hoax.webp" %}"
diff --git a/shared/templates/styleguide2/includes/molecules/popouts/popout_point.html b/shared/templates/styleguide2/includes/molecules/popouts/popout_point.html
index 3af310c84830e9a2f9d7b91de154e7e943a17fd2..5b4fab9af5d4210791212beafa5b35d024e5b278 100644
--- a/shared/templates/styleguide2/includes/molecules/popouts/popout_point.html
+++ b/shared/templates/styleguide2/includes/molecules/popouts/popout_point.html
@@ -20,13 +20,7 @@
</div>
{% if guarantor_page.profile_image %}
- {% image guarnator_page.profile_image fill-150x150 as person_image %}
-
- <img
- alt="Obrázek osoby {{ guarantor_page.title }}"
- class="w-10 h-10 opacity-75 m-0 p-0 rounded-full"
- src="{{ person_image.url }}"
- >
+ {% image guarnator_page.profile_image fill-150x150 class="w-10 h-10 opacity-75 m-0 p-0 rounded-full" %}
{% endif %}
<strong>
diff --git a/shared/templates/styleguide2/includes/organisms/faq/faq_answer.html b/shared/templates/styleguide2/includes/organisms/faq/faq_answer.html
index cf6ed262147eb9d0100b2e2ec247432ca430acf9..20fb82a675183435ffa95db3763eff18243f70e3 100644
--- a/shared/templates/styleguide2/includes/organisms/faq/faq_answer.html
+++ b/shared/templates/styleguide2/includes/organisms/faq/faq_answer.html
@@ -63,15 +63,10 @@
</div>
{% if self.image %}
- {% image self.image max-512x512 as person_image %}
+ {% image self.image max-512x512 class="lg:h-96 h-64" %}
{% else %}
- {% image self.person_page.image max-512x512 as person_image %}
+ {% image self.person_page.image max-512x512 class="lg:h-96 h-64" %}
{% endif %}
-
- <img
- class="lg:h-96 h-64"
- src="{{ person_image.url }}"
- >
</div>
</div>
</div>
diff --git a/shared/templates/styleguide2/includes/organisms/header/elections/candidate_header.html b/shared/templates/styleguide2/includes/organisms/header/elections/candidate_header.html
index b03948fc9c2fa8fce97e3f3394de83a3da69c103..5eeb11752df29d2d84bb85506a8376dbe4649ee7 100644
--- a/shared/templates/styleguide2/includes/organisms/header/elections/candidate_header.html
+++ b/shared/templates/styleguide2/includes/organisms/header/elections/candidate_header.html
@@ -77,12 +77,7 @@
flex justify-center items-start grow w-full
"
>
- {% image image max-756x756 as person_image %}
-
- <img
- class="lg:w-3/5"
- src="{{ person_image.url }}"
- >
+ {% image image max-756x756 class="lg:w-3/5" %}
</div>
</div>
{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/layout/elections/navbar.html b/shared/templates/styleguide2/includes/organisms/layout/elections/navbar.html
index 3db87dffa7264db9b595c0e1ac3a60cef38e5131..4656adf827f9dbf9d3e03a87b3d7301fd4969707 100644
--- a/shared/templates/styleguide2/includes/organisms/layout/elections/navbar.html
+++ b/shared/templates/styleguide2/includes/organisms/layout/elections/navbar.html
@@ -3,15 +3,15 @@
{% load static %}
{% block navbar_logo_images %}
- <img class="navbar__logo--white w-[220px] lg:w-[280px]" src="{% static 'elections/logo-full-white.svg' %}" alt="">
- <img class="navbar__logo--black w-[220px] lg:w-[280px]" src="{% static 'elections/logo-full-black.svg' %}" alt="">
+ <img class="navbar__logo--white w-[220px] lg:w-[280px]" src="{% static 'elections/logo-full-white.svg' %}" alt="Pirátské logo">
+ <img class="navbar__logo--black w-[220px] lg:w-[280px]" src="{% static 'elections/logo-full-black.svg' %}" alt="Pirátské logo">
{% endblock %}
{% block popout_logo_image %}
<img
class="w-[220px] mt-3"
src="{% static 'elections/logo-full-black.svg' %}"
- alt=""
+ alt="Pirátské logo"
>
{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/layout/navbar.html b/shared/templates/styleguide2/includes/organisms/layout/navbar.html
index 5c070e45358c84b0c90988e25306c421382b4695..93c6dbfee8408cda5902ea9065132421505b4954 100644
--- a/shared/templates/styleguide2/includes/organisms/layout/navbar.html
+++ b/shared/templates/styleguide2/includes/organisms/layout/navbar.html
@@ -21,8 +21,16 @@
<!-- BEGIN Logo-->
<a href="{{ page.root_page.url }}" class="z-20 xl:mt-2 hover:no-underline">
{% block navbar_logo_images %}
- <img class="navbar__logo--white w-[150px] lg:w-[180px]" src="{% static 'styleguide2/images/logo-full-white.svg' %}" alt="">
- <img class="navbar__logo--black w-[150px] lg:w-[180px]" src="{% static 'styleguide2/images/logo-full-black.svg' %}" alt="">
+ <img
+ class="navbar__logo--white w-[150px] lg:w-[180px]"
+ src="{% static 'styleguide2/images/logo-full-white.svg' %}"
+ alt="Pirátské logo"
+ >
+ <img
+ class="navbar__logo--black w-[150px] lg:w-[180px]"
+ src="{% static 'styleguide2/images/logo-full-black.svg' %}"
+ alt="Pirátské logo"
+ >
{% endblock %}
</a>
<!-- END Logo -->
@@ -165,7 +173,7 @@
<img
class="w-[150px] mt-3"
src="{% static 'styleguide2/images/logo-full-black.svg' %}"
- alt=""
+ alt="Pirátské logo"
>
{% endblock %}
</div>