minor: комментарии

hypn0/templates/index.html

@@ -4,18 +4,27 @@
 {% block CONTENT %}
   <div class="grid grid-cols-1 lg:grid-cols-[400px_1fr] gap-8  items-start"
        x-data="{
+         /* Активная вкладка: 'style' (фигуры), 'params' (ползунки), 'color' (палитра) */
          activeTab: 'style',
+
+         /* Палитра цветов (1-3 цвета: монотон, дуотон, триатон) */
          colors: ['#a855ff'],
-         cols: 80,
-         radius: 8,
-         blink: 6,
-         rotation: 0,
-         scale: 980,
-         angle: 0,
-         isLoading: false,
-         hasChanges: true,
-         hasImage: false,
-         timer: null,
+
+         /* Параметры сетки и трансформаций */
+         cols: 80,       /* Плотность галлюцинации (число колонок сетки, 20-200) */
+         radius: 8,      /* Размер гипно-точки (максимальный радиус элементов, 3-20) */
+         blink: 6,       /* Интенсивность мерцания CSS-анимации (0-10) */
+         rotation: 0,    /* Укачивание (угол поворота элементов, от -15° до +15°) */
+         scale: 980,     /* Масштаб 'Взз-з-з-з…' (980 = 98.0%, диапазон 800-1040) */
+         angle: 0,       /* Перекос (наклон растровой сетки, от -44° до +45°) */
+
+         /* Служебные состояния интерфейса */
+         isLoading: false,   /* Идет ли процесс генерации SVG (индикация, блокировка) */
+         hasChanges: true,   /* Флаг наличия правок в форме для активности кнопки */
+         hasImage: false,    /* Флаг загрузки пользовательского файла */
+         timer: null,        /* Ссылка на таймер удержания анимации размышления */
+
+         /* Метод запуска состояния размышления (8 секунд) */
          startThinking() {
            this.isLoading = true;
            if (this.timer) clearTimeout(this.timer);
@@ -521,5 +530,4 @@
     </div>
 
 
-  </section>
-{% endblock CONTENT %}
+  </section>{% endblock CONTENT %}