app

Running

App Files Files Community

Kgshop commited on Mar 23

Commit

7731cce

verified ·

1 Parent(s): 23f660d

Update index.html

Browse files

Files changed (1) hide show

index.html +18 -36

index.html CHANGED Viewed

@@ -3,29 +3,18 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title> Чайхана Эмир</title>
     <link rel="manifest" href="/manifest.json">
     <link rel="stylesheet" href="style.css">
     <link rel="apple-touch-icon" href="/icon.png">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <link rel="icon" type="image/png" sizes="192x192" href="/icon.png">
-    <!-- Добавление фавикона -->
     <link rel="icon" href="icon.png" type="image/png">
-    <!-- Добавленный мета тег для проверки Google -->
     <meta name="google-site-verification" content="V6EqDTA9Oj9V1OfNbnBHj5RKrdcXlABD8tqfEFVUHJY" />
-    <!-- Мета описание для SEO -->
-    <meta name="description" content="Восточная , Европейская , Уйгурская кухни!.">
-    <style>
-        /* Общие стили (можно оставить пустым, если используете style.css) */
-    </style>
 </head>
 <body>
     <iframe
         src="https://kgmenu-example.hf.space/"
         frameborder="0"
@@ -34,7 +23,6 @@
     <button id="installButton">Установить приложение</button>
     <button id="iosInstallPrompt">Установить приложение</button>
-    <!-- Модальное окно для iOS -->
     <div id="iosInstallModal">
         <div class="modal-content">
             <h2>Установите приложение ZZIRIX</h2>
@@ -48,22 +36,21 @@
         </div>
     </div>
-    <!-- Модальное окно для увеличения изображения -->
     <div id="imageZoomModal">
-      <span id="closeZoomModal">×</span>
-      <img id="zoomedImage" src="" alt="Увеличенное изображение">
     </div>
     <script>
-       let deferredPrompt;
         const installButton = document.getElementById('installButton');
         const iosInstallPrompt = document.getElementById('iosInstallPrompt');
         const iosInstallModal = document.getElementById('iosInstallModal');
         const closeIosModal = document.getElementById('closeIosModal');
-        const openZoomModal = document.getElementById('openZoomModal');  // Добавлено
-        const imageZoomModal = document.getElementById('imageZoomModal'); // Добавлено
-        const closeZoomModal = document.getElementById('closeZoomModal');  // Добавлено
-        const zoomedImage = document.getElementById('zoomedImage');       // Добавлено
         function isIos() {
             return /iphone|ipad|ipod/i.test(navigator.userAgent);
@@ -76,8 +63,8 @@
         window.addEventListener('beforeinstallprompt', (event) => {
             event.preventDefault();
             deferredPrompt = event;
-           installButton.style.display = 'block';
-           installButton.classList.add('pulse-animation');
             installButton.addEventListener('click', async () => {
                 deferredPrompt.prompt();
@@ -89,12 +76,12 @@
                 }
                 deferredPrompt = null;
                 installButton.style.display = 'none';
-               installButton.classList.remove('pulse-animation');
             });
         });
         if (isIos() && !isInStandaloneMode()) {
-           iosInstallPrompt.style.display = 'block';
             installButton.style.display = 'none';
             iosInstallPrompt.classList.add('pulse-animation');
@@ -107,34 +94,29 @@
                 iosInstallModal.style.display = 'none';
             });
-             // Открытие модального окна с увеличенным изображением
             openZoomModal.addEventListener('click', (event) => {
-               event.preventDefault(); // Предотвращаем переход по ссылке
-                zoomedImage.src = 'https://huggingface.co/spaces/Morshen/alpha/resolve/main/pwa_ios.png'; // Устанавливаем src
                 imageZoomModal.style.display = 'block';
             });
-            // Закрытие модального окна с увеличенным изображением
             closeZoomModal.addEventListener('click', () => {
                 imageZoomModal.style.display = 'none';
             });
         } else {
             installButton.style.display = deferredPrompt ? 'block' : 'none';
             iosInstallPrompt.style.display = 'none';
             if (deferredPrompt) {
                 installButton.classList.add('pulse-animation');
-           }
         }
