Spaces:
Running
Running
File size: 6,919 Bytes
d1900e5 f635718 d1900e5 6494095 d1900e5 b9e72c1 9345bb0 5ed82df 1fa085a f635718 9345bb0 d1900e5 5ed82df d1900e5 f635718 d1900e5 5ed82df 5e9f213 1b16896 5ed82df d1900e5 1b16896 d1900e5 1b16896 d1900e5 5ed82df 1b16896 d1900e5 5ed82df 1b16896 5ed82df 1b16896 5ed82df d1900e5 1b16896 6494095 5ed82df d1900e5 5ed82df d1900e5 5ed82df 1b16896 6494095 1b16896 6494095 1b16896 6494095 1fa085a 5ed82df 1b16896 5ed82df 1b16896 5ed82df d1900e5 5ed82df |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 |
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fire Collection - Юбки и Брюки оптом </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://firecollection-optom.hf.space"
frameborder="0"
allowfullscreen></iframe>
<button id="installButton">Установить приложение</button>
<button id="iosInstallPrompt">Установить приложение</button>
<!-- Модальное окно для iOS -->
<div id="iosInstallModal">
<div class="modal-content">
<h2>Установите приложение ZZIRIX</h2>
<a href="#" id="openZoomModal">
<img src="https://huggingface.co/spaces/Morshen/alpha/resolve/main/pwa_ios.png" alt="Инструкция по установке PWA на iOS">
</a>
<p>1. Нажмите кнопку "Поделиться" внизу Safari.</p>
<p>2. Выберите "На экран «Домой»".</p>
<p>3. Подтвердите установку.</p>
<button id="closeIosModal">Закрыть</button>
</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);
}
function isInStandaloneMode() {
return window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;
}
window.addEventListener('beforeinstallprompt', (event) => {
event.preventDefault();
deferredPrompt = event;
installButton.style.display = 'block';
installButton.classList.add('pulse-animation');
installButton.addEventListener('click', async () => {
deferredPrompt.prompt();
const { outcome } = await deferredPrompt.userChoice;
if (outcome === 'accepted') {
console.log('Пользователь принял запрос на установку');
} else {
console.log('Пользователь отклонил запрос на установку');
}
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');
iosInstallPrompt.addEventListener('click', () => {
iosInstallModal.style.display = 'block';
localStorage.setItem('iosInstallPromptShown', 'true');
});
closeIosModal.addEventListener('click', () => {
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')
.then((registration) => {
console.log('Сервисный рабочий процесс зарегистрирован:', registration);
})
.catch((error) => {
console.log('Ошибка регистрации сервисного рабочего процесса:', error);
});
});
}
</script>
</body>
</html> |