diff --git a/TODO.md b/TODO.md index d2e2c30..949de55 100644 --- a/TODO.md +++ b/TODO.md @@ -1,3 +1,3 @@ # TODO -- [ ] Переделать процесс работы с инпутами — прятать локальные, если не используется +- [ ] Переделать процесс работы с инпутами — прятать локальные, если не используется, прятать чат, если не используется diff --git a/game.html b/game.html index ea892d8..69947e3 100644 --- a/game.html +++ b/game.html @@ -19,7 +19,7 @@
-
ты можешь набирать слова прямо тут
+
просто пиши !play и другие слова
+
diff --git a/js/config.js b/js/config.js index 9ed782f..1b4a3f8 100644 --- a/js/config.js +++ b/js/config.js @@ -36,7 +36,7 @@ const CONFIG = { fastEnemyCrossTimeCap: 10, fastEnemyCrossTimeCapWave: 50, bossCrossTime: 60, - projectileCrossTime: 1.3, + projectileCrossTime: 0.43, gridSpeed: 0.5, }, visual: { diff --git a/style.css b/style.css index 6b20fad..17d3501 100644 --- a/style.css +++ b/style.css @@ -254,7 +254,7 @@ body { opacity: 1; margin-bottom: 8px; } -#channel-form input { +#channel-form input[type="text"] { background: transparent; border: 2px solid #00ff41; color: #00ff41; @@ -266,7 +266,15 @@ body { text-shadow: 0 0 12px #00ff41; box-shadow: 0 0 20px rgba(0, 255, 65, 0.2); } -#channel-form input:focus { +#channel-form input[type="text"]:focus { + box-shadow: 0 0 30px rgba(0, 255, 65, 0.4); +} +#channel-form input[type="checkbox"] { + border: none; + box-shadow: none; + padding: 0; +} +#channel-form input:not([type="checkbox"]):focus { box-shadow: 0 0 30px rgba(0, 255, 65, 0.4); } #settings-panel { @@ -277,7 +285,7 @@ body { } .settings-label { color: #00cc33; - font-size: 14px; + font-size: 28px; cursor: pointer; display: flex; align-items: center; @@ -289,10 +297,11 @@ body { opacity: 1; } .settings-label input[type="checkbox"] { - width: 16px; - height: 16px; + width: 28px; + height: 28px; accent-color: #00ff41; cursor: pointer; + margin-right: 12px; } #channel-form button { background: transparent; @@ -322,10 +331,36 @@ body { text-shadow: 0 0 12px #00ff41; } #channel-form .obs-note { - margin-top: 24px; + margin-top: 32px; color: #00ff41; - font-size: 16px; + font-size: 28px; opacity: 0.8; line-height: 1.6; text-shadow: 0 0 6px #00ff41; } +.links-row { + display: flex; + gap: 40px; + margin-top: 16px; +} +.page-link { + display: inline-flex; + align-items: center; + gap: 8px; + color: #00ff41; + font-size: 22px; + text-decoration: none; + text-shadow: 0 0 10px #00ff41; + opacity: 0.85; + transition: opacity 0.15s; +} +.link-icon { + width: 24px; + height: 24px; + flex-shrink: 0; + color: #00ff41; +} +.page-link:hover { + opacity: 1; + text-shadow: 0 0 16px #00ff41; +}