Arreglo en inclucion de animacion en la seccion de cc y creditos

eduissed · Jun 16, 2024 · fb85431 · fb85431
1 parent 3eb96e1
commit fb85431
Showing 1 changed file with 61 additions and 17 deletions.
diff --git 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>