Spaces:

SELIGROUP
/

HAMBI

Running

App Files Files Community

SELIGROUP commited on Jan 8, 2025

Commit

bad2bb2

verified ·

1 Parent(s): d4e77d0

Update index.html

Browse files

Files changed (1) hide show

index.html +133 -80

index.html CHANGED Viewed

@@ -1,10 +1,13 @@
 <html><head><base href="https://example.com/">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>HAMBI</title>
     <link rel="manifest" href="manifest.json">
     <meta name="theme-color" content="#000">
-    <link rel="apple-touch-icon" href="icon-192x192.png">
     <style>
         body {
             font-family: sans-serif;
@@ -20,10 +23,10 @@
         }
         header {
             background-color: #000;
             color: #fff;
-            padding: 0.8rem 0;
-            text-align: center;
             width: 100%;
             position: fixed;
             top: 0;
@@ -36,11 +39,20 @@
         }
         .logo {
-            height: 80px;
             width: auto;
-            object-fit: contain;
-            aspect-ratio: 2/1;
-            border-radius: 10px;
         }
         .container {
@@ -273,6 +285,19 @@
         /* Media Queries */
         @media (max-width: 768px) {
             .container {
                 width: 95%;
                 margin-top: 70px;
@@ -295,6 +320,16 @@
             }
         }
         .btn-icon {
             margin-right: 8px;
         }
@@ -354,7 +389,7 @@
 <body>
     <header>
         <img src="https://i.ibb.co/Vq1ZHGB/Captureds.png" alt="HAMBI Logo" class="logo">
-        <h1>RESTEZ CALME, ON GÈRE</h1>
     </header>
     <div class="container">
@@ -501,78 +536,96 @@
     </div>
     <footer>
-        <p>&#xa9; 2024 HAMBI. Tous droits r&#xe9;serv&#xe9;s.</p>
     </footer>
-    <script>if ('serviceWorker' in navigator) {}
-function formatMessage(description, serviceType) {
-  return `Nouveau problème signalé:\nService: ${serviceType}\nDescription: ${description}`;
-}
-async function handleFormSubmit(event, serviceType) {
-  event.preventDefault();
-  const form = event.target;
-  const description = form.querySelector('textarea').value;
-  const files = form.querySelector('input[type="file"]').files;
-  const message = formatMessage(description, serviceType);
-  const whatsappUrl = `https://wa.me/76966265?text=${encodeURIComponent(message)}`;
-  window.open(whatsappUrl, '_blank');
-}
-document.addEventListener('DOMContentLoaded', () => {
-  const serviceCards = document.querySelectorAll('.service-card');
-  serviceCards.forEach(card => {
-    card.addEventListener('click', e => {
-      if (e.target.closest('.submenu')) {
-        e.stopPropagation();
-        return;
-      }
-      serviceCards.forEach(otherCard => {
-        if (otherCard !== card) {
-          const otherSubmenu = otherCard.querySelector('.submenu');
-          if (otherSubmenu && otherSubmenu.classList.contains('show')) {
-            otherSubmenu.classList.remove('show');
-            otherCard.classList.remove('submenu-open');
-          }
-        }
-      });
-      const submenu = card.querySelector('.submenu');
-      if (submenu) {
-        const wasShown = submenu.classList.contains('show');
-        submenu.classList.toggle('show');
-        card.classList.toggle('submenu-open');
-        if (!wasShown) {
-          card.style.transform = 'translateY(-5px)';
-        } else {
-          card.style.transform = 'none';
-        }
-      }
-    });
-  });
-  document.addEventListener('click', event => {
-    if (!event.target.closest('.service-card')) {
-      serviceCards.forEach(card => {
-        const submenu = card.querySelector('.submenu');
-        if (submenu && submenu.classList.contains('show')) {
-          submenu.classList.remove('show');
-          card.classList.remove('submenu-open');
-        }
-      });
-    }
-  });
-  const submenuLinks = document.querySelectorAll('.submenu li a');
-  submenuLinks.forEach(link => {
-    link.addEventListener('click', e => {
-      e.preventDefault();
-      const form = link.parentElement.querySelector('.issue-form');
-      form.classList.toggle('show');
-    });
-  });
-  const issueForms = document.querySelectorAll('.issue-form');
-  issueForms.forEach(form => {
-    form.addEventListener('submit', e => {
-      const serviceType = form.parentElement.querySelector('a').textContent;
-      handleFormSubmit(e, serviceType);
-    });
-  });
-});</script>
 </body>
 </html>

 <html><head><base href="https://example.com/">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title></title>
     <link rel="manifest" href="manifest.json">
     <meta name="theme-color" content="#000">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta name="apple-mobile-web-app-title" content=>
+    <link rel="apple-touch-icon" href="/Captureds (1).PNG">
     <style>
         body {
             font-family: sans-serif;
         }
         header {
+            flex-direction: column;
+            padding: 1rem 0;
             background-color: #000;
             color: #fff;
             width: 100%;
             position: fixed;
             top: 0;
         }
         .logo {
+            height: 120px;
             width: auto;
+            max-width: 90%;
+            border-radius: 15px;
+            transition: all 0.3s ease;
+        }
+        .tagline {
+            font-size: 1.2em;
+            margin-top: 0.5em;
+            font-style: italic;
+            color: #fff;
+            text-align: center;
+            animation: fadeIn 1s ease-out;
         }
         .container {
         /* Media Queries */
         @media (max-width: 768px) {
+            header {
+                padding: 0.5rem 0;
+            }
+            .logo {
+                height: 90px;
+            }
+            .tagline {
+                font-size: 1em;
+                padding: 0 10px;
+            }
             .container {
                 width: 95%;
                 margin-top: 70px;
             }
         }
+        @media (max-width: 480px) {
+            .logo {
+                height: 70px;
+            }
+            .tagline {
+                font-size: 0.9em;
+            }
+        }
         .btn-icon {
             margin-right: 8px;
         }
 <body>
     <header>
         <img src="https://i.ibb.co/Vq1ZHGB/Captureds.png" alt="HAMBI Logo" class="logo">
+        <div class="tagline">Restez calme, on gère</div>
     </header>
     <div class="container">
     </div>
     <footer>
+        <p>&#xa9; 2025 HAMBI. Tous droits r&#xe9;serv&#xe9;s.</p>
     </footer>
+    <script>
+        let deferredPrompt;
+        window.addEventListener('beforeinstallprompt', (e) => {
+            e.preventDefault();
+            deferredPrompt = e;
+        });
+        function formatMessage(description, serviceType) {
+          return `Nouveau problème signalé:\nService: ${serviceType}\nDescription: ${description}`;
+        }
+        async function handleFormSubmit(event, serviceType) {
+          event.preventDefault();
+          const form = event.target;
+          const description = form.querySelector('textarea').value;
+          const files = form.querySelector('input[type="file"]').files;
+          const message = formatMessage(description, serviceType);
+          const whatsappUrl = `https://wa.me/76966265?text=${encodeURIComponent(message)}`;
+          window.open(whatsappUrl, '_blank');
+        }
+        document.addEventListener('DOMContentLoaded', () => {
+          const serviceCards = document.querySelectorAll('.service-card');
+          serviceCards.forEach(card => {
+            card.addEventListener('click', e => {
+              if (e.target.closest('.submenu')) {
+                e.stopPropagation();
+                return;
+              }
+              serviceCards.forEach(otherCard => {
+                if (otherCard !== card) {
+                  const otherSubmenu = otherCard.querySelector('.submenu');
+                  if (otherSubmenu && otherSubmenu.classList.contains('show')) {
+                    otherSubmenu.classList.remove('show');
+                    otherCard.classList.remove('submenu-open');
+                  }
+                }
+              });
+              const submenu = card.querySelector('.submenu');
+              if (submenu) {
+                const wasShown = submenu.classList.contains('show');
+                submenu.classList.toggle('show');
+                card.classList.toggle('submenu-open');
+                if (!wasShown) {
+                  card.style.transform = 'translateY(-5px)';
+                } else {
+                  card.style.transform = 'none';
+                }
+              }
+            });
+          });
+          document.addEventListener('click', event => {
+            if (!event.target.closest('.service-card')) {
+              serviceCards.forEach(card => {
+                const submenu = card.querySelector('.submenu');
+                if (submenu && submenu.classList.contains('show')) {
+                  submenu.classList.remove('show');
+                  card.classList.remove('submenu-open');
+                }
+              });
+            }
+          });
+          const submenuLinks = document.querySelectorAll('.submenu li a');
+          submenuLinks.forEach(link => {
+            link.addEventListener('click', e => {
+              e.preventDefault();
+              const form = link.parentElement.querySelector('.issue-form');
+              form.classList.toggle('show');
+            });
+          });
+          const issueForms = document.querySelectorAll('.issue-form');
+          issueForms.forEach(form => {
+            form.addEventListener('submit', e => {
+              const serviceType = form.parentElement.querySelector('a').textContent;
+              handleFormSubmit(e, serviceType);
+            });
+          });
+        });
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register('/sw.js')
+                .then(registration => {
+                    console.log('ServiceWorker registration successful');
+                })
+                .catch(err => {
+                    console.log('ServiceWorker registration failed: ', err);
+                });
+        }
+    </script>
 </body>
 </html>