Файловый менеджер - Редактировать - /home/gqdcvggs/gemance.com/paper.html
Назад
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Paper</title> <link rel="icon" href="https://cdn.imators.com/logo_Gemance.png" type="image/x-icon"> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <style> .document { transition: all 0.3s ease; } .document:hover { cursor: pointer; } .fullscreen { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; object-fit: contain; z-index: 1000; background-color: rgba(0, 0, 0, 0.9); } </style> </head> <body class="bg-black min-h-screen flex items-center justify-center"> <div class="relative w-80 h-96"> <img id="doc1" src="Doc.png" alt="Document 1" class="document absolute top-0 left-0 w-64 h-80 object-cover shadow-lg transform rotate-3 z-10" onclick="toggleFullscreen('doc1')"> <img id="doc2" src="Doc1.png" alt="Document 2" class="document absolute top-10 left-10 w-64 h-80 object-cover shadow-lg transform -rotate-3" onclick="toggleFullscreen('doc2')"> </div> <div id="hamburger-icon" class="fixed bottom-4 right-4 opacity-0 transition-opacity duration-500"> <a href="/menu" class="block w-16 h-16 bg-white rounded-full shadow-lg flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-8 text-gray-800"> <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16m-7 6h7" /> </svg> </a> </div> <script> setTimeout(function() { document.getElementById('hamburger-icon').classList.remove('opacity-0'); }, 1000); function toggleFullscreen(id) { const doc = document.getElementById(id); if (doc.classList.contains('fullscreen')) { doc.classList.remove('fullscreen'); document.body.style.overflow = 'auto'; } else { doc.classList.add('fullscreen'); document.body.style.overflow = 'hidden'; } } document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { const fullscreenDocs = document.querySelectorAll('.fullscreen'); fullscreenDocs.forEach(doc => { doc.classList.remove('fullscreen'); }); document.body.style.overflow = 'auto'; } }); </script> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка