From 69ec8f4ede89036fbdaef97c97a19ac71526f2fc Mon Sep 17 00:00:00 2001
From: treamz <treamz@gmail.com>
Date: Sun, 22 Mar 2026 00:10:12 +0300
Subject: [PATCH] UI: light theme default, remove free mentions, fix scroll
 animation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Default theme: light (was dark)
- Removed all бесплатно/free/навсегда mentions across all pages
- Landing: title, hero badge, hero text, CTA button, advantages, footer CTA
- Dashboard: hero text, about section, stats
- Register: subtitle
- Fixed scroll-hint animation (was bouncing infinitely, now static)
- Removed class=dark from all 18 HTML files (theme managed by JS)
---
 public/compress.html    |  2 +-
 public/converter.html   |  2 +-
 public/dashboard.html   | 10 +++++-----
 public/editor.html      |  2 +-
 public/formatter.html   |  2 +-
 public/httpclient.html  |  2 +-
 public/landing.html     | 18 +++++++++---------
 public/login.html       |  4 ++--
 public/md.html          |  2 +-
 public/parser.html      |  2 +-
 public/password.html    |  2 +-
 public/placeholder.html |  2 +-
 public/redirects.html   |  2 +-
 public/register.html    |  6 +++---
 public/sanitizer.html   |  2 +-
 public/shared.js        |  4 ++--
 public/svgeditor.html   |  2 +-
 public/video.html       |  2 +-
 18 files changed, 34 insertions(+), 34 deletions(-)
diff --git a/public/compress.html b/public/compress.html
index 8a0429a..cc939ff 100644
--- a/public/compress.html
+++ b/public/compress.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/converter.html b/public/converter.html
index 70eb570..1d83b9d 100644
--- a/public/converter.html
+++ b/public/converter.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/dashboard.html b/public/dashboard.html
index 26b501d..b221082 100644
--- a/public/dashboard.html
+++ b/public/dashboard.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -94,7 +94,7 @@
             Добро пожаловать
         </h1>
         <p style="font-size:14px;color:var(--text-secondary);margin-top:8px;line-height:1.6;max-width:600px;">
-            14 бесплатных инструментов для веб-разработки: сжатие картинок и видео,
+            14 инструментов для веб-разработки: сжатие картинок и видео,
             форматирование кода, тестирование API, генерация паролей и многое другое.
         </p>
     </div>
@@ -203,7 +203,7 @@
     <div class="about-card fade-d4">
         <h2>О сервисе</h2>
         <p>
-            <strong style="color:var(--text-primary);">WA Dev Tools</strong> — набор бесплатных инструментов для веб-разработчиков.
+            <strong style="color:var(--text-primary);">WA Dev Tools</strong> — набор инструментов для веб-разработчиков.
             Все инструменты работают прямо в браузере: сжимайте изображения, форматируйте код, тестируйте API,
             генерируйте пароли и многое другое — без установки, без ограничений, без подписок.
             Загруженные файлы обрабатываются на лету и не сохраняются на сервере.
@@ -218,8 +218,8 @@
                 <div class="label">категории</div>
             </div>
             <div class="about-stat">
-                <div class="num" style="color:#22c55e;">Free</div>
-                <div class="label">бесплатно</div>
+                <div class="num">14</div>
+                <div class="label">инструментов</div>
             </div>
         </div>
     </div>
diff --git a/public/editor.html b/public/editor.html
index 73c9b5e..0c2b9e0 100644
--- a/public/editor.html
+++ b/public/editor.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/formatter.html b/public/formatter.html
index cfc5e84..c82857d 100644
--- a/public/formatter.html
+++ b/public/formatter.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/httpclient.html b/public/httpclient.html
index 0f2f4fd..d9e9aad 100644
--- a/public/httpclient.html
+++ b/public/httpclient.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/landing.html b/public/landing.html
index f1261cb..6cbdc67 100644
--- a/public/landing.html
+++ b/public/landing.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru" >
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>WA Dev Tools — 13 бесплатных инструментов для веб-разработчика</title>
-    <meta name="description" content="Сжатие картинок, форматирование кода, HTTP-клиент и ещё 10 инструментов для веб-разработчиков — всё в браузере, бесплатно." />
+    <title>WA Dev Tools — инструменты для веб-разработчика</title>
+    <meta name="description" content="Сжатие картинок, форматирование кода, HTTP-клиент и ещё 10 инструментов для веб-разработчиков — всё в браузере, " />
     <script src="/vendor/tailwind.js"></script>
     <script>
         tailwind.config = {
@@ -245,7 +245,7 @@
             font-size: 10px;
             letter-spacing: 0.15em;
             text-transform: uppercase;
-            animation: float 2.5s ease-in-out infinite;
+            animation: none;
         }
 
         /* ── Section common ── */
@@ -612,7 +612,7 @@
     <div style="position:relative;z-index:1;width:100%;">
         <div class="hero-badge animate-fade-in">
             <span class="dot"></span>
