diff --git a/assets/background.jpg b/assets/background.jpg deleted file mode 100644 index 18fa68c..0000000 Binary files a/assets/background.jpg and /dev/null differ diff --git a/assets/start-background.jpg b/assets/backgrounds/start-background.jpg similarity index 100% rename from assets/start-background.jpg rename to assets/backgrounds/start-background.jpg diff --git a/assets/runner_run.png b/assets/runner_run.png deleted file mode 100644 index 25afbd5..0000000 Binary files a/assets/runner_run.png and /dev/null differ diff --git a/assets/sounds/level-complete.mp3 b/assets/sounds/level-complete.mp3 index 966b96b..099bb8b 100644 Binary files a/assets/sounds/level-complete.mp3 and b/assets/sounds/level-complete.mp3 differ diff --git a/assets/sounds/new-character.mp3 b/assets/sounds/new-character.mp3 new file mode 100644 index 0000000..966b96b Binary files /dev/null and b/assets/sounds/new-character.mp3 differ diff --git a/index.html b/index.html index 07c631c..5ae5b16 100644 --- a/index.html +++ b/index.html @@ -201,6 +201,53 @@ text-shadow: 0 0 5px rgba(205, 127, 50, 0.7); } + #telegram-auth-modal { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0,0,0,0.7); + z-index: 1000; + justify-content: center; + align-items: center; + } + .telegram-auth-container { + background: white; + border-radius: 12px; + width: 320px; + padding: 24px; + text-align: center; + box-shadow: 0 4px 20px rgba(0,0,0,0.15); + } + .telegram-logo { + width: 64px; + margin-bottom: 16px; + } + .phone-input { + width: 100%; + padding: 12px; + margin: 16px 0; + border: 1px solid #ddd; + border-radius: 8px; + font-size: 16px; + } + .auth-button { + background: #0088cc; + color: white; + border: none; + padding: 12px 24px; + border-radius: 8px; + font-size: 16px; + cursor: pointer; + margin: 8px; + } + .auth-button.secondary { + background: transparent; + color: #0088cc; + } +
@@ -289,11 +336,157 @@ font-family: 'Luckiest Guy', cursive; ">CLOSE + + + +