-          // При загрузке страницы:
         if (isIos() && !isInStandaloneMode() && localStorage.getItem('iosInstallPromptShown') === 'true') {
             setTimeout(() => {
                 iosInstallModal.style.display = 'block';
-            }, 5000); // 5 секунд
         }
         if ('serviceWorker' in navigator) {
             window.addEventListener('load', () => {
                 navigator.serviceWorker.register('/service-worker.js')

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Чайхана Эмир</title>
     <link rel="manifest" href="/manifest.json">
     <link rel="stylesheet" href="style.css">
     <link rel="apple-touch-icon" href="/icon.png">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <link rel="icon" type="image/png" sizes="192x192" href="/icon.png">
     <link rel="icon" href="icon.png" type="image/png">
     <meta name="google-site-verification" content="V6EqDTA9Oj9V1OfNbnBHj5RKrdcXlABD8tqfEFVUHJY" />
+    <meta name="description" content="Восточная, Европейская, Уйгурская кухни!">
 </head>
 <body>
     <iframe
         src="https://kgmenu-example.hf.space/"
         frameborder="0"
     <button id="installButton">Установить приложение</button>
     <button id="iosInstallPrompt">Установить приложение</button>
     <div id="iosInstallModal">
         <div class="modal-content">
             <h2>Установите приложение ZZIRIX</h2>
         </div>
     </div>
     <div id="imageZoomModal">
+        <span id="closeZoomModal">×</span>
+        <img id="zoomedImage" src="" alt="Увеличенное изображение">
     </div>
     <script>
+        let deferredPrompt;
         const installButton = document.getElementById('installButton');
         const iosInstallPrompt = document.getElementById('iosInstallPrompt');
         const iosInstallModal = document.getElementById('iosInstallModal');
         const closeIosModal = document.getElementById('closeIosModal');
+        const openZoomModal = document.getElementById('openZoomModal');
+        const imageZoomModal = document.getElementById('imageZoomModal');
+        const closeZoomModal = document.getElementById('closeZoomModal');
+        const zoomedImage = document.getElementById('zoomedImage');
         function isIos() {
             return /iphone|ipad|ipod/i.test(navigator.userAgent);
         window.addEventListener('beforeinstallprompt', (event) => {
             event.preventDefault();
             deferredPrompt = event;
+            installButton.style.display = 'block';
+            installButton.classList.add('pulse-animation');
             installButton.addEventListener('click', async () => {
                 deferredPrompt.prompt();
                 }
                 deferredPrompt = null;
                 installButton.style.display = 'none';
+                installButton.classList.remove('pulse-animation');
             });
         });
         if (isIos() && !isInStandaloneMode()) {
+            iosInstallPrompt.style.display = 'block';
             installButton.style.display = 'none';
             iosInstallPrompt.classList.add('pulse-animation');
                 iosInstallModal.style.display = 'none';
             });
             openZoomModal.addEventListener('click', (event) => {
+                event.preventDefault();
+                zoomedImage.src = 'https://huggingface.co/spaces/Morshen/alpha/resolve/main/pwa_ios.png';
                 imageZoomModal.style.display = 'block';
             });
             closeZoomModal.addEventListener('click', () => {
                 imageZoomModal.style.display = 'none';
             });
         } else {
             installButton.style.display = deferredPrompt ? 'block' : 'none';
             iosInstallPrompt.style.display = 'none';
             if (deferredPrompt) {
                 installButton.classList.add('pulse-animation');
+            }
         }
         if (isIos() && !isInStandaloneMode() && localStorage.getItem('iosInstallPromptShown') === 'true') {
             setTimeout(() => {
                 iosInstallModal.style.display = 'block';
+            }, 5000);
         }
         if ('serviceWorker' in navigator) {
             window.addEventListener('load', () => {
                 navigator.serviceWorker.register('/service-worker.js')