diff --git a/mail_signature/templates/mail_signature/index.html b/mail_signature/templates/mail_signature/index.html
index 29546e3bb257d949488f360c10a9e433b143c9b5..0e7784d90585894e28c2084b5418537cb21cfe4a 100644
--- a/mail_signature/templates/mail_signature/index.html
+++ b/mail_signature/templates/mail_signature/index.html
@@ -162,9 +162,12 @@
</form>
<div class="flex flex-col gap-3">
- <section class="flex flex-col gap-2">
- <div class="flex justify-between gap-2 items-center">
- <h2 class="font-bold mb-3">Náhled</h2>
+ <section class="flex flex-col gap-4">
+ <div class="flex justify-between gap-3 items-center">
+ <div class="flex flex-col gap-1">
+ <h2 class="font-bold">Náhled</h2>
+ <small class="text-right">Zkopíruj zde v případě, že tvůj poskytovatel nepodporuje přímé vkládání HTML.</small>
+ </div>
<button class="btn text-sm btn--condensed" id="copy">
<div class="btn__body">Zkopírovat</div>
</button>
diff --git a/member_group_size_calc/templates/member_group_size_calc/index.html b/member_group_size_calc/templates/member_group_size_calc/index.html
index 6ee5581a79a89f92fe6ce80b76cd41e474a7afca..965dae67beaa5d4a80baa849ca5dc8288d56f6ea 100644
--- a/member_group_size_calc/templates/member_group_size_calc/index.html
+++ b/member_group_size_calc/templates/member_group_size_calc/index.html
@@ -4,7 +4,7 @@
{% block title %}Kalkulačka velikosti skupiny členů{% endblock %}
{% block header_name %}Skupiny členů{% endblock %}
-{% block description %}Výpočet velikosti skupiny členů podle jednoacího řádu.{% endblock %}
+{% block description %}Výpočet velikosti skupiny členů podle jednacího řádu.{% endblock %}
{% block head %}
<link
diff --git a/rv_voting_calc/templates/rv_voting_calc/index.html b/rv_voting_calc/templates/rv_voting_calc/index.html
index 284e6de7e4c989a4f9c3f9393815e5a32d772ae7..a6abb1284c12848f25c0a254150255b7a4d48b21 100644
--- a/rv_voting_calc/templates/rv_voting_calc/index.html
+++ b/rv_voting_calc/templates/rv_voting_calc/index.html
@@ -4,7 +4,7 @@
{% block title %}Kalkulačka hlasování RV{% endblock %}
{% block header_name %}Hlasování RV{% endblock %}
-{% block description %}TODO - Popis{% endblock %}
+{% block description %}Výpočet výsledku referenda RV, systémem alternativního hlasování.{% endblock %}
{% block head %}
{% render_bundle "rv_voting_calc" %}
diff --git a/shared/static/shared/marketing.webp b/shared/static/shared/marketing.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7c33356477193f890a4b1c593016df9698165aaf
Binary files /dev/null and b/shared/static/shared/marketing.webp differ
diff --git a/shared/templates/shared/index.html b/shared/templates/shared/index.html
index a27f6dbb464358cdc0e8c0253f5d66efab8dc7b3..794c01e943baae4d6e1eaa43bb49adb6861a5509 100644
--- a/shared/templates/shared/index.html
+++ b/shared/templates/shared/index.html
@@ -4,7 +4,7 @@
{% load static %}
{% block title %}Rybička{% endblock %}
-{% block header_name %}Rychlé nástroje{% endblock %}
+{% block header_name %}Pirátský nožík{% endblock %}
{% block description %}{% endblock %}
{% block head %}
@@ -12,87 +12,117 @@
{% endblock %}
{% block content %}
- <main>
- <ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
- <li class="card">
- <a href="{% url "member_group_size_calc:index" %}">
- <img
- src="{% static "shared/calculator.webp" %}"
- alt="Kalkulačka velikosti skupiny členů"
- class="w-full h-48 object-cover"
- >
- </a>
- <div class="p-4">
- <h2 class="mb-2 text-xl font-bold">
- <a href="{% url "member_group_size_calc:index" %}">
- Kalkulačka velikosti skupiny členů
- </a>
- </h2>
- <div class="font-light text-sm break-words">
- Výpočet velikosti skupiny členů podle jednacího řádu.
- </div>
- </div>
- </li>
+ <main class="flex flex-col gap-8">
+ <section>
+ <h2 class="head-alt-md mb-5">Zabudované nástroje</h2>
- <li class="card">
- <a href="{% url "rv_voting_calc:index" %}">
- <img
- src="{% static "shared/voting.webp" %}"
- alt="Kalkulačka velikosti skupiny členů"
- class="w-full h-48 object-cover"
- >
- </a>
- <div class="p-4">
- <h2 class="mb-2 text-xl font-bold">
- <a href="{% url "rv_voting_calc:index" %}">
- Kalkulačka hlasování RV
- </a>
- </h2>
- <div class="font-light text-sm break-words">
- Výpočet výsledku referenda RV, systémem alternativního hlasování.
+ <ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+ <li class="card">
+ <a href="{% url "member_group_size_calc:index" %}">
+ <img
+ src="{% static "shared/calculator.webp" %}"
+ alt="Kalkulačka velikosti skupiny členů"
+ class="w-full h-48 object-cover"
+ >
+ </a>
+ <div class="p-4">
+ <h2 class="mb-2 text-xl font-bold">
+ <a href="{% url "member_group_size_calc:index" %}">
+ Kalkulačka velikosti skupiny členů
+ </a>
+ </h2>
+ <div class="font-light text-sm break-words">
+ Výpočet velikosti skupiny členů podle jednacího řádu.
+ </div>
</div>
- </div>
- </li>
-
- <li class="card">
- <a href="https://z.pirati.cz" target="_blank">
- <img
- src="{% static "shared/scissors.webp" %}"
- alt="Zkracovač odkazů"
- class="w-full h-48 object-cover"
- >
- </a>
- <div class="p-4">
- <h2 class="mb-2 text-xl font-bold">
- <a href="https://z.pirati.cz" target="_blank">
- Zkracovač odkazů
- </a>
- </h2>
- <div class="font-light text-sm break-words">
- Webová aplikace sloužící k vytvoření alternativních krátkých URL adres.
+ </li>
+
+ <li class="card">
+ <a href="{% url "rv_voting_calc:index" %}">
+ <img
+ src="{% static "shared/voting.webp" %}"
+ alt="Kalkulačka velikosti skupiny členů"
+ class="w-full h-48 object-cover"
+ >
+ </a>
+ <div class="p-4">
+ <h2 class="mb-2 text-xl font-bold">
+ <a href="{% url "rv_voting_calc:index" %}">
+ Kalkulačka hlasování RV
+ </a>
+ </h2>
+ <div class="font-light text-sm break-words">
+ Výpočet výsledku referenda RV, systémem alternativního hlasování.
+ </div>
</div>
- </div>
- </li>
+ </li>
+
+ <li class="card">
+ <a href="{% url "mail_signature:index" %}" target="_blank">
+ <img
+ src="{% static "shared/signature.webp" %}"
+ alt="Generátor emailových podpisů"
+ class="w-full h-48 object-cover"
+ >
+ </a>
+ <div class="p-4">
+ <h2 class="mb-2 text-xl font-bold">
+ <a href="{% url "mail_signature:index" %}" target="_blank">
+ Generátor emailových podpisů
+ </a>
+ </h2>
+ <div class="font-light text-sm break-words">
+ Vyplněním získáš HTML kód, který můžeš vložit jako podpis do svých emailů.
+ </div>
+ </div>
+ </li>
+ </ul>
+ </section>
+
+ <section>
+ <h2 class="head-alt-md mb-5">Externí nástroje</h2>
- <li class="card">
- <a href="{% url "mail_signature:index" %}" target="_blank">
- <img
- src="{% static "shared/signature.webp" %}"
- alt="Generátor emailových podpisů"
- class="w-full h-48 object-cover"
- >
- </a>
- <div class="p-4">
- <h2 class="mb-2 text-xl font-bold">
- <a href="{% url "mail_signature:index" %}" target="_blank">
- Generátor emailových podpisů
- </a>
- </h2>
- <div class="font-light text-sm break-words">
- Vyplněním získáš HTML kód, který můžeš vložit jako podpis do svých emailů.
+ <ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+ <li class="card">
+ <a href="https://z.pirati.cz" target="_blank">
+ <img
+ src="{% static "shared/scissors.webp" %}"
+ alt="Zkracovač odkazů"
+ class="w-full h-48 object-cover"
+ >
+ </a>
+ <div class="p-4">
+ <h2 class="mb-2 text-xl font-bold">
+ <a href="https://z.pirati.cz" target="_blank">
+ Zkracovač odkazů
+ </a>
+ </h2>
+ <div class="font-light text-sm break-words">
+ Vytvoření alternativních krátkých URL adres.
+ </div>
+ </div>
+ </li>
+
+ <li class="card">
+ <a href="https://z.pirati.cz" target="_blank">
+ <img
+ src="{% static "shared/marketing.webp" %}"
+ alt="Zkracovač odkazů"
+ class="w-full h-48 object-cover"
+ >
+ </a>
+ <div class="p-4">
+ <h2 class="mb-2 text-xl font-bold">
+ <a href="https://generator.pirati.cz" target="_blank">
+ Generátor grafiky
+ </a>
+ </h2>
+ <div class="font-light text-sm break-words">
+ Jednoduché tvoření grafických výstupů.
+ </div>
</div>
- </div>
- </li>
- </ul>
+ </li>
+ </ul>
+ </section>
</main>
{% endblock %}