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

This commit is contained in:
2026-09-27 19:19:59 +03:00
parent ebf78c2c48
commit 1c846f7912
38 changed files with 1360 additions and 1091 deletions
+25 -25
View File
@@ -1,10 +1,10 @@
<!doctype html>
<html lang="ru">
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>500 — Критический перегрев неокортекса | HypnoSVG</title>
<meta name="description" content="Ошибка 500: Внутренний сбой сервера HypnoSVG. Ведутся ментальные восстановительные работы." />
<title>500 — Introspection Neural Clinch | HypnoSVG</title>
<meta name="description" content="Error 500: Internal server malfunction in HypnoSVG. Emergency Brain Slug brigade deployed." />
<meta name="robots" content="noindex, follow" />
<link rel="icon" type="image/svg+xml" href="/media/_error/favicon.svg" />
<link rel="shortcut icon" href="/media/_error/favicon.ico" />
@@ -353,10 +353,10 @@
<body>
<header>
<div class="header-inner">
<a href="/" class="logo-link" title="HypnoSVG (hypn0) — На главную">
<a href="/" class="logo-link" title="HypnoSVG (hypn0) — Home">
<img src="/static/img/logo-hypn0.svg" onerror="this.onerror=null; this.src='/media/_error/logo-hypn0.svg';" alt="HypnoSVG" class="logo-img" />
</a>
<button type="button" class="theme-toggle" id="theme-btn" aria-label="Переключить тему" title="Переключить тему">
<button type="button" class="theme-toggle" id="theme-btn" aria-label="Toggle theme" title="Toggle theme">
<span id="theme-icon">●</span>
</button>
</div>
@@ -368,40 +368,40 @@
<img src="/static/img/thinking.svg" onerror="this.onerror=null; this.src='/media/_error/thinking.svg';" alt="500 Internal Server Error Slug" />
</div>
<div class="error-code-badge">АВАРИЯ СЕРВЕРА // КОД&nbsp;500</div>
<div class="error-code-badge">SERVER ANOMALY // CODE&nbsp;500</div>
<h1 class="error-title">Нейроклинч интроспекций</h1>
<h1 class="error-title">Introspection Neural Lock</h1>
<p class="error-desc">
Внутренний обработчик Т-волн подсознания столкнулся с&nbsp;непредвиденным логическим парадоксом. Ментальные службы уже приведены в&nbsp;состояние боевого транса.
The internal theta-wave processor collided with an unhandled logical paradox. Subconscious emergency services have been mobilized into combat trance.
</p>
<div class="hypno-quote">
<big>Справка бюрократа 24-го уровня:</big><br/>&nbsp;<br/>
<span style="margin-left: -0.49em;">«</span><em>Стек вызовов испустил синий дым, но&nbsp;паника строго запрещена циркуляром&nbsp;№16. Гипножаба, Мозгоклюй и&nbsp;дежурные Бри-Гады мозговых слизней уже&nbsp;инспектируют упавший поток перцепции и&nbsp;устраняет ментальную деградацию.</em>»
<big>Grade 24 Bureaucrat Notice:</big><br/>&nbsp;<br/>
<span style="margin-left: -0.49em;">“</span><em>The call stack emitted magic blue smoke, but panic is strictly prohibited under Directive #16. The Hypnotoad, the Brainpicker, and on-duty Brain Slug brigades are already diagnosing the fallen thread.</em>”
</div>
<div class="actions-box">
<div class="btn-group">
<button type="button" class="btn btn-primary" id="return-btn">
<span>● Дождаться регенерации и&nbsp;вернуться</span>
<span>● Await Neural Recovery &amp;&nbsp;Return</span>
</button>
<button type="button" class="btn btn-secondary" onclick="window.location.reload()">
<span>↻ Повторить попытку</span>
<span>↻ Try Again</span>
</button>
</div>
<!-- Панель калибровки с задержкой и смешными фразами -->
<!-- Calibration panel with delay and witty messages -->
<div class="calibration-panel" id="calibration-panel">
<div class="calibration-status" id="calibration-status">
Инициа&shy;лизация аварийной регенерации ядра…
Initializing emergency core regeneration…
</div>
<div class="progress-bar-container">
<div class="progress-bar-fill" id="progress-bar"></div>
</div>
<div class="calibration-subtext">
<span>Снижение ментальной нагрузки на&nbsp;кластер</span>
<a href="/" class="instant-link" id="skip-link">Пройти гипноз мгновенно&nbsp;→</a>
<span>Reducing mental load on&nbsp;cluster</span>
<a href="/" class="instant-link" id="skip-link">Instant Hypnosis&nbsp;→</a>
</div>
</div>
</div>
@@ -410,11 +410,11 @@
<footer>
<div class="ascii-grid">░▒▓█ ERROR 500 INTERNAL SERVER ERROR █▓▒░</div>
<div>Hypn0.xyz (HypnoSVG) © 2026. Слава Гипножабе. Все права подчинены.</div>
<div>Hypn0.xyz (HypnoSVG) ©&nbsp;2026. All Glory to&nbsp;the&nbsp;Hypnotoad. All minds subjugated.</div>
</footer>
<script>
// 1. Управление темой оформления (Light / Dark)
// 1. Theme switcher (Light / Dark)
var themeBtn = document.getElementById('theme-btn');
var themeIcon = document.getElementById('theme-icon');
@@ -430,7 +430,7 @@
updateThemeIcon();
});
// 2. Умная кнопка с задержкой и смешными сообщениями перекалибровки
// 2. Smart button with delay and humorous recalibration messages
var returnBtn = document.getElementById('return-btn');
var calibPanel = document.getElementById('calibration-panel');
var calibStatus = document.getElementById('calibration-status');
@@ -438,10 +438,10 @@
var isCalibrating = false;
var phrases = [
{ at: 0, text: "✦ Фаза 1/4: Локализуем утечку астральной памяти в&nbsp;ядре сервера&hellip;" },
{ at: 25, text: "✦ Фаза 2/4: Бюрократ 24-го уровня перезапускает упавший процесс&hellip;" },
{ at: 55, text: "✦ Фаза 3/4: Гипножаба восстанавливает гармонию матриц неокотекса&hellip;" },
{ at: 85, text: "✦ Фаза 4/4: Ядро стабилизировано! Телепор&shy;тация на&nbsp;главную&hellip;" }
{ at: 0, text: "✦ Phase 1/4: Isolating astral memory leak in core kernel&hellip;" },
{ at: 25, text: "✦ Phase 2/4: Grade 24 Bureaucrat restarts the fallen worker process&hellip;" },
{ at: 55, text: "✦ Phase 3/4: The Hypnotoad re-aligns neocortex halftone matrices&hellip;" },
{ at: 85, text: "✦ Phase 4/4: Core stabilized! Warping to main console&hellip;" }
];
returnBtn.addEventListener('click', function() {
@@ -450,7 +450,7 @@
returnBtn.disabled = true;
returnBtn.style.opacity = '0.7';
returnBtn.innerHTML = '<span>Выполняется внушение…</span>';
returnBtn.innerHTML = '<span>Transmitting hypnotic command…</span>';
calibPanel.style.display = 'block';
var duration = 12000;
@@ -462,7 +462,7 @@
progressBar.style.width = progress + '%';
// Подбираем актуальную смешную фразу
// Select the active phrase
for (var i = phrases.length - 1; i >= 0; i--) {
if (progress >= phrases[i].at) {
calibStatus.innerHTML = phrases[i].text;