From ac88828c345f02cd28c2df05e761bf53f157ab3b Mon Sep 17 00:00:00 2001
From: arussac <antoninrussac1@gmail.com>
Date: Mon, 24 Mar 2025 20:44:21 +0100
Subject: [PATCH] responsive + mobile

---
 index.html  | 10 +++++-----
 js/index.js | 15 ++++++++++++---
 2 files changed, 17 insertions(+), 8 deletions(-)
diff --git a/index.html b/index.html
index ab5d362..d3f40f3 100644
--- a/index.html
+++ b/index.html
@@ -7,9 +7,11 @@
     <title>Timelapse</title>
     <link rel="stylesheet" href="../css/style.css">
     <link rel="stylesheet" href="../css/style_menu.css">
-</head>
-
-<body>
+  </head>
+  
+  <body id="body">
+    <button class="default-button" id="download"><span>Download App</span></button>
+    <button class="default-button" id="show-form-button"><span>+</span></button>
     <div id="customAlert" class="modal">
         <div class="modal-content">
             <p id="alertMessage">This is a custom alert!</p>
@@ -38,8 +40,6 @@
     </div>
     <div>
         <div>
-            <button class="default-button" id="download"><span>Download App</span></button>
-            <button class="default-button" id="show-form-button"><span>+</span></button>
         </div>
         <div>
           <h1 id="global_title">Caméra Timelapse</h1>
diff --git a/js/index.js b/js/index.js
index 6f62fa3..671e20c 100644
--- a/js/index.js
+++ b/js/index.js
@@ -217,6 +217,15 @@ function isMobileDevice() {
   return /Mobi|Android/i.test(navigator.userAgent);
 }
 
-if (isMobileDevice()) {
-  console.log("You are on a mobile device.");
-}
\ No newline at end of file
+window.addEventListener('DOMContentLoaded', (event) => {
+  if (isMobileDevice()) {
+      const body = document.body;
+      const downloadApp = document.getElementById('download');
+      // Apply hidden to all children of body except the downloadApp element
+      body.childNodes.forEach((child) => {
+          if (child.nodeType === 1 && child !== downloadApp) { // Check if the child is an element node
+              child.style.display = 'none';
+          }
+      });
+  }
+});
\ No newline at end of file
