{"id":1604,"date":"2025-04-07T12:32:20","date_gmt":"2025-04-07T12:32:20","guid":{"rendered":"https:\/\/regalosdelaluz.net\/?page_id=1604"},"modified":"2025-04-07T23:59:45","modified_gmt":"2025-04-07T23:59:45","slug":"una-frase-al-azar","status":"publish","type":"page","link":"https:\/\/regalosdelaluz.net\/index.php\/una-frase-al-azar\/","title":{"rendered":"Una frase al azar"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Quiz\u00e1 la mejor manera de disfrutar de las frases inspiradoras sea tener en las manos el libro de papel, detenerse en una p\u00e1gina que hemos abierto casualmente y leer con calma esa \u00fanica expresi\u00f3n que contiene, al menos por unos instantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Desde aqu\u00ed, podremos acceder aleatoriamente a cada una de las m\u00e1s de cien frases que tambi\u00e9n se encuentran en el libro f\u00edsico. Una distinta cada vez que toquemos el bot\u00f3n.<\/p>\n\n\n\n<!-- Google Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Bot\u00f3n centrado -->\n<div style=\"text-align:center; margin-top: 20px;\">\n  <button id=\"btnFrase\" style=\"\n    background-color: #4a90e2;\n    color: white;\n    padding: 12px 24px;\n    border: none;\n    border-radius: 8px;\n    font-size: 1.1rem;\n    font-family: 'Open Sans', sans-serif;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n  \">Mostrar frase<\/button>\n<\/div>\n\n<!-- Modal oculto inicialmente -->\n<div id=\"modalFrase\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(4px);\n  z-index: 9999;\n\">\n  <div id=\"contenidoModal\" style=\"\n    background: black;\n    color: white;\n    padding: 30px;\n    border-radius: 12px;\n    max-width: 80%;\n    margin: auto;\n    margin-top: 15%;\n    text-align: center;\n    font-family: 'Open Sans', sans-serif;\n    font-size: 1.8rem;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.3);\n    animation: caerDesdeArriba 0.5s ease-out;\n    line-height: 1.6;\n  \">\n    <span id=\"textoFrase\">Aqu\u00ed ir\u00e1 la frase<\/span><br><br>\n    <button onclick=\"cerrarModal()\" style=\"\n      background-color: white;\n      color: black;\n      padding: 10px 20px;\n      border: none;\n      border-radius: 8px;\n      font-size: 1.1rem;\n      font-weight: bold;\n      font-family: 'Open Sans', sans-serif;\n      cursor: pointer;\n      transition: background-color 0.3s ease;\n    \">Cerrar<\/button>\n  <\/div>\n<\/div>\n\n<!-- Animaci\u00f3n -->\n<style>\n@keyframes caerDesdeArriba {\n  from {\n    transform: translateY(-100px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n#btnFrase:hover {\n  background-color: #357ABD;\n}\n\n#contenidoModal button:hover {\n  background-color: #e0e0e0;\n}\n<\/style>\n\n<!-- Script -->\n<script>\ndocument.getElementById('btnFrase').addEventListener('click', mostrarFraseModal);\n\nfunction mostrarFraseModal() {\n  const url = 'https:\/\/regalosdelaluz.net\/textos\/frases.txt';\n  fetch(url)\n    .then(response => response.text())\n    .then(texto => {\n      const frases = texto.trim().split('\\n');\n      const frase = frases[Math.floor(Math.random() * frases.length)];\n      document.getElementById('textoFrase').textContent = frase;\n      document.getElementById('modalFrase').style.display = 'block';\n    })\n    .catch(error => {\n      alert(\"No se pudieron cargar las frases.\");\n      console.error(error);\n    });\n}\n\nfunction cerrarModal() {\n  document.getElementById('modalFrase').style.display = 'none';\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Quiz\u00e1 la mejor manera de disfrutar de las frases inspiradoras sea tener en las manos el libro de papel, detenerse en una p\u00e1gina que hemos abierto casualmente y leer con calma esa \u00fanica expresi\u00f3n que contiene, al menos por unos instantes. Desde aqu\u00ed, podremos acceder aleatoriamente a cada una de las m\u00e1s de cien frases&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-1604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/regalosdelaluz.net\/index.php\/wp-json\/wp\/v2\/pages\/1604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/regalosdelaluz.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/regalosdelaluz.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/regalosdelaluz.net\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/regalosdelaluz.net\/index.php\/wp-json\/wp\/v2\/comments?post=1604"}],"version-history":[{"count":14,"href":"https:\/\/regalosdelaluz.net\/index.php\/wp-json\/wp\/v2\/pages\/1604\/revisions"}],"predecessor-version":[{"id":1673,"href":"https:\/\/regalosdelaluz.net\/index.php\/wp-json\/wp\/v2\/pages\/1604\/revisions\/1673"}],"wp:attachment":[{"href":"https:\/\/regalosdelaluz.net\/index.php\/wp-json\/wp\/v2\/media?parent=1604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}