add: галерея (1) одиночная картинка

hypn0/templates/block/publish_status.html

@@ -2,13 +2,13 @@
 <!-- Сообщение от протестующих мозговых слизней (Zero-PII / отсутствие куки) -->
 <div id="gallery-candidate-action" class="pointer-events-auto bg-amber-500/95 dark:bg-amber-600/95 text-stone-900 dark:text-stone-100 p-4 rounded-2xl shadow-2xl backdrop-blur-md max-w-sm border border-amber-300 dark:border-amber-400 animate-in fade-in zoom-in-95 duration-200">
   <div class="flex items-start gap-3">
-    <div class="w-8 h-8 shrink-0 flex items-center justify-center bg-amber-600 dark:bg-amber-700 text-white rounded-full text-lg shadow-inner">
-      🐌
+    <div class="w-14 h-14 shrink-0 flex items-center justify-center bg-amber-600 dark:bg-amber-700 text-white rounded-full shadow-inner">
+      <svg class="w-12 h-12 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M477 33c-19 0-34 15-34 34 0 13 7 24 18 30v33a15 15 0 0 1-15 15h-32c-8 0-15-6-15-15V99c1-6 18-17 17-31 0-19-16-35-35-35s-35 16-35 35c0 14 8 26 20 33v80c0 6-0 12-2 19 0 51-103 148-215 177-59 14-120 37-135 40-26 5-16 38 23 44 31 5 31 18 63 18s31-18 64-17c31 0 31 17 62 17s31-17 62-17c31 0 31 17 62 17 37 0 142-19 142-159V99C505 93 512 81 512 68c0-19-16-34-35-35z"/></svg>
     </div>
     <div class="space-y-2">
       <h4 class="font-bold text-xs uppercase tracking-wide text-amber-950 dark:text-amber-100">Мозговые слизняки протестуют!</h4>
       <p class="text-xs leading-relaxed opacity-95">
-        Они наябедничали Гипножабе, что вы ещё не подчинились и сопротивляетесь её воле. Только истинно подчинившийся разумом удостаивается чести попасть в галерею транса!
+        Они наябедничали, что вы&nbsp;ещё не&nbsp;раскрыли свой разум. Только истинно утратившие волю удостаиваются чести попасть в&nbsp;галерею транса!
       </p>
 
       <form hx-post="{% url 'hypn0_site:publish' %}"

hypn0/templates/block/vote_button.html

@@ -0,0 +1,22 @@
+<div id="vote-btn-{{ item.s_hash_id }}" class="inline-flex items-center">
+  {% if not_agreed %}
+    <span class="text-amber-500 text-xs flex items-center gap-1 font-bold">
+      🐌 Подчинитесь воле Гипножабы!
+    </span>
+  {% else %}
+    <form hx-post="{% url 'hypn0_site:gallery_vote' item.s_hash_id %}"
+          hx-target="#vote-btn-{{ item.s_hash_id }}"
+          hx-swap="outerHTML"
+          class="inline-flex items-center">
+      {% csrf_token %}
+      <button type="submit"
+              {% if user_voted %}disabled{% endif %}
+              class="flex items-center gap-1.5 px-3.5 py-1.5 rounded-full text-xs font-bold transition-all {% if user_voted %}bg-rose-500/20 text-rose-400 border border-rose-500/30 cursor-default{% else %}bg-stone-200 dark:bg-stone-800 hover:bg-rose-500 hover:text-white text-stone-700 dark:text-stone-300 cursor-pointer hover:scale-105 active:scale-95 shadow-sm{% endif %}">
+        <svg class="w-4 h-4 {% if user_voted %}fill-rose-500 text-rose-500{% else %}fill-none stroke-current{% endif %}" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
+        </svg>
+        <span>{{ item.i_likes_count }}</span>
+      </button>
+    </form>
+  {% endif %}
+</div>