erjemin/2026-hypn0-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mod: интерфейс (7) выровнены колонки по высоте + лайк/дисдайк у готовой картинки

Browse Source
This commit is contained in:
erjemin
2026-08-16 20:46:40 +03:00
parent c0cb0a2af9
commit 44b5085b99
1 changed files with 23 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hypn0/templates/index.html
+22 -23
View File
@@ -2,7 +2,7 @@
{% block CONTENT %} {% 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}"> x-data="{activeTab:'style',colors:['#a855ff'],cols:80,radius:8,blink:6,rotation:0,scale:980,angle:0}">
<!-- ЛЕВАЯ ПАНЕЛЬ: НАСТРОЙКИ --> <!-- ЛЕВАЯ ПАНЕЛЬ: НАСТРОЙКИ -->
@@ -43,7 +43,7 @@
</nav> </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"> <div x-show="activeTab === 'style'" class="grid grid-cols-4 gap-2">
<!-- 1. Круг --> <!-- 1. Круг -->
@@ -282,7 +282,7 @@
</div> </div>
<button type="submit" <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> </button>
</form> </form>
@@ -291,7 +291,7 @@
<!-- ПРАВАЯ ПАНЕЛЬ: ПРЕВЬЮ --> <!-- ПРАВАЯ ПАНЕЛЬ: ПРЕВЬЮ -->
<section class="flex flex-col gap-6"> <section class="flex flex-col gap-6">
<div id="preview" <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"> <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"> <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"/> <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 <div
class="absolute bottom-6 right-6 flex gap-2 translate-y-20 group-hover:translate-y-0 transition-transform duration-300"> 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 <button id="like-to-gallery" type="button" title="Нравится!"
class="bg-white/90 dark:bg-zinc-800/90 backdrop-blur p-3 rounded-full shadow-xl hover:text-emerald-500"> 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">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <span>Кандидат в галерею транса</span>
<path <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"/> 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> </svg>
</button> </button>
<button <button id="dislike-from-gallery" type="button" title="Не нравится!"
class="bg-white/90 dark:bg-zinc-800/90 backdrop-blur p-3 rounded-full shadow-xl hover:text-emerald-500"> 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-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
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"/> 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> </svg>
</button> </button>
</div> </div>
@@ -321,18 +324,14 @@
<div class="grid grid-cols-2 gap-4"> <div class="grid grid-cols-2 gap-4">
<button <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"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path <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>
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 КОПИРОВАТЬ SVG
</button> </button>
<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"> 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"> <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>
<path d="M4 16v1a2 2 0 002 2h12a2 2 0 002-2v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
</svg>
СКАЧАТЬ СКАЧАТЬ
</button> </button>
</div> </div>
@@ -343,7 +342,7 @@
<section class="mt-20"> <section class="mt-20">
<div class="flex items-center justify-between mb-8"> <div class="flex items-center justify-between mb-8">
<h2 class="text-3xl font-black uppercase tracking-tighter">Галерея транса</h2> <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>
<div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">