From 53ede721dfcd0ccae5abfff5849483499ab504e4 Mon Sep 17 00:00:00 2001
From: Esenjin <esenjin@sangigi-fuchsia.fr>
Date: Mon, 6 Jan 2025 16:54:32 +0100
Subject: [PATCH] ajout d'un bouton retour en haut de page

---
 albums.php           | 10 ++++++++++
 arbre-img-prive.php  | 10 ++++++++++
 arbre-img.php        | 11 ++++++++++-
 arbre-prive.php      | 10 ++++++++++
 arbre.php            | 10 ++++++++++
 clefs.php            | 10 ++++++++++
 galeries-privees.php | 10 ++++++++++
 galeries.php         | 10 ++++++++++
 styles.css           | 32 ++++++++++++++++++++++++++++++++
 utilisateurs.php     | 10 ++++++++++
 10 files changed, 122 insertions(+), 1 deletion(-)

diff --git a/albums.php b/albums.php
index 617adea..ff65a9e 100644
--- a/albums.php
+++ b/albums.php
@@ -114,6 +114,16 @@ $config = getSiteConfig();
         });
     });
     </script>
+    <button class="scroll-top" title="Retour en haut">↑</button>
+    <script>
+    const scrollBtn = document.querySelector('.scroll-top');
+    window.addEventListener('scroll', () => {
+        scrollBtn.style.display = window.scrollY > 500 ? 'flex' : 'none';
+    });
+    scrollBtn.addEventListener('click', () => {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+    </script>
     <?php include 'footer.php'; ?>
 </body>
 </html>
\ No newline at end of file
diff --git a/arbre-img-prive.php b/arbre-img-prive.php
index 6017b52..102e2ac 100644
--- a/arbre-img-prive.php
+++ b/arbre-img-prive.php
@@ -292,6 +292,16 @@ $config = getSiteConfig();
         }
     });
     </script>
+    <button class="scroll-top" title="Retour en haut">↑</button>
+    <script>
+    const scrollBtn = document.querySelector('.scroll-top');
+    window.addEventListener('scroll', () => {
+        scrollBtn.style.display = window.scrollY > 500 ? 'flex' : 'none';
+    });
+    scrollBtn.addEventListener('click', () => {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+    </script>
     <?php include 'footer.php'; ?>
 </body>
 </html>
\ No newline at end of file
diff --git a/arbre-img.php b/arbre-img.php
index 9f96f1e..a26d5a6 100644
--- a/arbre-img.php
+++ b/arbre-img.php
@@ -667,7 +667,16 @@ $config = getSiteConfig();
         }
     });
     </script>
-
+    <button class="scroll-top" title="Retour en haut">↑</button>
+    <script>
+    const scrollBtn = document.querySelector('.scroll-top');
+    window.addEventListener('scroll', () => {
+        scrollBtn.style.display = window.scrollY > 500 ? 'flex' : 'none';
+    });
+    scrollBtn.addEventListener('click', () => {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+    </script>
     <?php include 'footer.php'; ?>
 </body>
 </html>
diff --git a/arbre-prive.php b/arbre-prive.php
index 4e83e24..fb82873 100644
--- a/arbre-prive.php
+++ b/arbre-prive.php
@@ -433,6 +433,16 @@ $config = getSiteConfig();
     }, 2000);
     }
     </script>
+    <button class="scroll-top" title="Retour en haut">↑</button>
+    <script>
+    const scrollBtn = document.querySelector('.scroll-top');
+    window.addEventListener('scroll', () => {
+        scrollBtn.style.display = window.scrollY > 500 ? 'flex' : 'none';
+    });
+    scrollBtn.addEventListener('click', () => {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+    </script>
     <?php include 'footer.php'; ?>
 </body>
 </html>
\ No newline at end of file
diff --git a/arbre.php b/arbre.php
index 55186b3..850d73e 100644
--- a/arbre.php
+++ b/arbre.php
@@ -352,6 +352,16 @@ $config = getSiteConfig();
         }
     }
     </script>
