<?php
require_once("../../config/conexion.php");
?>
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>No deberías estar aquí</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            position: relative;
        }

        .ascii-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            white-space: pre;
            /* Mantiene los espacios y saltos de línea */
            font-size: 200px;
            /* Tamaño de la fuente ajustado */
            line-height: 200px;
            /* Altura de línea para ajustar correctamente */
            background-color: black;
            /* Fondo negro para contraste */
            color: white;
            /* Color del texto ASCII */
            z-index: -1;
            /* Envía el fondo ASCII detrás del contenido principal */
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            /* Esconde el desbordamiento */
        }

        .container {
            width: 400px;
            height: 300px;
            border: 2px solid #ccc;
            background-color: #fff;
            padding: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            position: relative;
            z-index: 1;
            /* Asegura que el contenido esté por encima del fondo ASCII */
        }

        .scroll-box {
            width: 100%;
            height: 100%;
            overflow-y: scroll;
            border: 1px solid #ddd;
            padding: 10px;
            box-sizing: border-box;
        }

        .scroll-box::-webkit-scrollbar {
            width: 6px;
        }

        .scroll-box::-webkit-scrollbar-thumb {
            background-color: #aaa;
            border-radius: 3px;
        }

        .scroll-box p {
            font-size: 12px;
            line-height: 1.5;
            margin: 0;
        }

        .footer-text {
            margin-top: 10px;
            font-size: 11px;
            text-align: center;
        }

        .footer-text a {
            color: #007bff;
            text-decoration: none;
        }

        .footer-text a:hover {
            text-decoration: underline;
        }
    </style>
</head>

