From 44b5085b997765536c429aa03dde5353ebb5e934 Mon Sep 17 00:00:00 2001
From: erjemin <erjemin@gmail.com>
Date: Sun, 16 Aug 2026 20:46:40 +0300
Subject: [PATCH] =?UTF-8?q?mod:=20=D0=B8=D0=BD=D1=82=D0=B5=D1=80=D1=84?=
 =?UTF-8?q?=D0=B5=D0=B9=D1=81=20(7)=20=D0=B2=D1=8B=D1=80=D0=BE=D0=B2=D0=BD?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8B=20=D0=BA=D0=BE=D0=BB=D0=BE=D0=BD=D0=BA=D0=B8?=
 =?UTF-8?q?=20=D0=BF=D0=BE=20=D0=B2=D1=8B=D1=81=D0=BE=D1=82=D0=B5=20+=20?=
 =?UTF-8?q?=D0=BB=D0=B0=D0=B9=D0=BA/=D0=B4=D0=B8=D1=81=D0=B4=D0=B0=D0=B9?=
 =?UTF-8?q?=D0=BA=20=D1=83=20=D0=B3=D0=BE=D1=82=D0=BE=D0=B2=D0=BE=D0=B9=20?=
 =?UTF-8?q?=D0=BA=D0=B0=D1=80=D1=82=D0=B8=D0=BD=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hypn0/templates/index.html | 47 +++++++++++++++++++-------------------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/hypn0/templates/index.html b/hypn0/templates/index.html
index b8540da..14f149e 100644
--- a/hypn0/templates/index.html
+++ b/hypn0/templates/index.html
@@ -2,7 +2,7 @@
 
 
 {% block CONTENT %}
-  <div class="grid grid-cols-1 lg:grid-cols-[400px_1fr] gap-8" 
+  <div class="grid grid-cols-1 lg:grid-cols-[400px_1fr] gap-8  items-start"
        x-data="{activeTab:'style',colors:['#a855ff'],cols:80,radius:8,blink:6,rotation:0,scale:980,angle:0}">
 
     <!-- ЛЕВАЯ ПАНЕЛЬ: НАСТРОЙКИ -->
@@ -43,7 +43,7 @@
         </nav>
 
         <!-- Контент табов -->
-        <div class="space-y-6">
+        <div class="space-y-6 min-h-[480px]">
           <!-- Таб: Стиль (Фигуры) -->
           <div x-show="activeTab === 'style'" class="grid grid-cols-4 gap-2">
             <!-- 1. Круг -->
@@ -282,7 +282,7 @@
         </div>
 
         <button type="submit"
-                class="w-full mt-8 bg-emerald-600 hover:bg-emerald-500 text-white font-bold py-3 px-6 rounded-xl transition-all shadow-lg shadow-emerald-900/20 active:scale-95">
+                class="w-full mt-8 bg-emerald-600 hover:bg-emerald-500 text-white font-bold py-3.5 px-6 rounded-xl transition-all shadow-lg shadow-emerald-900/20 active:scale-95">
           ЗАПУСТИТЬ ГЛЮКОТРОН
         </button>
       </form>
@@ -291,7 +291,7 @@
     <!-- ПРАВАЯ ПАНЕЛЬ: ПРЕВЬЮ -->
     <section class="flex flex-col gap-6">
       <div id="preview"
-           class="flex-1 bg-stone-200 dark:bg-zinc-900 rounded-3xl min-h-[400px] flex items-center justify-center border border-stone-300 dark:border-zinc-800 overflow-hidden relative group">
+           class="w-full h-[744px] bg-stone-200 dark:bg-zinc-900 rounded-3xl flex items-center justify-center border border-stone-300 dark:border-zinc-800 overflow-hidden relative group">
         <div class="text-stone-400 flex flex-col items-center gap-4">
           <svg xmlns="http://www.w3.org/2000/svg" class="w-16 h-16 opacity-50" fill="none" viewBox="0 0 24 24" stroke="currentColor">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/>
@@ -301,19 +301,22 @@
 
         <!-- Заглушка для кнопок действий (появятся при генерации) -->
         <div
-          class="absolute bottom-6 right-6 flex gap-2 translate-y-20 group-hover:translate-y-0 transition-transform duration-300">
-          <button
-            class="bg-white/90 dark:bg-zinc-800/90 backdrop-blur p-3 rounded-full shadow-xl hover:text-emerald-500">
-            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path
-                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"/>
+          class="absolute bottom-6 right-6 flex items-center gap-3 translate-y-20 group-hover:translate-y-0 transition-transform duration-300 pointer-events-none">
+          <button id="like-to-gallery" type="button" title="Нравится!"
+                  class="pointer-events-auto flex items-center gap-2 bg-emerald-600/85 hover:bg-emerald-600 text-white text-xs font-bold uppercase tracking-wide backdrop-blur-md px-4 py-2.5 rounded-full shadow-xl transition-all hover:scale-105 active:scale-95 cursor-pointer">
+            <span>Кандидат в галерею транса</span>
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                    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>
+
           </button>
-          <button
-            class="bg-white/90 dark:bg-zinc-800/90 backdrop-blur p-3 rounded-full shadow-xl hover:text-emerald-500">
-            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path
-                d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6L15.316 7.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6L15.316 7.342"/>
+          <button id="dislike-from-gallery" type="button" title="Не нравится!"
+                  class="pointer-events-auto flex items-center gap-2 bg-rose-900/90 hover:bg-rose-500 text-white text-xs font-bold uppercase tracking-wide backdrop-blur-md px-4 py-2.5 rounded-full shadow-xl transition-all hover:scale-105 active:scale-95 cursor-pointer">
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                    d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"/>
+              <span>Гипнoжаба такое не одобрит</span>
             </svg>
           </button>
         </div>
@@ -321,18 +324,14 @@
 
       <div class="grid grid-cols-2 gap-4">
         <button
-          class="bg-stone-800 text-white dark:bg-zinc-800 py-4 rounded-xl font-bold flex items-center justify-center gap-2 hover:bg-stone-700 transition-colors">
+          class="bg-stone-800 text-white dark:bg-zinc-800 py-3.5 rounded-xl font-bold flex items-center justify-center gap-2 hover:bg-stone-700 transition-colors">
           <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path
-              d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/>
-          </svg>
+            <path d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/></svg>
           КОПИРОВАТЬ SVG
         </button>
         <button
-          class="bg-emerald-600 text-white py-4 rounded-xl font-bold flex items-center justify-center gap-2 hover:bg-emerald-500 transition-colors shadow-lg shadow-emerald-900/20">
-          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path d="M4 16v1a2 2 0 002 2h12a2 2 0 002-2v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
-          </svg>
+          class="bg-emerald-600 text-white py-3.5 rounded-xl font-bold flex items-center justify-center gap-2 hover:bg-emerald-500 transition-colors shadow-lg shadow-emerald-900/20">
+          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M4 16v1a2 2 0 002 2h12a2 2 0 002-2v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
           СКАЧАТЬ
         </button>
       </div>
@@ -343,7 +342,7 @@
   <section class="mt-20">
     <div class="flex items-center justify-between mb-8">
       <h2 class="text-3xl font-black uppercase tracking-tighter">Галерея транса</h2>
-      <a href="#" class="text-emerald-600 font-bold hover:underline">Смотреть все →</a>
+      <a href="#" class="text-emerald-600 font-bold hover:underline">Смотреть всё →</a>
     </div>
 
     <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">