+    <button class="scroll-top" title="Retour en haut">↑</button>
+    <script>
+    const scrollBtn = document.querySelector('.scroll-top');
+    window.addEventListener('scroll', () => {
+        scrollBtn.style.display = window.scrollY > 500 ? 'flex' : 'none';
+    });
+    scrollBtn.addEventListener('click', () => {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+    </script>
     <?php include 'footer.php'; ?>
 </body>
 </html>
\ No newline at end of file
diff --git a/clefs.php b/clefs.php
index 6a72dae..d2221b7 100644
--- a/clefs.php
+++ b/clefs.php
@@ -242,6 +242,16 @@ $config = getSiteConfig();
         window.location.href = url;
     }
     </script>
+    <button class="scroll-top" title="Retour en haut">↑</button>
+    <script>
+    const scrollBtn = document.querySelector('.scroll-top');
+    window.addEventListener('scroll', () => {
+        scrollBtn.style.display = window.scrollY > 500 ? 'flex' : 'none';
+    });
+    scrollBtn.addEventListener('click', () => {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+    </script>
     <?php include 'footer.php'; ?>
 </body>
 </html>
\ No newline at end of file
diff --git a/galeries-privees.php b/galeries-privees.php
index 6934f8c..5f516cf 100644
--- a/galeries-privees.php
+++ b/galeries-privees.php
@@ -170,6 +170,16 @@ $config = getSiteConfig();
     }
     </script>
     <?php endif; ?>
+    <button class="scroll-top" title="Retour en haut">↑</button>
+    <script>
+    const scrollBtn = document.querySelector('.scroll-top');
+    window.addEventListener('scroll', () => {
+        scrollBtn.style.display = window.scrollY > 500 ? 'flex' : 'none';
+    });
+    scrollBtn.addEventListener('click', () => {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+    </script>
     <?php include 'footer.php'; ?>
 </body>
 </html>
\ No newline at end of file
diff --git a/galeries.php b/galeries.php
index b618398..6ae1519 100644
--- a/galeries.php
+++ b/galeries.php
@@ -143,6 +143,16 @@ $config = getSiteConfig();
        }
    }
    </script>
+    <button class="scroll-top" title="Retour en haut">↑</button>
+    <script>
+    const scrollBtn = document.querySelector('.scroll-top');
+    window.addEventListener('scroll', () => {
+        scrollBtn.style.display = window.scrollY > 500 ? 'flex' : 'none';
+    });
+    scrollBtn.addEventListener('click', () => {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+    </script>
    <?php include 'footer.php'; ?>
 </body>
 </html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 2fc3578..23f57ee 100644
--- a/styles.css
+++ b/styles.css
@@ -635,6 +635,38 @@ body {
     font-size: 0.8rem;
 }
 
+.scroll-top {
+    position: fixed;
+    bottom: 3rem;
+    right: 2rem;
+    width: 3rem;
+    height: 3rem;
+    background: rgba(33, 150, 243, 0.8);
+    border-radius: 50%;
+    border: none;
+    cursor: pointer;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    font-size: 1.5rem;
+    z-index: 99;
+    transition: all 0.3s ease;
+    backdrop-filter: blur(4px);
+}
+
+.scroll-top:hover {
+    background: rgba(33, 150, 243, 1);
+    transform: translateY(-3px);
+}
+
+@media (max-width: 768px) {
+    .scroll-top {
+        bottom: 5rem;
+        right: 1rem;
+    }
+}
+
 .gallery-grid,
 .albums-grid,
 .admin-content {
diff --git a/utilisateurs.php b/utilisateurs.php
index 67457f4..e072f01 100644
--- a/utilisateurs.php
+++ b/utilisateurs.php
@@ -362,6 +362,16 @@ $config = getSiteConfig();
         }
     }
     </script>
+    <button class="scroll-top" title="Retour en haut">↑</button>
+    <script>
+    const scrollBtn = document.querySelector('.scroll-top');
+    window.addEventListener('scroll', () => {
+        scrollBtn.style.display = window.scrollY > 500 ? 'flex' : 'none';
+    });
+    scrollBtn.addEventListener('click', () => {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+    </script>
     <?php include 'footer.php'; ?>
 </body>
 </html>
\ No newline at end of file