From fb8543185ba0f33a39aa5c4e72f34a398e5120fe Mon Sep 17 00:00:00 2001
From: Rorre12 <140569905+Rorre12@users.noreply.github.com>
Date: Sun, 16 Jun 2024 10:41:20 -0600
Subject: [PATCH] Arreglo en inclucion de animacion en la seccion de cc y
 creditos

---
 index.html | 78 ++++++++++++++++++++++++++++++++++++++++++------------
 1 file changed, 61 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index bcfb1b6..6ab1393 100644
--- a/index.html
+++ b/index.html
@@ -1539,7 +1539,6 @@ <h3 class="social-title">Llamanos</h3>
             </section>            
         </div>
 
-        
             
         <p class="copyright" id="derechos">
             &copy; 2023 - <span>EDUISSED</span> Todos los derechos reservados <i
@@ -1548,14 +1547,58 @@ <h3 class="social-title">Llamanos</h3>
                 <i class="fa-solid fa-chevron-down"></i>
                 <i class="fa-solid fa-chevron-up" style="display: none;"></i>
             </button>
-            
+            <style>
+                #contentm {
+                    transition: opacity 0.5s ease;
+                    margin-top: -440px; /* Margen para dispositivos de pantalla grande */
+                }
+        
+                /* Media query para dispositivos de pantalla pequeña o móviles */
+                @media only screen and (max-width: 768px) {
+                    #contentm {
+                        margin-top: -280px;
+                    }
+                }
+            </style>
             <script>
                 $(document).ready(function() {
+                    function updateLinks() {
+                        const chevronDownVisible = $('.fa-chevron-down').is(':visible');
+                        const links = $('#contentm a');
+                        if (chevronDownVisible) {
+                            links.css('pointer-events', 'none').css('color', 'gray'); // Opcional: cambiar el color del enlace para indicar que está desactivado
+                        } else {
+                            links.css('pointer-events', 'auto').css('color', ''); // Opcional: restaurar el color original del enlace
+                        }
+                    }
+            
                     $('#toggleButton').click(function() {
-                        $('.fa-chevron-down, .fa-chevron-up').toggle();
+                        const chevronDown = $('.fa-chevron-down');
+                        const chevronUp = $('.fa-chevron-up');
+                        const chevronDownVisible = chevronDown.is(':visible');
+            
+                        if (chevronDownVisible) {
+                            gsap.to(chevronDown, { opacity: 0, duration: 0.5, onComplete: function() {
+                                chevronDown.hide();
+                                chevronUp.show();
+                                gsap.fromTo(chevronUp, { opacity: 0 }, { opacity: 1, duration: 0.5 });
+                                updateLinks();
+                            }});
+                        } else {
+                            gsap.to(chevronUp, { opacity: 0, duration: 0.5, onComplete: function() {
+                                chevronUp.hide();
+                                chevronDown.show();
+                                gsap.fromTo(chevronDown, { opacity: 0 }, { opacity: 1, duration: 0.5 });
+                                updateLinks();
+                            }});
+                        }
                     });
+            
+                    // Inicializar el estado de los enlaces
+                    updateLinks();
                 });
             </script>
+
            <style>
             /* Estilos opcionales para el botón */
             #toggleButton {
@@ -1579,28 +1622,29 @@ <h3 class="social-title">Llamanos</h3>
                 });
             </script>
         </p>
-        <div class="copyright" id="contentm" style="opacity: 0; z-index: 900;">
+        <div class="copyright" id="contentm" style="opacity: 0; z-index: 70;">
             <span xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
                 <a property="dct:title" rel="cc:attributionURL" href="https://eduissed.org">SEXi por EDUISSED</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://eduissed.org/">Angélica Montserrat Rodríguez Cano, Eliann Artemio Grajeles Grene, Roger Daniel Cruz Vázquez, Josué Misael Torres Barrientos, David Alemán López, Juan Carlos Zavaleta Vidal. </a> is licensed under <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1">
                     </a>
             </span>
         </div>
 
-        <style>#contentm {
+        <style>
+        #contentm {
             transition: opacity 0.5s ease;
         }
-
-                    /* Margen para dispositivos de pantalla grande */
-#contentm {
-    margin-top: -440px;
-}
-
-/* Media query para dispositivos de pantalla pequeña o móviles */
-@media only screen and (max-width: 768px) {
-    #contentm {
-        margin-top: -280px;
-    }
-}
+        
+                            /* Margen para dispositivos de pantalla grande */
+        #contentm {
+            margin-top: -440px;
+        }
+        
+        /* Media query para dispositivos de pantalla pequeña o móviles */
+        @media only screen and (max-width: 768px) {
+            #contentm {
+                margin-top: -280px;
+            }
+        }
 
         </style>
     </main>