From 9747e1ee97757eea2b69730c7621e93025cf540b Mon Sep 17 00:00:00 2001
From: Franco P <frpautasso@gmail.com>
Date: Sun, 8 Sep 2024 20:11:34 +0200
Subject: [PATCH] loading-page , buttonnav

---
 comunidad.html               |  28 ++++--
 explorar.html                |  30 +++++--
 home.html                    | 167 ++++++++++++++++-------------------
 icons/loading-page1.png      | Bin 0 -> 5225 bytes
 icons/loading-page2.png      | Bin 0 -> 5240 bytes
 icons/loading-page3.png      | Bin 0 -> 5228 bytes
 icons/loading-page4.png      | Bin 0 -> 5287 bytes
 javaScript/script.js         |  32 +++++++
 perfil.html                  |  44 +++++----
 styles/components/navbar.css |  23 ++++-
 styles/page-loading.css      |  57 ++++++++++++
 styles/styles.css            |   4 +-
 12 files changed, 255 insertions(+), 130 deletions(-)
 create mode 100644 icons/loading-page1.png
 create mode 100644 icons/loading-page2.png
 create mode 100644 icons/loading-page3.png
 create mode 100644 icons/loading-page4.png
 create mode 100644 styles/page-loading.css

diff --git a/comunidad.html b/comunidad.html
index e64ab2e..bb11f18 100644
--- a/comunidad.html
+++ b/comunidad.html
@@ -16,15 +16,13 @@ <h1>Bienvenido a la Comunidad</h1>
     </div>
 
   
-  <!-- Barra de navegación fija en la parte inferior -->
+<!-- Barra de navegación fija en la parte inferior -->
 <nav class="bottom-nav">
     <a href="home.html" class="nav-item home">
         <i class="bi bi-house"></i>
-        <span>Home</span>
     </a>
-    <a href="comunidad.html" class="nav-item">
+    <a href="comunidad.html" class="nav-item community">
         <i class="bi bi-people"></i>
-        <span>Comunidad</span>
     </a>
     
     <!-- Botón de nueva publicación -->
@@ -34,17 +32,31 @@ <h1>Bienvenido a la Comunidad</h1>
         </div>
     </a>
     
-    
-    <a href="explorar.html" class="nav-item">
+    <a href="explorar.html" class="nav-item explorar">
         <i class="bi bi-search"></i>
-        <span>Explorar</span>
     </a>
     <a href="perfil.html" class="nav-item profile">
         <i class="bi bi-person"></i>
-        <span>Perfil</span>
     </a>
 </nav>
     
+
+  <!-- Animación de carga -->
+  <div class="loader-container" style="display:none;">
+    <div class="loader">
+        <img src="./icons/loading-page1.png" class="loader-icon icon-1">
+        <img src="./icons/loading-page2.png" class="loader-icon icon-2">
+        <img src="./icons/loading-page3.png" class="loader-icon icon-3">
+        <img src="./icons/loading-page4.png" class="loader-icon icon-4">
+    </div>
+</div>
+
+
+    <!-- Contenedor Modal -->
+    <div id="imageModal" class="modal">
+        <span class="close">&times;</span>
+        <img class="modal-content" id="modalImage">
+    </div>
     
 
     <script src="./javaScript/script.js"></script>
diff --git a/explorar.html b/explorar.html
index ef90f22..56ec4da 100644
--- a/explorar.html
+++ b/explorar.html
@@ -15,16 +15,13 @@ <h1>Bienvenido a Explorar</h1>
         <p>Contenido de la página Explorar.</p>
     </div>
 
-    
-  <!-- Barra de navegación fija en la parte inferior -->
+ <!-- Barra de navegación fija en la parte inferior -->
 <nav class="bottom-nav">
     <a href="home.html" class="nav-item home">
         <i class="bi bi-house"></i>
-        <span>Home</span>
     </a>
-    <a href="comunidad.html" class="nav-item">
+    <a href="comunidad.html" class="nav-item community">
         <i class="bi bi-people"></i>
-        <span>Comunidad</span>
     </a>
     
     <!-- Botón de nueva publicación -->
@@ -34,17 +31,32 @@ <h1>Bienvenido a Explorar</h1>
         </div>
     </a>
     
-    
-    <a href="explorar.html" class="nav-item">
+    <a href="explorar.html" class="nav-item explorar">
         <i class="bi bi-search"></i>
