diff --git a/posgrados/assets/css/posgrados.css b/posgrados/assets/css/posgrados.css index 63cda5b..b3c735d 100644 --- a/posgrados/assets/css/posgrados.css +++ b/posgrados/assets/css/posgrados.css @@ -764,28 +764,38 @@ Main } /* Typing effect */ +/* Incluir aquí el CSS ajustado */ .typing-effect { display: inline-block; - overflow: hidden; white-space: nowrap; - border-right: 2px solid rgba(0, 0, 0, 0.75); /* Cursor effect */ - animation: typing 3s steps(40, end), blink-caret 0.75s step-end infinite; - opacity: 0; + overflow: hidden; + border-right: 0.15em solid; /* Cursor de tipeo */ + animation: typing 1.5s steps(20, end) forwards, blink-caret 0.75s step-end infinite; + visibility: hidden; /* Oculta inicialmente */ + animation-play-state: paused; /* Pausa la animación hasta activarse */ } @keyframes typing { - from { width: 0; } - to { width: 100%; } + from { + width: 0; + } + to { + width: 100%; + } } @keyframes blink-caret { - from, to { border-color: transparent; } - 50% { border-color: rgba(0, 0, 0, 0.75); } + 0%, 100% { + border-color: transparent; + } + 50% { + border-color: black; /* Ajustar color del cursor de tipeo */ + } } -.typing-finished { - border-right: none; /* Remove cursor */ - opacity: 1; /* Make text visible */ +/* Nueva clase para ocultar el cursor después de la animación */ +.typing-effect.typing-finished { + border-right: none; /* Remueve el cursor después de terminar */ } @media (max-width: 300px) { @@ -793,9 +803,7 @@ Main margin-bottom: 2rem; word-wrap: break-word; } - #main #main_container #main_information #main_information_box1 h2 { - font-size: 1.5rem; - } + #main #main_container #main_information #main_information_box1 h2, #main #main_container #main_information #main_information_box2 h2 { font-size: 1.5rem; } diff --git a/posgrados/assets/js/main.js b/posgrados/assets/js/main.js index e57acfc..9e73391 100644 --- a/posgrados/assets/js/main.js +++ b/posgrados/assets/js/main.js @@ -1,13 +1,14 @@ -document.addEventListener("DOMContentLoaded", function() { - const lines = document.querySelectorAll(".typing-effect"); - - lines.forEach((line, index) => { - line.style.animationDelay = `${index * 2.7}s`; - line.style.opacity = '1'; - - line.addEventListener("animationend", function() { - line.classList.add("typing-finished"); - }); - }); +document.addEventListener('DOMContentLoaded', function() { + const lines = document.querySelectorAll('.typing-effect'); + lines.forEach((line, index) => { + setTimeout(() => { + line.style.visibility = 'visible'; // Muestra la línea + line.style.animationPlayState = 'running'; // Inicia la animación + + // Espera a que la animación termine y luego oculta el cursor + line.addEventListener('animationend', () => { + line.classList.add('typing-finished'); + }, { once: true }); + }, index * 1500); // 1.5s de retraso entre cada línea }); - \ No newline at end of file +}); diff --git a/posgrados/index.html b/posgrados/index.html index cebafcb..b8b8d76 100644 --- a/posgrados/index.html +++ b/posgrados/index.html @@ -135,13 +135,7 @@
- -
-
-
-
- +

Dirigido a:

Profesionales ya titulados con formación
@@ -161,18 +155,19 @@ es cada vez más importantes. En este sentido,
el plan de estudios tiende a una reverberación
de la actividad del artista visual, el diseñador,
- el comunicador visual, el docente en artes y diseño,
+ el comunicador visual, el docente en artes y
y el documentalista cinematográfico,
- manteniendo un equilibrio entre las artes,
+ diseño,manteniendo un equilibrio entre las artes,
las humanidades y las ciencias. Así mismo,
- pretende que el egresado del doctorado, a través
- de sus manifestaciones plásticas (producción)
- ofrezca el material para que otras disciplinas
- como la historia del arte, la filosofía,
- ciencias políticas, estudios latinoamericanos,
- continúen desarrollando investigaciones teóricas
- sobre lenguajes y el hecho artístico
- realizado en un momento determinado. + pretende que el egresado del doctorado,
+ a través de sus manifestaciones
+ plásticas (producción)ofrezca el material
+ para que otras disciplinascomo la historia del arte,
+ la filosofía,ciencias políticas, estudios
+ latinoamericanos,continúen desarrollando
+ investigaciones teóricas sobre lenguajes y
+ el hecho artísticorealizado
+ en un momento determinado.

@@ -185,40 +180,14 @@ y su representación en espacios de exhibición
públicos o privados

-

- La participación en centros de Investigación
- y producción artística, con financiamiento
- público o privado
-

-

- La realización de actividades docentes en
- el campo de las artes, el diseño y la comunicación
- visual, la docencia en artes y diseño,
- y el cine documental en centros educativos,
- públicos y privados
-

-

- La presentación de servicios especializados
- de asesoría, consultoría y gestión en los
- campos de conocimientos del programa
-

-

- La colaboración en publicaciones especializadas
- en el ámbito de la investigación en los
- campos de conocimiento del programa
-

-

- El intercambio de información en los
- campos de conocimiento del Programa,
- en foros y modalidades afines en el
- país y en el extranjero
-

+
+