Release

shared/templates/shared/index.html

@@ -4,7 +4,7 @@
 {% load static %}
 
 {% block title %}Rybička{% endblock %}
-{% block header_name %}Seznam nástrojů{% endblock %}
+{% block header_name %}Pirátský nožík{% endblock %}
 {% block description %}{% endblock %}
 
 {% block head %}
@@ -12,8 +12,10 @@
 {% endblock %}
 
 {% block content %}
-    <main>
-        <h1 class="text-6xl font-bebas mb-5">Rychlé nástroje</h1>
+    <main class="flex flex-col gap-8">
+        <section>
+            <h2 class="head-alt-md mb-5">Zabudované nástroje</h2>
+            
             <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" %}">
@@ -34,6 +36,7 @@
                         </div>
                     </div>
                 </li>
+                
                 <li class="card">
                     <a href="{% url "rv_voting_calc:index" %}">
                         <img
@@ -53,6 +56,33 @@
                         </div>
                     </div>
                 </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>
+            
+            <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
@@ -68,10 +98,31 @@
                             </a>
                         </h2>
                         <div class="font-light text-sm break-words">
-                        Webová aplikace sloužící k vytvoření alternativních krátkých URL adres.
+                            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>
                 </li>
             </ul>
+        </section>
     </main>
 {% endblock %}