-        <span>Explorar</span>
     </a>
     <a href="perfil.html" class="nav-item profile">
         <i class="bi bi-person"></i>
-        <span>Perfil</span>
     </a>
 </nav>
     
+
+  <!-- Animación de carga -->
+  <div class="loader-container" style="display:none;">
+    <div class="loader">
+        <img src="./icons/loading-page1.png" class="loader-icon icon-1">
+        <img src="./icons/loading-page2.png" class="loader-icon icon-2">
+        <img src="./icons/loading-page3.png" class="loader-icon icon-3">
+        <img src="./icons/loading-page4.png" class="loader-icon icon-4">
+    </div>
+</div>
+
+
+    <!-- Contenedor Modal -->
+    <div id="imageModal" class="modal">
+        <span class="close">&times;</span>
+        <img class="modal-content" id="modalImage">
+    </div>
+    
     
 
     <script src="./javaScript/script.js"></script>
diff --git a/home.html b/home.html
index 8bcf12d..8eacfe7 100644
--- a/home.html
+++ b/home.html
@@ -16,98 +16,85 @@
     <i class="bi bi-bell notification-icon"></i>
 </div>
 
-    
-
-
-    <!-- Contenido principal de la página Home -->
-    <div class="post">
-        <div class="post-header">
-            <img src="./img/logo revista thc.jpg" alt="Foto de perfil" class="profile-pic">
-            <span class="username">@RevistaTHC</span>
-        </div>
-        <div class="post-content">
-          
-            <p>Clon Factory, que así se presenta en sociedad, es “la primera empresa argentina destinada a la multiplicación y comercialización de clones legales en todo el país”.</p>
-        </div>
-        <div class="post-footer">
-            <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
-            <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
-            <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
-        </div> 
+<!-- Contenido principal de la página Home -->
+<div class="post">
+    <div class="post-header">
+        <img src="./img/logo revista thc.jpg" alt="Foto de perfil" class="profile-pic">
+        <span class="username">@RevistaTHC</span>
     </div>
+    <div class="post-content">
+        <p>Clon Factory, que así se presenta en sociedad, es “la primera empresa argentina destinada a la multiplicación y comercialización de clones legales en todo el país”.</p>
+    </div>
+    <div class="post-footer">
+        <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
+        <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
+        <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
+    </div> 
+</div>
 
-
-
-    <div class="post">
-        <div class="post-header">
-            <img src="./img/logo revista thc.jpg" alt="Foto de perfil" class="profile-pic">
-            <span class="username">@RevistaTHC</span>
-        </div>
-        <p>Clon Factory, que así se presenta en sociedad, es “la primera empresa argentina destinada a la multiplicación y comercialización de clones legales en todo el país”</p>
-        <div class="post-content">
-            <div class="image-gallery">
-                <img src="./img/cultivo1.jpeg" alt="Imagen 1 del post" class="post-image" onclick="openImage(this)">
-                <img src="./img/cultivo2.jpeg" alt="Imagen 2 del post" class="post-image" onclick="openImage(this)">
-                <img src="./img/cultivo3.jpeg" alt="Imagen 3 del post" class="post-image" onclick="openImage(this)">
-            </div>           
-        </div>
-        <div class="post-footer">
-            <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
-            <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
-            <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
-        </div>
+<div class="post">
+    <div class="post-header">
+        <img src="./img/logo revista thc.jpg" alt="Foto de perfil" class="profile-pic">
+        <span class="username">@RevistaTHC</span>
+    </div>
+    <p>Clon Factory, que así se presenta en sociedad, es “la primera empresa argentina destinada a la multiplicación y comercialización de clones legales en todo el país”.</p>
+    <div class="post-content">
+        <div class="image-gallery">
+            <img src="./img/cultivo1.jpeg" alt="Imagen 1 del post" class="post-image" onclick="openImage(this)">
+            <img src="./img/cultivo2.jpeg" alt="Imagen 2 del post" class="post-image" onclick="openImage(this)">
+            <img src="./img/cultivo3.jpeg" alt="Imagen 3 del post" class="post-image" onclick="openImage(this)">
+        </div>           
+    </div>
+    <div class="post-footer">
+        <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
+        <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
+        <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
     </div>
+</div>
 
