{"id":297,"date":"2026-06-05T15:32:41","date_gmt":"2026-06-05T15:32:41","guid":{"rendered":"https:\/\/valparaiso.cl\/niebla\/?page_id=297"},"modified":"2026-06-05T23:04:20","modified_gmt":"2026-06-05T23:04:20","slug":"cuanto-sabes-de-valparaiso","status":"publish","type":"page","link":"https:\/\/valparaiso.cl\/niebla\/cuanto-sabes-de-valparaiso\/","title":{"rendered":"\u00bfCu\u00e1nto sabes de Valpara\u00edso?"},"content":{"rendered":"\n    <div id=\"csv-trivia-container\">\n\n        <div class=\"csv-header\">\n            <p>Coloca a prueba tus conocimientos sobre la historia de la ciudad puerto.<\/p>\n        <\/div>\n\n        <div id=\"csv-progress-wrap\">\n            <div id=\"csv-progress-bar\"><\/div>\n        <\/div>\n\n        <div id=\"csv-question\"><\/div>\n\n        <div id=\"csv-options\"><\/div>\n\n        <div id=\"csv-result\" style=\"display:none;\"><\/div>\n\n    <\/div>\n\n<script>\n\nconst preguntas = [{\"texto\":\"El jueves 15 de enero de 1943, la Fundaci\\u00f3n Isabel Caces de Brown adquiri\\u00f3 el terreno comprendido entre las calles avenida Argentina, avenida Brasil, 12 de Febrero y Yungay,...\",\"correcta\":\"falso\",\"explicacion\":\"La afirmaci\\u00f3n era falsa. El a\\u00f1o correcto era 1925.\"},{\"texto\":\"El viernes 27 de octubre de 1842 se promulg\\u00f3 la ley de creaci\\u00f3n de la provincia de Valpara\\u00edso, comprendiendo los departamentos de Valpara\\u00edso, Quillota y Casablanca.\",\"correcta\":\"verdadero\",\"explicacion\":\"La afirmaci\\u00f3n coincide con el registro hist\\u00f3rico!.\"},{\"texto\":\"El nortazo del 22 de mayo de 1952 super\\u00f3 todas las estimaciones El mal tiempo azot\\u00f3 con fuerza y una gran cantidad de lanchones y vaporcitos se fueron a tierra o a pique El vapor...\",\"correcta\":\"falso\",\"explicacion\":\"La afirmaci\\u00f3n era falsa. El a\\u00f1o correcto era 1940.\"},{\"texto\":\"El 12 de mayo de 1969 se celebra por primera vez en Valpara\\u00edso y en Chile el dia del Padre.\",\"correcta\":\"falso\",\"explicacion\":\"La afirmaci\\u00f3n era falsa. El a\\u00f1o correcto era 1963.\"},{\"texto\":\"El martes 19 de enero de 1871 fue fundada en el sal\\u00f3n de la Bolsa de Comercio de Valpara\\u00edso la Tercera Compa\\u00f1\\u00eda de Hachas, Ganchos y Escaleras. Posteriormente, en 1867, la...\",\"correcta\":\"falso\",\"explicacion\":\"La afirmaci\\u00f3n era falsa. El a\\u00f1o correcto era 1858.\"}];\n\nlet indice = 0;\nlet aciertos = 0;\n\nfunction actualizarBarra(){\n    let porcentaje = (indice \/ preguntas.length) * 100;\n    document.getElementById('csv-progress-bar').style.width = porcentaje + '%';\n}\n\nfunction mostrarPregunta(){\n\n    actualizarBarra();\n\n    const q = preguntas[indice];\n\n    document.getElementById('csv-question').innerHTML = `\n        <div class=\"csv-numero\">\n            Pregunta ${indice + 1} de ${preguntas.length}\n        <\/div>\n\n        <div class=\"csv-afirmacion\">\n            ${q.texto}\n        <\/div>\n\n        <div class=\"csv-pregunta\">\n            \u00bfEsta afirmaci\u00f3n es correcta?\n        <\/div>\n    `;\n\n    document.getElementById('csv-options').innerHTML = `\n        <button class=\"csv-option csv-verdadero\"\n                onclick=\"responder('verdadero')\">\n            \u2705 Verdadero\n        <\/button>\n\n        <button class=\"csv-option csv-falso\"\n                onclick=\"responder('falso')\">\n            \u274c Falso\n        <\/button>\n    `;\n}\n\nfunction responder(valor){\n\n    const q = preguntas[indice];\n    const correcto = valor === q.correcta;\n\n    if(correcto){\n        aciertos++;\n    }\n\n    document.getElementById('csv-options').innerHTML = `\n        <div class=\"${correcto ? 'csv-correcto' : 'csv-incorrecto'}\">\n            <h3>${correcto ? '\u2705 Correcto' : '\u274c Incorrecto'}<\/h3>\n            <p>${q.explicacion}<\/p>\n        <\/div>\n    `;\n\n    setTimeout(function(){\n        indice++;\n\n        if(indice < preguntas.length){\n            mostrarPregunta();\n        } else {\n            mostrarResultado();\n        }\n\n    }, 2000);\n}\n\nfunction mostrarResultado(){\n\n    document.getElementById('csv-progress-bar').style.width = '100%';\n\n    let titulo = '';\n    let mensaje = '';\n\n    if(aciertos === 5){\n        titulo = '\ud83d\udc51 Gran Porte\u00f1o';\n        mensaje = 'Has demostrado un conocimiento excepcional de la historia de Valpara\u00edso.';\n    }\n    else if(aciertos === 4){\n        titulo = '\u2693 Capit\u00e1n del Puerto';\n        mensaje = 'Conoces muy bien los hechos hist\u00f3ricos de la ciudad puerto.';\n    }\n    else if(aciertos === 3){\n        titulo = '\ud83d\ude8b Guardi\u00e1n de los Cerros';\n        mensaje = 'Vas por muy buen camino.';\n    }\n    else if(aciertos >= 1){\n        titulo = '\ud83c\udf2b\ufe0f Explorador de la Niebla';\n        mensaje = 'Cada partida te acercar\u00e1 m\u00e1s a la historia porte\u00f1a.';\n    }\n    else{\n        titulo = '\ud83c\udf0a Reci\u00e9n Desembarcado';\n        mensaje = 'Es hora de explorar m\u00e1s historias de Valpara\u00edso.';\n    }\n\n    document.getElementById('csv-question').style.display = 'none';\n    document.getElementById('csv-options').style.display = 'none';\n\n    document.getElementById('csv-result').style.display = 'block';\n\n    document.getElementById('csv-result').innerHTML = `\n        <div class=\"csv-diploma\">\n\n            <h2>${titulo}<\/h2>\n\n            <p>${mensaje}<\/p>\n\n            <h3>${aciertos} de ${preguntas.length} respuestas correctas<\/h3>\n\n            <button class=\"csv-reiniciar\" onclick=\"location.reload()\">\n                \ud83d\udd04 Jugar nuevamente\n            <\/button>\n\n            <br><br>\n\n            <a href=\"https:\/\/valparaiso.cl\/niebla\/almanaque-historico-de-valparaiso\/\"\n               class=\"csv-almanaque\">\n               \ud83d\udcd6 Descubre m\u00e1s historias en el Almanaque de Valpara\u00edso\n            <\/a>\n\n        <\/div>\n    `;\n}\n\nmostrarPregunta();\n\n<\/script>\n\n<style>\n\n#csv-trivia-container{\n    max-width:900px;\n    margin:auto;\n    padding:20px;\n    font-family:Georgia, serif;\n}\n\n.csv-header{\n    text-align:center;\n    margin-bottom:15px;\n}\n\n.csv-header p{\n    font-size:1.1em;\n    font-style:italic;\n    color:#5b3d1f;\n}\n\n#csv-progress-wrap{\n    width:100%;\n    height:20px;\n    background:#ddd;\n    border-radius:20px;\n    overflow:hidden;\n    margin-bottom:20px;\n}\n\n#csv-progress-bar{\n    width:0%;\n    height:100%;\n    background:#b59410;\n    transition:0.4s;\n}\n\n.csv-numero{\n    font-weight:bold;\n    margin-bottom:12px;\n    text-align:center;\n}\n\n.csv-afirmacion{\n    background:#fff8e6;\n    border-left:6px solid #8a6a3d;\n    padding:18px;\n    border-radius:10px;\n    line-height:1.6;\n    font-size:16px;\n    color:#2b2b2b;\n    font-family: Georgia, serif;\n}\n\n.csv-pregunta{\n    text-align:center;\n    margin:18px 0;\n    font-size:20px;\n    font-weight:bold;\n}\n\n.csv-option{\n    display:block;\n    width:100%;\n    margin:10px 0;\n    padding:14px;\n    font-size:17px;\n    border:none;\n    border-radius:10px;\n    cursor:pointer;\n}\n\n.csv-verdadero{\n    background:#2e8b57;\n    color:#fff;\n}\n\n.csv-falso{\n    background:#b22222;\n    color:#fff;\n}\n\n.csv-correcto{\n    background:#e6f7ea;\n    border:2px solid #2e8b57;\n    padding:18px;\n    border-radius:10px;\n}\n\n.csv-incorrecto{\n    background:#fdeaea;\n    border:2px solid #b22222;\n    padding:18px;\n    border-radius:10px;\n}\n\n.csv-diploma{\n    text-align:center;\n    background:#f5e9c9;\n    border:3px solid #8a6a3d;\n    border-radius:15px;\n    padding:30px;\n}\n\n.csv-reiniciar{\n    background:#5b3d1f;\n    color:#fff;\n    border:none;\n    padding:14px 25px;\n    border-radius:10px;\n    cursor:pointer;\n    font-size:18px;\n}\n\n.csv-almanaque{\n    display:inline-block;\n    background:#b59410;\n    color:#fff;\n    padding:14px 25px;\n    border-radius:10px;\n    text-decoration:none;\n    font-size:18px;\n}\n\n.csv-almanaque:hover{\n    opacity:0.9;\n}\n\n@media (max-width: 600px){\n\n    .csv-afirmacion{\n        font-size:15px;\n        padding:14px;\n    }\n\n    .csv-pregunta{\n        font-size:18px;\n    }\n\n    .csv-option{\n        font-size:16px;\n        padding:13px;\n    }\n}\n\n<\/style>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-297","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/valparaiso.cl\/niebla\/wp-json\/wp\/v2\/pages\/297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valparaiso.cl\/niebla\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valparaiso.cl\/niebla\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valparaiso.cl\/niebla\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valparaiso.cl\/niebla\/wp-json\/wp\/v2\/comments?post=297"}],"version-history":[{"count":8,"href":"https:\/\/valparaiso.cl\/niebla\/wp-json\/wp\/v2\/pages\/297\/revisions"}],"predecessor-version":[{"id":308,"href":"https:\/\/valparaiso.cl\/niebla\/wp-json\/wp\/v2\/pages\/297\/revisions\/308"}],"wp:attachment":[{"href":"https:\/\/valparaiso.cl\/niebla\/wp-json\/wp\/v2\/media?parent=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}