<body>

    <audio id="myAudio">
        <source src="dpm.mp3" type="audio/mpeg">
    </audio>

    <div class="ascii-background">
        <!-- Reemplaza el contenido con tu arte ASCII -->
        <pre>
        ... ASCII ART PLACEHOLDER ...
        </pre>
    </div>

    <div class="container">
        <div class="scroll-box">
            <p></p>
            <p></p>
            <p>Tres transformaciones del espíritu os menciono: cómo el espíritu se convierte en camello, y el camello en león, y el león, finalmente, en niño.</p>

            <p>Mucho hay en el espíritu pesado, resistente y reverente: el espíritu quiere el peso, como el camello que se arrodilla y quiere que le carguen bien.</p>

            <p>¿Qué es lo más pesado, héroes?, pregunta el espíritu resistente, para que lo ponga sobre mí y me regocije en mi fuerza.</p>

            <p>¿No es esto: humillarse para herir su soberbia? Dejar que su locura se deleite en su sabiduría?</p>

            <p>¿O es esto: apartarse de nuestra causa cuando ésta celebra su victoria? Subir a montañas donde ruge la tempestad?</p>

            <p>¿O es esto: tender la mano al agua que se precipita? Despreciar el confort y morar en la desnudez de la vida?</p>

            <p>¿Es esto, finalmente: amar a los que nos desprecian y tender la mano al espectro cuando quiere asustarnos?</p>

            <p>Todos esos pesos toma sobre sí el espíritu resistente, como el camello que, cargado, se apresura hacia el desierto: así se apresura también él hacia su desierto.</p>

            <p>Pero en el desierto más solitario ocurre la segunda transformación: el espíritu se convierte en león, quiere conquistar la libertad y ser señor en su propio desierto.</p>

            <p>Aquí busca su último amo: quiere ser enemigo de él y de su último dios, y luchar por la victoria contra el gran dragón.</p>

            <p>¿Qué es el gran dragón que el espíritu ya no quiere seguir llamando "señor y dios"? "¡Tú debes!" se llama el gran dragón. Pero el espíritu del león dice: "¡Yo quiero!"</p>

            <p>"¡Tú debes!" le cierra el paso a la libertad. El dragón brilla con oro en cada una de sus escamas, y en cada una de ellas se inscribe un "¡Tú debes!"</p>

            <p>Valores milenarios brillan en esas escamas, y así habla el dragón más poderoso de todos: "Todos los valores de las cosas - ellos brillan en mí."</p>

            <p>"Todos los valores ya han sido creados, y yo soy todas las cosas creadas. ¡En verdad, no debe seguir existiendo ningún 'Yo quiero'!" Así habla el dragón.</p>

            <p>Hermanos míos, ¿por qué es necesario el león en el espíritu? ¿Por qué no basta el camello, que es reverente y resistente?</p>

            <p>Crear nuevos valores - eso ni siquiera el león puede hacerlo: pero crearse libertad para nuevos valores, eso sí puede hacerlo el poder del león.</p>

            <p>Crearse libertad y un no sagrado incluso frente al deber: para eso, hermanos míos, es necesario el león.</p>

            <p>Tomarse el derecho de nuevos valores - eso es lo más terrible para un espíritu reverente y resistente. En verdad, es para él un robo y un asunto de una bestia de rapiña.</p>

            <p>Como su cosa más sagrada amó alguna vez "¡Tú debes!": ahora debe encontrar ilusión y arbitrariedad incluso en lo más sagrado, para que arrebate su libertad del amor: para este robo es necesario el león.</p>

            <p>Pero decíos, hermanos míos, ¿qué puede hacer el niño que ni siquiera pudo hacer el león? ¿Por qué ha de convertirse el león en niño?</p>

            <p>El niño es inocencia y olvido, un nuevo comienzo, un juego, una rueda que gira por sí misma, un primer movimiento, un sagrado decir sí.</p>

            <p>Sí, hermanos míos, para el juego de crear se necesita un sagrado decir sí: el espíritu ahora quiere su voluntad, el que se ha apartado del mundo, ahora conquista su propio mundo.</p>

            <p>Tres transformaciones del espíritu os he mencionado: cómo el espíritu se convierte en camello, y el camello en león, y el león, finalmente, en niño.</p>

            <p>Así habló Zaratustra. Y entonces moraba en la ciudad que se llama La Vaca Multicolor.</p>

            <p>Cuando Zaratustra hubo dicho adiós a la ciudad en la cual su corazón le había salido al encuentro, encontróse a sí mismo seguido de muchos que le llamaban discípulos y le eran fieles; y así llegaron a un cruce de caminos. Entonces Zaratustra les dijo que había de seguir solo, pues amaba las travesías solitarias. Pero los discípulos le ofrecieron como presente un báculo de oro con una serpiente enroscada en torno a un sol. Zaratustra se alegró del regalo y apoyándose en el báculo, habló a sus discípulos:</p>

            <p>"Decidme: ¿cómo ha caído el oro en vuestras manos? Pues por seguro, no soy ladrón de tesoros. Vuestro corazón lo es, vuestro pensamiento lo es, y vuestra voluntad lo es.</p>

            <p>Vuestra alma no se cansa de ser rica y de querer ser como el río, que rebosa y que es una ofrenda para todos.</p>

            <p>Y siempre que la veo salir de la pobreza, veo salir a la virtud que hace regalos y que da.</p>

            <p>En los pobres, la virtud es una virtud de pobreza; en el rico, una virtud rica.</p>

            <p>Quien da con abundancia, se goza en la virtud de los que reciben. Pero a él no le importa si los que reciben lo merecen.</p>

            <p>Pero tú eres del tipo que no da a menos que se lo implore; y tú eres del tipo que quiere recibir antes de dar.</p>

            <p>Y no tienes la virtud que hace regalos sino una pretensión que no entiende el que da.</p>

            <p>Con todo, tú tienes la obligación de dar. No dejas de ser aquel que da, que da, y que no entiende qué significa ser generoso.</p>

            <p>Pero como tú no das de corazón, no puedes entender lo que es el don.</p>

            <p>Y como no entiendes el don, no entiendes lo que es la alegría de recibir.</p>

            <p>¡Ay de los que sufren porque no pueden comprender las manos de los que dan y los corazones de los que reciben!</p>

            <p>Es un signo de alma elevada, el no querer poseer nada que no se pueda ofrecer.</p>

            <p>El arte del más grande es ofrecerse a sí mismo y no recibir de otro lo que no se puede ofrecer.</p>

            <p>Una virtud más elevada se necesita para dar con generosidad que para recibir con gratitud. Pero tú no tienes la virtud de la generosidad, aunque no tienes por ello la bajeza de la ingratitud.</p>

            <p>Tienes algo más alto que la gratitud y algo más bajo que la generosidad.</p>

            <p>No puedo llamarlo de otro modo que justicia, el hecho de que quieres lo que tú debes dar.</p>

            <p>Pero justo es quien, aun con las manos vacías, lleva su ofrenda, y quien da y no espera la gratitud.</p>

            <p>Puedo ver tu deseo en tus ojos: tienes el deseo de dar, pero no sabes cómo.</p>

            <p>Y tu deseo de dar es un secreto para los hombres y una vergüenza para ti.</p>

            <p>De modo que tú rechazas incluso el que te da a manos llenas, y llamas virtud a tu rechazo.</p>

            <p>Y deseas convencerte a ti mismo de que la voluntad de recibir es también una virtud.</p>

            <p>Pero yo te digo: no es justo dar lo que no se tiene. ¡No es justo recibir lo que no se puede dar!</p>

            <p>El justo es quien, al dar, sabe ofrecerse a sí mismo.</p>

            <p>¡Ah, si tu deseo de dar fuera tan alto como el deseo de recibir!</p>

            <p>Entonces sabrías cómo dar.</p>

            <p>Y te alegrarías en la virtud que hace regalos, y te sentirías a gusto contigo mismo cuando te ofrecieras a los demás.</p>

            <p>El justo es quien ama la virtud de ofrecerse.</p>

            <p>Pero no el que da es aquel que quiere recibir; ni tampoco aquel que da esperando recibir algo a cambio.</p>

            <p>Tu virtud es querer ofrecer, y yo quiero que seas del tipo que sabe cómo hacerlo.</p>

            <p>Dichoso aquel que ofrece como el río que fluye y está siempre en busca del océano.</p>

            <p>Todo cuanto hace, lo hace de buen grado.</p>

            <p>Pero pobre de aquel que tiene sed de reconocimiento y se fatiga por recibir.</p>

            <p>No te preocupes por recibir nada a cambio.</p>

            <p>Mas yo te digo: mejor que recibas tú mismo.</p>

            <p>Conviértete en aquel que sabe cómo dar y que sabe recibir.</p>

            <p>Yo te digo: tienes que aprender a ser agradecido, y a recibir de buen grado.</p>

            <p>Lo que te falta es gratitud; por eso tu alma está llena de envidia y de ambición.</p>

            <p>Lo que tienes que aprender es a dar y a recibir de buena voluntad, y no por costumbre o envidia.</p>

            <p>Y así, cada vez que te acerques a recibir, piensa en dar algo a cambio.</p>

            <p>Y cada vez que recibas, piensa en hacerte digno de lo que has recibido.</p>

            <p>De modo que te digo: ¡Dichosos aquellos que saben dar y recibir sin por ello hacerse vanos!"</p>

            <p>Así habló Zaratustra.</p>
        </div>
        <script>
            document.addEventListener('click', function() {
                var audio = document.getElementById("myAudio");
                audio.play().catch(function(error) {
                    console.log('Reproducción automática fallida:', error);
                });
            }, {
                once: true
            });
        </script>
    </div>

</body>

</html>