-    
-    <div class="post">
-        <div class="post-header">
-            <img src="./img/logo señora1" alt="Foto de perfil" class="profile-pic">
-            <span class="username">@NonnaCultiva</span>
-        </div>
-        <div class="post-content">
-            <p>Acompañame a probar la nueva cosecha!</p>
-            <div class="image-gallery">
-                <img src="./img/señora fumando.png" alt="Imagen 1 del post" class="post-image" onclick="openImage(this)">
-               
-            </div>
-        </div>
-        <div class="post-footer">
-            <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
-            <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
-            <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
+<div class="post">
+    <div class="post-header">
+        <img src="./img/logo señora1" alt="Foto de perfil" class="profile-pic">
+        <span class="username">@NonnaCultiva</span>
+    </div>
+    <div class="post-content">
+        <p>Acompañame a probar la nueva cosecha!</p>
+        <div class="image-gallery">
+            <img src="./img/señora fumando.png" alt="Imagen 1 del post" class="post-image" onclick="openImage(this)">
         </div>
     </div>
+    <div class="post-footer">
+        <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
+        <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
+        <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
+    </div>
+</div>
 
-
-    <div class="post">
-        <div class="post-header">
-            <img src="./img/señora2.jpeg" alt="Foto de perfil" class="profile-pic">
-            <span class="username">@Susana_1960</span>
-        </div>
-        <div class="post-content">
-            <p>Happy</p>
-            <div class="image-gallery">
-                <img src="./img/señora2.jpeg" alt="Imagen 1 del post" class="post-image" onclick="openImage(this)">
-               
-            </div>
-        </div>
-        <div class="post-footer">
-            <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
-            <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
-            <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
+<div class="post">
+    <div class="post-header">
+        <img src="./img/señora2.jpeg" alt="Foto de perfil" class="profile-pic">
+        <span class="username">@Susana_1960</span>
+    </div>
+    <div class="post-content">
+        <p>Happy</p>
+        <div class="image-gallery">
+            <img src="./img/señora2.jpeg" alt="Imagen 1 del post" class="post-image" onclick="openImage(this)">
         </div>
     </div>
+    <div class="post-footer">
+        <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
+        <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
+        <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
+    </div>
+</div>
     
-
-  <!-- Barra de navegación fija en la parte inferior -->
+<!-- Barra de navegación fija en la parte inferior -->
 <nav class="bottom-nav">
     <a href="home.html" class="nav-item home">
         <i class="bi bi-house"></i>
-        <span>Home</span>
     </a>
-    <a href="comunidad.html" class="nav-item">
+    <a href="comunidad.html" class="nav-item community">
         <i class="bi bi-people"></i>
-        <span>Comunidad</span>
     </a>
     
     <!-- Botón de nueva publicación -->
@@ -117,33 +104,35 @@
         </div>
     </a>
     
-    
-    <a href="explorar.html" class="nav-item">
+    <a href="explorar.html" class="nav-item explorar">
         <i class="bi bi-search"></i>
-        <span>Explorar</span>
     </a>
     <a href="perfil.html" class="nav-item profile">
         <i class="bi bi-person"></i>
-        <span>Perfil</span>
     </a>
 </nav>
 
-
-    <!-- Footer -->
+<!-- Footer -->
 <footer class="page-footer">
     <p>Copyright 2024 — CultiCann. All rights reserved.</p>
 </footer>
 
+<!-- Animación de carga -->
+<div class="loader-container" style="display:none;">
+    <div class="loader">
+        <img src="./icons/loading-page1.png" class="loader-icon icon-1">
+        <img src="./icons/loading-page2.png" class="loader-icon icon-2">
+        <img src="./icons/loading-page3.png" class="loader-icon icon-3">
+        <img src="./icons/loading-page4.png" class="loader-icon icon-4">
+    </div>
+</div>
 
-
-    <!-- Contenedor Modal -->
+<!-- Contenedor Modal -->
 <div id="imageModal" class="modal">
     <span class="close">&times;</span>
     <img class="modal-content" id="modalImage">
 </div>
 
-    
-
-    <script src="./javaScript/script.js"></script>
+<script src="./javaScript/script.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/icons/loading-page1.png b/icons/loading-page1.png
new file mode 100644
index 0000000000000000000000000000000000000000..a80fb48ff787745e678035129cc1975c58044c8d
GIT binary patch
literal 5225
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

literal 0
HcmV?d00001

