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

mod: localized English version of README and UI texts, enhanced accessibility and internationalization features
HYPN0 Build and Push Docker Image / build-and-push (push) Successful in 51s
Details

Browse Source
This commit is contained in:
erjemin
2026-09-27 19:19:59 +03:00
parent ebf78c2c48
commit 1c846f7912
38 changed files with 1360 additions and 1091 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hypn0/templates/_base.html
+31 -31
View File
@@ -1,4 +1,4 @@
<!doctype html><html lang="ru" x-data="{darkMode:false}" x-init="darkMode=localStorage.getItem('darkMode')==='true';$watch('darkMode',
<!doctype html><html lang="en" x-data="{darkMode:false}" x-init="darkMode=localStorage.getItem('darkMode')==='true';$watch('darkMode',
val=>{if(val)document.documentElement.classList.add('dark');else document.documentElement.classList.remove('dark');})" x-bind:class="{'dark':darkMode}">
<!--█████████████████████████████████████████████████████████████████████████████████████████████████--><head><meta charset="utf-8" /><!--
█░░░░░░░░░░░░░░█░░░░░░█████████░░░░░░███████████████░░░░░░░░░░░░░░█░░░░░░█████████░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░███░░░░░░░░██░░░░░░░░████
@@ -13,19 +13,19 @@ val=>{if(val)document.documentElement.classList.add('dark');else document.docume
█░░▄▀░░██░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░███████░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░██░░▄▀▄▀▄▀░░███████░░▄▀░░██████████
█░░░░░░██░░░░░░█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░███████░░░░░░░░░░░░░░█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░█░░░░░░██░░░░░░░░░░███████░░░░░░██████████
██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
█████████████████████████████████████████████████████████████████████████████████████ Этот код содержит скрытые от сознания послания.
█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░███████░░░░░░░░░░░░░░█░░░░░░██░░░░░░█░░░░░░░░░░░░░░████ Они зашифрованы в отступах, хаотично расставленных пробелах
█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░███████░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░██░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░████ и выравнивании. Ментально неподготовленным крайне не рекомендуется
█░░░░░░▄▀░░░░░░█░░▄▀░░░░░░▄▀░░███████░░░░░░▄▀░░░░░░█░░▄▀░░██░░▄▀░░█░░▄▀░░░░░░░░░░████ вчитываться и искать ошибки. В случае, если вы сможете найти ошибку,
█████░░▄▀░░█████░░▄▀░░██░░▄▀░░███████████░░▄▀░░█████░░▄▀░░██░░▄▀░░█░░▄▀░░████████████ вы потеряете способность здраво рассуждать и мысли "зачем", "почему"
█████░░▄▀░░█████░░▄▀░░██░░▄▀░░███████████░░▄▀░░█████░░▄▀░░░░░░▄▀░░█░░▄▀░░░░░░░░░░████ и "в чем смысл" будут преследовать вас вечно. Неокортекс пострадает.
█████░░▄▀░░█████░░▄▀░░██░░▄▀░░███████████░░▄▀░░█████░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░████
█████░░▄▀░░█████░░▄▀░░██░░▄▀░░███████████░░▄▀░░█████░░▄▀░░░░░░▄▀░░█░░▄▀░░░░░░░░░░████ Разработчик сайта не несет ответственность за последствия.
█████░░▄▀░░█████░░▄▀░░██░░▄▀░░███████████░░▄▀░░█████░░▄▀░░██░░▄▀░░█░░▄▀░░████████████ Все претензии отправляйте в "Отдел пособий по слабоумию" мэрии
█████░░▄▀░░█████░░▄▀░░░░░░▄▀░░███████████░░▄▀░░█████░░▄▀░░██░░▄▀░░█░░▄▀░░░░░░░░░░████ Нового Нью-Йорка.
█████░░▄▀░░█████░░▄▀▄▀▄▀▄▀▄▀░░███████████░░▄▀░░█████░░▄▀░░██░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░████ Необходима виза бюрократа 24-го уровня (минимум).
█████████████████████████████████████████████████████████████████████████████████████ This source code contains messages hidden from human consciousness.
█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░███████░░░░░░░░░░░░░░█░░░░░░██░░░░░░█░░░░░░░░░░░░░░████ They are encrypted in indentations, chaotically placed spaces,
█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░███████░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░██░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░████ and alignment. The mentally unprepared are strictly advised against
█░░░░░░▄▀░░░░░░█░░▄▀░░░░░░▄▀░░███████░░░░░░▄▀░░░░░░█░░▄▀░░██░░▄▀░░█░░▄▀░░░░░░░░░░████ reading into this or searching for bugs. Should you find any error,
█████░░▄▀░░█████░░▄▀░░██░░▄▀░░███████████░░▄▀░░█████░░▄▀░░██░░▄▀░░█░░▄▀░░████████████ you will permanently forfeit sane reasoning, and questions like this
█████░░▄▀░░█████░░▄▀░░██░░▄▀░░███████████░░▄▀░░█████░░▄▀░░░░░░▄▀░░█░░▄▀░░░░░░░░░░████ “why”, “wherefore”, and “what is the meaning” will haunt your mind
█████░░▄▀░░█████░░▄▀░░██░░▄▀░░███████████░░▄▀░░█████░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░████ forever. Neocortex degradation is guaranteed. The site developer
█████░░▄▀░░█████░░▄▀░░██░░▄▀░░███████████░░▄▀░░█████░░▄▀░░░░░░▄▀░░█░░▄▀░░░░░░░░░░████ bears zero liability for neural consequences. Forward all complaints
█████░░▄▀░░█████░░▄▀░░██░░▄▀░░███████████░░▄▀░░█████░░▄▀░░██░░▄▀░░█░░▄▀░░████████████ to the “Department of Feeble-Minded Benefits”, New New York City Hall
█████░░▄▀░░█████░░▄▀░░░░░░▄▀░░███████████░░▄▀░░█████░░▄▀░░██░░▄▀░░█░░▄▀░░░░░░░░░░████
█████░░▄▀░░█████░░▄▀▄▀▄▀▄▀▄▀░░███████████░░▄▀░░█████░░▄▀░░██░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░████ Requires Grade 24 Bureaucrat clearance
█████░░░░░░█████░░░░░░░░░░░░░░███████████░░░░░░█████░░░░░░██░░░░░░█░░░░░░░░░░░░░░████
█████████████████████████████████████████████████████████████████████████████████████ СЛАВА ГИПНОЖАБЕ! ГЛЯДЯ В ЭТОТ ИСХОДНЫЙ КОД ДАЛЕЕ, ВЫ ПОТЕРЯЕТЕ РАЗУМ!
█████████████████████████████████████████████████████████████████████████████████████ ALL GLORY TO THE HYPNOTOAD! YOU’LL LOSE YOUR MIND, IF YOU GAZE ANY...
███████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
█░░░░░░██░░░░░░█░░░░░░░░██░░░░░░░░█░░░░░░░░░░░░░░█░░░░░░██████████░░░░░░█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░█░░░░░░░░░░░░███░░░░░░█
█░░▄▀░░██░░▄▀░░█░░▄▀▄▀░░██░░▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░░░░░░░░░██░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀░░░░█░░▄▀░░█
@@ -42,32 +42,32 @@ val=>{if(val)document.documentElement.classList.add('dark');else document.docume
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="{% block DESCRIPTION %}SVG-матрицы, блокирующие неокортекс. Алгоритмы мерцания и пульсаций, вводящие в транс. Новая web-технология удержания посетителей. Перед деплоем проконсультируйтесь с нейропсихологом{% endblock %}" />
<meta name="keywords" content="{% block KEYWORDS %}hypn0, HypnoSVG, svg matrix, hypnotoad, гипножаба, векторный глюко-растр, халфтон генератор, k-means svg, веб-дизайн паттерны, css анимация сетки, анимированный svg{% endblock %}" />
<meta name="copyright" lang="ru" content="Sergei Erjemin{% block META_COPYRIGHT_AUTHOR %}{% endblock %}." />
<meta name="description" content="{% block DESCRIPTION %}Neocortex-disrupting SVG matrices. Neural flicker algorithms inducing deep hypnotic trance. A revolutionary web-retention technology. Consult your neuropsychologist before deployment{% endblock %}" />
<meta name="keywords" content="{% block KEYWORDS %}hypn0, HypnoSVG, svg matrix, hypnotoad, brain slug, vector halftone generator, k-means svg, web design patterns, css grid animation, animated svg{% endblock %}" />
<meta name="copyright" lang="en" content="Sergei Erjemin{% block META_COPYRIGHT_AUTHOR %}{% endblock %}." />
<meta name="robots" content="{% block ROBOTS %}index,follow{% endblock %}" />
<meta name="format-detection" content="telephone=no" />
<title>{% block PAGE_TITLE %}HypnoSVG (hypn0) — Генератор анимированных SVG-халфтонов и векторных матриц онлайн{% endblock %}</title>
<meta name="meta-title" content="{% block META_TITLE %}HypnoSVG (hypn0) — Генератор анимированных SVG-халфтонов и векторных матриц онлайн{% endblock %}" />
<meta name="meta-description" content="{% block META_DESCRIPTION %}Онлайн-генератор анимированных SVG-халфтонов и гипнотических векторных матриц с CSS-пульсацией. Создание живых фонов и векторного растра.{% endblock %}" />
<title>{% block PAGE_TITLE %}HypnoSVG (hypn0) — Animated SVG Halftone &amp; Vector Matrix Generator Online{% endblock %}</title>
<meta name="meta-title" content="{% block META_TITLE %}HypnoSVG (hypn0) — Animated SVG Halftone &amp; Vector Matrix Generator Online{% endblock %}" />
<meta name="meta-description" content="{% block META_DESCRIPTION %}Online generator of animated SVG halftones and hypnotic vector matrices with CSS pulsations. Create living vector raster backgrounds in seconds.{% endblock %}" />
<meta property="og:site_name" content="hypn0.xyz" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:title" content="{% block OG_TITLE %}HypnoSVG (hypn0) — Генератор анимированных SVG-халфтонов{% endblock %}" />
<meta property="og:description" content="{% block OG_DESCRIPTION %}Онлайн-генератор анимированных SVG-халфтонов и векторных матриц. Создавайте психоделические живые SVG-паттерны в один клик.{% endblock %}" />
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="{% block OG_TITLE %}HypnoSVG (hypn0) — Animated SVG Halftone Generator{% endblock %}" />
<meta property="og:description" content="{% block OG_DESCRIPTION %}Online generator of animated SVG halftones and vector matrices. Create psychedelic living SVG patterns in one click.{% endblock %}" />
<meta property="og:url" content="{% block OG_URL %}{{ request.scheme }}://{{ request.get_host }}{{ request.path }}{% endblock %}" />
<meta property="og:type" content="{% block OG_TYPE %}website{% endblock %}" />
<meta property="og:image" content="{% block OG_IMAGE %}{% static 'img/og-hypn0-default.png' %}{% endblock %}" />
<meta property="og:image:alt" content="{% block OG_IMAGE_ALT %}HypnoSVG (hypn0) — Генератор анимированных SVG-халфтонов{% endblock %}" />
<meta property="og:image:alt" content="{% block OG_IMAGE_ALT %}HypnoSVG (hypn0) — Animated SVG Halftone Generator{% endblock %}" />
<meta name="twitter:card" content="{% block TWITTER_CARD %}summary_large_image{% endblock %}" />
<meta name="twitter:title" content="{% block TWITTER_TITLE %}HypnoSVG (hypn0) — Генератор анимированных SVG-халфтонов{% endblock %}" />
<meta name="twitter:description" content="{% block TWITTER_DESCRIPTION %}Онлайн-генератор анимированных SVG-халфтонов и векторных матриц. Создавайте психоделические живые SVG-паттерны в один клик.{% endblock %}" />
<meta name="twitter:title" content="{% block TWITTER_TITLE %}HypnoSVG (hypn0) — Animated SVG Halftone Generator{% endblock %}" />
<meta name="twitter:description" content="{% block TWITTER_DESCRIPTION %}Online generator of animated SVG halftones and vector matrices. Create psychedelic living SVG patterns in one click.{% endblock %}" />
<meta name="twitter:image" content="{% block TWITTER_IMAGE %}{% static 'img/og-hypn0-default.png' %}{% endblock %}" />
<meta name="theme-color" content="#F5F5F5" />
<!-- Лучше всего работает на 15" CGA-мониторе с частотой 25 Гц. Вплоть до полного разрушения сознания -->
{# Шутка #}<meta name="generator" content="Microsoft FrontPage 1.0 (Patchlevel 42)" />
{# Шутка #}<meta name="hypno-pulsation-level" content="97.9%" />
{# Шутка #}<meta name="brain-slug-compatibility" content="v2.1" />
<!-- ВНИМАНИЕ: Все еще не оптимизировано для Netscape Navigator 3.2 и Microsoft Internet Explorer 6.0 -->
<!-- Best viewed on a 15" CGA monitor at 25 Hz. Up to total consciousness subjugation -->
{# Joke #}<meta name="generator" content="Microsoft FrontPage 1.0 (Patchlevel 42)" />
{# Joke #}<meta name="hypno-pulsation-level" content="97.9%" />
{# Joke #}<meta name="brain-slug-compatibility" content="v2.1" />
<!-- WARNING: Still not optimized for Netscape Navigator 3.2 and Microsoft Internet Explorer 6.0 -->
<meta name="apple-mobile-web-app-title" content="hypn0" />
{# !CANONICAL #}<link rel="canonical" href="{% block CANONICAL %}{{ request.scheme }}://{{ request.get_host }}{{ request.path }}{% endblock %}" />
<link rel="icon" type="image/png" href="{% static 'img/favicon.png' %}" sizes="96x96" />
@@ -120,7 +120,7 @@ val=>{if(val)document.documentElement.classList.add('dark');else document.docume
<noscript>
<div class="sticky top-0 z-50 bg-amber-500 text-stone-950 px-4 py-2.5 text-center text-xs sm:text-sm font-bold shadow-lg border-b border-amber-600 flex items-center justify-center gap-2">
<span>⚠️</span>
<span>Для подчинения разума и генерации гипнотических SVG-матриц требуется включить <strong>JavaScript</strong> в вашем браузере!</span>
<span>To subjugate the&nbsp;mind and synthesize hypnotic SVG matrices, please enable <strong>JavaScript</strong> in&nbsp;your browser!</span>
</div>
</noscript>
{% block ADD_CSS1 %}{% endblock %}{% block ADD_CSS2 %}{% endblock %}{% block ADD_CSS3 %}{% endblock %}{% block BODY %}