Fixed continue and sound problem for Vostok page

Author: tabuna

public/build/assets/app-CksF0F1t.js public/build/assets/app-Cl9VK5Rk.js

@@ -17,7 +17,7 @@
     "isEntry": true
   },
   "resources/js/app.js": {
-    "file": "assets/app-CksF0F1t.js",
+    "file": "assets/app-Cl9VK5Rk.js",
     "src": "resources/js/app.js",
     "isEntry": true,
     "css": [

public/build/manifest.json

@@ -10,6 +10,10 @@ export default class extends Controller {
     toggle() {
         const audios = document.querySelectorAll('audio');
         audios.forEach((audio) => {
+            if (audio.controls === true) {
+                return;
+            }
+
             audio.muted = !audio.muted;
         });
 

resources/js/controllers/sound-toggle_controller.js

@@ -24,6 +24,7 @@ export default class extends Controller {
         document.addEventListener('keydown', this.keyDownHandler.bind(this));
         document.addEventListener('keyup', this.keyUpHandler.bind(this));
         this.audioBackgroundTarget.loop = true;
+        this.fanny = false;
     }
 
     disconnect() {
@@ -156,7 +157,7 @@ export default class extends Controller {
         this.timerTarget.innerText = value;
         this.cometSpeed = this.baseCometSpeed + value * 0.1;
 
-        if (value > 20) {
+        if (value > 20 && !this.fanny) {
             clearInterval(this.intervalComet);
             clearInterval(this.intervalGame);
 
@@ -185,4 +186,13 @@ export default class extends Controller {
         this.startPlaceholderTarget.style.visibility = 'hidden';
         this.endPlaceholderTarget.classList.add('visually-hidden');
     }
+
+
+    continue() {
+        this.fanny = true;
+
+        this.endPlaceholderTarget.classList.add('visually-hidden');
+        this.intervalComet = setInterval(this.createComet.bind(this), this.cometInterval);
+        this.intervalGame = setInterval(this.draw.bind(this), 10);
+    }
 }

resources/js/controllers/vostok_controller.js

@@ -1,5 +1,6 @@
 @extends('layout')
 @section('title', 'Тяга к знаниям двигает нас к звёздам')
+@section('description', 'Пусть эта дата вдохновляет нас на новые открытия и смелые шаги в неизведанные просторы Вселенной.')
 
 @section('content')
 
@@ -49,8 +50,8 @@ class="position-absolute top-0 bottom-0 start-0 end-0 d-flex flex-column align-i
 
                                 <div class="d-flex align-items-center gap-3">
                                     <a class="btn btn-primary" href="{{ route('library') }}">В библиотеку</a>
-                                    <button class="btn btn-link" type="button" data-action="click->vostok#start">
-                                        Сыграть ещё
+                                    <button class="btn btn-link" type="button" data-action="click->vostok#continue">
+                                        Продолжить
                                     </button>
                                 </div>
                             </div>
@@ -216,8 +217,10 @@ class="position-absolute top-0 bottom-0 start-0 end-0 d-flex flex-column align-i
                                         бортовом магнитофоне:
                                     </p>
 
-                                    <audio class="mb-3" controls="controls" controllist="nodownload"
-                                           preload="metadata" data-description="" data-source="">
+                                    <audio class="mb-3"
+                                           data-ignore-mute="true"
+                                           controls="controls"
+                                           controllist="nodownload">
                                         <source
                                             src="https://cdnstatic.rg.ru/uploads/attachments/2024/03/07/rech-pered-startom_21e.mp3"
                                             type="audio/mp3">