diff --git a/icons/loading-page2.png b/icons/loading-page2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7d9acdaf4372e92eabcbd4f0ef8ce8ae043a604
GIT binary patch
literal 5240
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

literal 0
HcmV?d00001

diff --git a/icons/loading-page3.png b/icons/loading-page3.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d963d4b0e8915243336ecf3245436dc4afd54d0
GIT binary patch
literal 5228
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

literal 0
HcmV?d00001

diff --git a/icons/loading-page4.png b/icons/loading-page4.png
new file mode 100644
index 0000000000000000000000000000000000000000..944769808a38f78dce4f9524d5e05c8d6950537c
GIT binary patch
literal 5287
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

literal 0
HcmV?d00001

diff --git a/javaScript/script.js b/javaScript/script.js
index 41bca07..2815335 100644
--- a/javaScript/script.js
+++ b/javaScript/script.js
@@ -102,3 +102,35 @@ document.addEventListener("DOMContentLoaded", function() {
         lastScrollY = currentScrollY; // Actualiza la posición del scroll
     });
 });
+
+
+
+
+
+
+/* --------------------------------------
+   LOADING-PAGE   TRANSICION A LA CARGA DE PAGINA
+--------------------------------------- */
+
+// Mostrar loader al cambiar de página
+function showLoader() {
+    document.querySelector('.loader-container').style.display = 'flex';
+}
+
+// Ocultar loader al terminar la carga de la página
+window.addEventListener('load', function() {
+    document.querySelector('.loader-container').style.display = 'none';
+});
+
+// Simulación de cambio de página
+document.querySelectorAll('.nav-item, .add-post').forEach(link => {
+    link.addEventListener('click', function(e) {
+        e.preventDefault();
+        showLoader();
+
+        // Simula un cambio de página, sin esto NO hay tiempo de animacion
+        setTimeout(() => {
+            window.location.href = link.href;
+        }, 2000);
+    });
+});
diff --git a/perfil.html b/perfil.html
index e8c54cc..9e0d6fa 100644
--- a/perfil.html
+++ b/perfil.html
@@ -90,17 +90,13 @@ <h1 class="username">ChowiGonzalez <i class="bi bi-check-circle"></i></h1>
 
 
 
-
-    
-  <!-- Barra de navegación fija en la parte inferior -->
+<!-- Barra de navegación fija en la parte inferior -->
 <nav class="bottom-nav">
     <a href="home.html" class="nav-item home">
         <i class="bi bi-house"></i>
-        <span>Home</span>
     </a>
-    <a href="comunidad.html" class="nav-item">
+    <a href="comunidad.html" class="nav-item community">
         <i class="bi bi-people"></i>
-        <span>Comunidad</span>
     </a>
     
     <!-- Botón de nueva publicación -->
@@ -110,29 +106,39 @@ <h1 class="username">ChowiGonzalez <i class="bi bi-check-circle"></i></h1>
         </div>
     </a>
     
-    
-    <a href="explorar.html" class="nav-item">
+    <a href="explorar.html" class="nav-item explorar">
         <i class="bi bi-search"></i>
-        <span>Explorar</span>
     </a>
     <a href="perfil.html" class="nav-item profile">
         <i class="bi bi-person"></i>
-        <span>Perfil</span>
     </a>
 </nav>
 
-        <!-- Footer -->
-<footer class="page-footer">
-    <p>Copyright 2024 — CultiCann. All rights reserved.</p>
-</footer>
+    <!-- Footer -->
+    <footer class="page-footer">
+        <p>Copyright 2024 — CultiCann. All rights reserved.</p>
+    </footer>
+    
+    
+
+   <!-- Animación de carga -->
+   <div class="loader-container" style="display:none;">
+    <div class="loader">
+        <img src="./icons/loading-page1.png" class="loader-icon icon-1">
+        <img src="./icons/loading-page2.png" class="loader-icon icon-2">
+        <img src="./icons/loading-page3.png" class="loader-icon icon-3">
+        <img src="../icons/loading-page4.png" class="loader-icon icon-4">
+    </div>
+</div>
+    
+        <!-- Contenedor Modal -->
+    <div id="imageModal" class="modal">
+        <span class="close">&times;</span>
+        <img class="modal-content" id="modalImage">
+    </div>
 
 
 
-    <!-- Contenedor Modal -->
-<div id="imageModal" class="modal">
-    <span class="close">&times;</span>
-    <img class="modal-content" id="modalImage">
-</div>  
 
     <script src="./javaScript/script.js"></script>
 