-            <span id="hero-badge-text">13 инструментов — бесплатно навсегда</span>
+            <span id="hero-badge-text">14 инструментов для разработчиков</span>
         </div>
 
         <div class="hero-logo animate-slide-up delay-100">
@@ -626,7 +626,7 @@
 
         <p class="hero-sub animate-slide-up delay-300" id="hero-sub">
             Сжатие картинок, форматирование кода, HTTP-клиент и ещё 10 инструментов —
-            всё в браузере, бесплатно и без регистрации карты.
+            всё в браузере, без установки и регистрации карты.
         </p>
 
         <div class="hero-cta-group animate-slide-up delay-400">
@@ -636,7 +636,7 @@
                     <path d="M17 3h4v4"/>
                     <path d="M10 14 21 3"/>
                 </svg>
-                Начать бесплатно
+                Начать работу
             </a>
             <a href="/auth/login" class="btn-secondary">
                 <span class="link-text">Уже есть аккаунт? Войти</span>
@@ -796,7 +796,7 @@
                         <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/>
                     </svg>
                 </div>
-                <div class="adv-title">Бесплатно навсегда</div>
+                <div class="adv-title">Без ограничений</div>
                 <p class="adv-desc">Никаких подписок и скрытых платежей. Все 13 инструментов доступны сразу после регистрации.</p>
             </div>
 
@@ -847,7 +847,7 @@
         <p class="section-label" style="margin-bottom:16px;">Начните прямо сейчас</p>
         <h2 class="cta-headline">Готовы начать?</h2>
         <p class="cta-sub">
-            Зарегистрируйтесь бесплатно и получите доступ ко всем инструментам — без кредитной карты.
+            Зарегистрируйтесь и получите доступ ко всем инструментам.
         </p>
         <a href="/auth/register" class="btn-primary" style="font-size:17px;padding:17px 40px;">
             <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
diff --git a/public/login.html b/public/login.html
index 512edab..4f2efac 100644
--- a/public/login.html
+++ b/public/login.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -58,7 +58,7 @@
         // Theme init (before render)
         (function(){
             const s = localStorage.getItem('theme');
-            if (s === '' || (s === null && !window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+            if (s !== 'dark') {
                 document.documentElement.classList.remove('dark');
             }
         })();
diff --git a/public/md.html b/public/md.html
index 4fb064d..b6065f0 100644
--- a/public/md.html
+++ b/public/md.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/parser.html b/public/parser.html
index 0520901..1c56963 100644
--- a/public/parser.html
+++ b/public/parser.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/password.html b/public/password.html
index 23f3a9c..b9dc128 100644
--- a/public/password.html
+++ b/public/password.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/placeholder.html b/public/placeholder.html
index 43984c7..7fbc714 100644
--- a/public/placeholder.html
+++ b/public/placeholder.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/redirects.html b/public/redirects.html
index 8ffafe9..1af67a6 100644
--- a/public/redirects.html
+++ b/public/redirects.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/register.html b/public/register.html
index 5322772..e65daf6 100644
--- a/public/register.html
+++ b/public/register.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -58,7 +58,7 @@
     <script>
         (function(){
             const s = localStorage.getItem('theme');
-            if (s === '' || (s === null && !window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+            if (s !== 'dark') {
                 document.documentElement.classList.remove('dark');
             }
         })();
@@ -90,7 +90,7 @@
     <div class="auth-card">
         <div class="auth-card-inner">
             <div class="auth-title">Создать аккаунт</div>
-            <div class="auth-subtitle">Бесплатный доступ ко всем инструментам</div>
+            <div class="auth-subtitle">Доступ ко всем инструментам</div>
             <div id="error" class="auth-error" style="margin-top:20px;"></div>
             <form id="regForm" style="display:flex;flex-direction:column;gap:16px;margin-top:24px;" onsubmit="return handleRegister(event)">
                 <div>
diff --git a/public/sanitizer.html b/public/sanitizer.html
index 314272c..48a65b8 100644
--- a/public/sanitizer.html
+++ b/public/sanitizer.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/shared.js b/public/shared.js
index c4012f6..a8e7bfc 100644
--- a/public/shared.js
+++ b/public/shared.js
@@ -141,9 +141,9 @@ async function _loadUser() {
 function initTheme() {
     const html = document.documentElement;
     const saved = localStorage.getItem('theme');
-    if (saved === 'dark' || (!saved && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+    if (saved === 'dark') {
         html.classList.add('dark');
-    } else if (saved === '') {
+    } else {
         html.classList.remove('dark');
     }
 
diff --git a/public/svgeditor.html b/public/svgeditor.html
index 1676c5f..ea4733e 100644
--- a/public/svgeditor.html
+++ b/public/svgeditor.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/public/video.html b/public/video.html
index f21a6a5..ed10fa2 100644
--- a/public/video.html
+++ b/public/video.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ru" class="dark">
+<html lang="ru">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