diff --git a/styles/components/navbar.css b/styles/components/navbar.css
index 68789d3..45c0ed5 100644
--- a/styles/components/navbar.css
+++ b/styles/components/navbar.css
@@ -59,6 +59,7 @@
 /* --------------------------------------
    Bottom Navigation Bar (Barra de navegación inferior)
 --------------------------------------- */
+/* Estilos para la barra de navegación inferior */
 .bottom-nav {
     position: fixed;
     bottom: 0;
@@ -76,8 +77,7 @@
     z-index: 1000;
 }
 
-
-
+/* Estilos para los íconos de navegación */
 .nav-item {
     text-align: center;
     text-decoration: none;
@@ -88,6 +88,7 @@
     flex-direction: column;
     align-items: center;
     color: #000000; /* Color negro por defecto */
+    position: relative;
 }
 
 .nav-item i {
@@ -99,6 +100,21 @@
     display: none; /* Oculta el texto debajo del icono */
 }
 
+/* Ajusta las alturas de los íconos en la barra de navegación */
+.add-post {
+    transform: translateY(-10px); /* Ícono de "+" más alto */
+}
+
+.nav-item.home,
+.nav-item.profile {
+    transform: translateY(2px); /* Íconos de Home y Perfil más abajo */
+}
+
+.nav-item.community,
+.nav-item.explorar {
+    transform: translateY(-8px); /* Íconos de Comunidad y Explorar intermedios */
+}
+
 /* Estilo para el ítem activo */
 .nav-item.active {
     color: #32a852; /* Tono verde planta */
@@ -111,7 +127,7 @@
 
 @media (max-width: 480px) {
     .bottom-nav {
-        padding: 1px 0; /* Ajusta el padding para reducir la altura en móviles */
+        padding: 5px 0; /* Ajusta el padding para reducir la altura en móviles */
         background-color: var(--nav-color); /* Incrementa la opacidad a 40% en móviles */
         backdrop-filter: blur(20px); /* Aumenta el desenfoque a 20px en móviles */
         -webkit-backdrop-filter: blur(20px); /* Soporte para Safari */
@@ -129,7 +145,6 @@
     }
 }
 
-
 /* Estilos para el botón de nueva publicación */
 .add-post-button {
     color: #32a852; /* Color del icono "más" */
diff --git a/styles/page-loading.css b/styles/page-loading.css
new file mode 100644
index 0000000..fa6fc80
--- /dev/null
+++ b/styles/page-loading.css
@@ -0,0 +1,57 @@
+/* Animaciones secuenciales */
+@keyframes fadeInOut {
+    0% {
+        opacity: 1;
+    }
+    12.5%, 37.5% {
+        opacity: 0.5;
+    }
+    50% {
+        opacity: 0;
+    }
+    70%, 85%{
+        opacity: 0.5;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+.icon-1 {
+    animation: fadeInOut 1s infinite;
+}
+
+.icon-2 {
+    animation: fadeInOut 1s infinite 0.25s; /* Retrasa la animación 0.5s */
+}
+
+.icon-3 {
+    animation: fadeInOut 1s infinite 0.50s; /* Retrasa la animación 1s */
+}
+
+.icon-4 {
+    animation: fadeInOut 1s infinite 0.75s; /* Retrasa la animación 1.5s */
+}
+
+/* Contenedor del loader */
+.loader-container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(255, 255, 255, 0.7); /* Fondo semi-transparente */
+    backdrop-filter: blur(10px); /* Fondo borroso */
+    z-index: 1000;
+}
+
+/* Estilos para ocultar todos los iconos menos el actual */
+.loader-icon {
+    position: absolute;
+    left: 170px;
+    opacity: 0;
+}
+
diff --git a/styles/styles.css b/styles/styles.css
index 5e5d288..eda569f 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -1,6 +1,7 @@
 /* Importar estilos base y layouts */
 @import url('base.css');
 @import url('layout.css');
+@import url('page-loading.css');
 
 /* Importar componentes */
 @import url('./components/navbar.css');
@@ -13,5 +14,6 @@
 @import url('./pages/index.css');
 @import url('./pages/profile.css');
 
-/* Importar temas (si los hay) */
+
+/* Importar temas  */
 @import url('./themes/default.css');