{"id":69615,"date":"2024-01-31T14:14:43","date_gmt":"2024-01-31T19:14:43","guid":{"rendered":"https:\/\/uninavarra.edu.co\/?page_id=69615"},"modified":"2024-02-01T15:29:11","modified_gmt":"2024-02-01T20:29:11","slug":"invitacion-dorada-sello-dorado","status":"publish","type":"page","link":"https:\/\/uninavarra.edu.co\/en\/invitacion-dorada-sello-dorado\/","title":{"rendered":"Gold Invitation with gold seal"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"wpb-container \"><div class=\"container\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script src=\"https:\/\/code.jquery.com\/jquery-3.5.0.js\"><\/script>\n<style>\n    .container  {\n     margin: 0px;\n     display: flex;\n     align-items: center;\n     justify-content: center;\n     width: 100vw;\n     height: 100vh;\n     color: #D9D9D9;\n   }\n   \n   .backDoor\n   {\n     background-image: url(https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/01\/solapa-dorada-scaled.jpg);\n     position:relative;\n     width:400px;\n     height:100vh;\n     transition: all 2s;\n     z-index: 1;\n   }\n   \n   .doorZoom {\n     width: 100vw;\n     height: 100vh;\n   }\n   \n   .doorZoom .door, .doorZoom .door2 {\n     height: 100vh;\n   }\n   \n   .door, .door2 {\n   \/*   overflow: hidden; *\/\n     \/* background-color: #e4d0b3; *\/\n   }\n   \n   .door\n   {\n   \/*   background-color: brown; *\/\n     position:absolute;\n     top:0px;\n     left:0px;\n     width:200px;\n     height:100vh;\n    \n     transform-origin: left;\n     \/*Speed of the Door animation*\/\n     transition: all 0.5s ease-in-out;\n   }\n   \n   .door img {\n     height: 100vh;\n     width: 200px;\n     object-fit: cover;\n   }\n   \n   .door2 img {\n     height: 100%;\n     width: 200px;\n     object-fit: cover;\n   }\n   \n   .door2{\n     position:absolute;\n     top:0px;\n     right:0px;\n     width:200px;\n     height:100%;\n     border-left: 1px solid #e4d0b3;\n     transform-origin: right;\n     transition: all 0.5s ease-in-out;\n   }\n   \n   .door svg {\n     width: 80px;\n     height: 80px;\n     position: absolute;\n     right: -40px;\n     top: 50%;\n     margin-top: -40px;\n   }\n   \n   .door2 svg {\n     \/*z-index: 2;*\/\n     width: 80px;\n     height: 80px;\n     position: absolute;\n     left: -40px;\n     top: 50%;\n     margin-top: -40px;\n     fill: #F29F05;\n   }\n   \n   .doorOpen\n   {\n     \/*prespectiv creates the door open effect*\/\n   \/*   z-index: 1; *\/\n     transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-105deg);\n   }\n   \n   .doorOpen2\n   {\n     \/*prespectiv creates the door open effect*\/\n     transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(105deg);\n   }\n   \n   .contenido-carta {\n     position: absolute;\n     width: 90%;\n     height: 90%;\n     left: 0;\n     right: 0;\n     margin: auto;\n     background-size: contain;\n     background-position: center;\n     background-repeat: no-repeat;\n     opacity: 0;\n     transition: all .5s;\n     z-index: 3; \/* Ajusta el z-index para que est\u00e9 delante de las part\u00edculas *\/\n     margin-top: 4%;\n     \/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); \/* A\u00f1adir sombra aqu\u00ed *\/\n     \n   }\n   .contenido-carta.active{\n     opacity: 1;\n     transition-delay: .5s;\n   }\n   .door2 img.boton-click{\n     width: 200px;\n     height: 168px;\n     position: absolute;\n     left: -50%;\n     margin: auto;\n     border-radius: 50%;\n     top: 0;\n     bottom: 0;\n   }\n   \n   \n   @media (max-width: 300px) {\n     .door img, .door2 img {\n     height: 90vh;\n    }\n    .backDoor{\n     width: 100%;\n     height: 100%;\n     transition: all 2s;\n     overflow: hidden;\n   }\n   \n   }\n\n\n\ncanvas {\n  display: block;\n  vertical-align: bottom;\n}\n\/* ---- tsparticles container ---- *\/\n#tsparticles {\n  position: absolute;\n  width: 1920px;\n  height: 1080px;\n  z-index: 2;\n  visibility:hidden;\n}\n\n\n\n\n\n<\/style>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div id=\"tsparticles\"><\/div>\n  <div class=\"backDoor\">\n    <div class=\"door\"> \n      <img decoding=\"async\" src=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/01\/solapa-dorada2-scaled.jpg\">\n    <\/div>\n\n    <div class=\"door2\">\n      <img decoding=\"async\" src=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/01\/solapa-dorada-scaled.jpg\">\n     <img decoding=\"async\" src=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/01\/sello-uninavarra-3-1.png\" class=\"boton-click\" >\n    <\/div>\n\n    <div class=\"contenido-carta\" style=\"background-image:url(https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/01\/final.jpg)\">\n<\/div>\n<\/div>\n  <\/div>\n\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_js\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/tsparticles@1.33.3\/tsparticles.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@tsparticles\/confetti@3.0.3\/tsparticles.confetti.bundle.min.js\"><\/script>\n\n\n<script>\nfunction launchConfetti() {\n  confetti({\n  spread: 360,\n  ticks: 200,\n  gravity: 1,\n  decay: 0.94,\n  startVelocity: 30,\n  particleCount: 200,\n  scalar: 5,\n  shapes: [\"image\"],\n  shapeOptions: {\n    image: [{\n        src: \"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/01\/hoja-1.png\",\n        width: 64,\n        height: 64,\n      },\n      {\n        src: \"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/01\/hoja2-1.png\",\n        width: 64,\n        height: 64,\n      },\n    ],\n  },\n});\n}\n\n\n\/\/ Agregar una nueva forma (puedes cambiar \"your-name\" por un nombre significativo)\nconst shapeName = \"custom-image\";\n\ntsParticles.addShape(shapeName, function (context, particle, radius, opacity) {\n  const image = new Image();\n  image.src = \"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/01\/hoja-1.png\"; \/\/ Ruta de la imagen personalizada\n\n  context.globalAlpha = opacity;\n  context.drawImage(image, -radius, -radius, 2 * radius, 2 * radius);\n});\n\n\n\n\n\n\n\n\nvar particlesVisible;\n$(document);\n\nvar door = document.querySelector(\".backDoor\");\nvar element = document.querySelector(\".door\");\nvar element2 = document.querySelector(\".door2\");\n\nconst toggleAll = () => {\n  toggleDoor();\n  toggleDoor2();\n  door.classList.toggle('doorZoom');\n\n  \/\/ Cambia el estado de particlesVisible\n  particlesVisible = !particlesVisible;\n\n  \/\/ Ajusta la visibilidad de la animaci\u00f3n de part\u00edculas\n  const particleCanvas = document.getElementById(\"tsparticles\");\n  if (particleCanvas) {\n    \/\/ Retrasa la visibilidad solo al abrir la puerta\n    if (particlesVisible) {\n        particleCanvas.style.visibility = \"visible\";\n        \/\/ A\u00f1ade la animaci\u00f3n de confeti\n        launchConfetti();\n       \n\n    } else {\n      \/\/ No hay retardo al cerrar la puerta\n      particleCanvas.style.visibility = \"hidden\";\n    }\n  }\n\n  \/\/ Carga tsParticles solo cuando se abre la puerta\n  tsParticles.load(\"tsparticles\", {\n    particles: {\n      color: {\n        value: \"random\"\n      },\n      size: {\n        value: 40\n      },\n      links: {\n        enable: false\n      },\n      move: {\n  enable: true,\n  speed: 5,\n  direction: \"random\",\n  random: true,\n  straight: false,\n  outMode: \"out\",\n  angle: {\n    value: 90, \/\/ Rango de \u00e1ngulos de 0 a 90 grados desde la mitad\n  },\n},\n      shape: {\n        type: shapeName,\n        options: {\n          \"custom-image\": {\n            factors: {\n              width: 10,\n              height: 10\n            }\n          }\n        }\n      }\n    }\n  });\n\n  \/\/ A\u00f1ade la visibilidad despu\u00e9s de cargar tsParticles\n  if (particleCanvas) {\n  setTimeout(() => {\n    particleCanvas.style.visibility = particlesVisible ? \"visible\" : \"hidden\";\n  }, 2000);\n}\n\n}\n\nfunction toggleDoor() {\n  element.classList.toggle(\"doorOpen\");\n}\n\nfunction toggleDoor2() {\n  element2.classList.toggle(\"doorOpen2\");\n}\n\ndocument.querySelector(\".backDoor\").addEventListener('click', toggleAll);\n$(\".backDoor\").click(function() {\n  $('.contenido-carta').toggleClass(\"active\");\n});\n\ndocument.querySelector(\"#tsparticles\").addEventListener('click', toggleAll);\n$(\"#tsparticles\").click(function() {\n  $('.contenido-carta').toggleClass(\"active\");\n});\n\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-69615","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Invitaci\u00f3n Dorada con sello dorado - Uninavarra<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/uninavarra.edu.co\/en\/invitacion-dorada-sello-dorado\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Invitaci\u00f3n Dorada con sello dorado - Uninavarra\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uninavarra.edu.co\/en\/invitacion-dorada-sello-dorado\/\" \/>\n<meta property=\"og:site_name\" content=\"Uninavarra\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/UninavarraEduca\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-01T20:29:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@uninavarraeduca\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/uninavarra.edu.co\/invitacion-dorada-sello-dorado\/\",\"url\":\"https:\/\/uninavarra.edu.co\/invitacion-dorada-sello-dorado\/\",\"name\":\"Invitaci\u00f3n Dorada con sello dorado - Uninavarra\",\"isPartOf\":{\"@id\":\"https:\/\/uninavarra.edu.co\/#website\"},\"datePublished\":\"2024-01-31T19:14:43+00:00\",\"dateModified\":\"2024-02-01T20:29:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/uninavarra.edu.co\/invitacion-dorada-sello-dorado\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/uninavarra.edu.co\/invitacion-dorada-sello-dorado\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/uninavarra.edu.co\/invitacion-dorada-sello-dorado\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/uninavarra.edu.co\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Invitaci\u00f3n Dorada con sello dorado\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/uninavarra.edu.co\/#website\",\"url\":\"https:\/\/uninavarra.edu.co\/\",\"name\":\"UNINAVARRA\",\"description\":\"Haz realidad tu deseo de aprender\",\"publisher\":{\"@id\":\"https:\/\/uninavarra.edu.co\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/uninavarra.edu.co\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/uninavarra.edu.co\/#organization\",\"name\":\"Fundaci\u00f3n Universitaria Navarra - UNINAVARRA\",\"url\":\"https:\/\/uninavarra.edu.co\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/uninavarra.edu.co\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/06\/Escudo-uninavarra-Solo.png\",\"contentUrl\":\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/06\/Escudo-uninavarra-Solo.png\",\"width\":1500,\"height\":1401,\"caption\":\"Fundaci\u00f3n Universitaria Navarra - UNINAVARRA\"},\"image\":{\"@id\":\"https:\/\/uninavarra.edu.co\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/UninavarraEduca\",\"https:\/\/x.com\/uninavarraeduca\",\"https:\/\/www.instagram.com\/uninavarra\/?hl=es\",\"https:\/\/www.linkedin.com\/in\/fundacin-universitaria-navarra-uninavarra-b41225222\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Invitaci\u00f3n Dorada con sello dorado - Uninavarra","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/uninavarra.edu.co\/en\/invitacion-dorada-sello-dorado\/","og_locale":"en_US","og_type":"article","og_title":"Invitaci\u00f3n Dorada con sello dorado - Uninavarra","og_url":"https:\/\/uninavarra.edu.co\/en\/invitacion-dorada-sello-dorado\/","og_site_name":"Uninavarra","article_publisher":"https:\/\/www.facebook.com\/UninavarraEduca","article_modified_time":"2024-02-01T20:29:11+00:00","twitter_card":"summary_large_image","twitter_site":"@uninavarraeduca","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/uninavarra.edu.co\/invitacion-dorada-sello-dorado\/","url":"https:\/\/uninavarra.edu.co\/invitacion-dorada-sello-dorado\/","name":"Invitaci\u00f3n Dorada con sello dorado - Uninavarra","isPartOf":{"@id":"https:\/\/uninavarra.edu.co\/#website"},"datePublished":"2024-01-31T19:14:43+00:00","dateModified":"2024-02-01T20:29:11+00:00","breadcrumb":{"@id":"https:\/\/uninavarra.edu.co\/invitacion-dorada-sello-dorado\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uninavarra.edu.co\/invitacion-dorada-sello-dorado\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/uninavarra.edu.co\/invitacion-dorada-sello-dorado\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/uninavarra.edu.co\/"},{"@type":"ListItem","position":2,"name":"Invitaci\u00f3n Dorada con sello dorado"}]},{"@type":"WebSite","@id":"https:\/\/uninavarra.edu.co\/#website","url":"https:\/\/uninavarra.edu.co\/","name":"UNINAVARRA","description":"Make your desire to learn a reality","publisher":{"@id":"https:\/\/uninavarra.edu.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uninavarra.edu.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/uninavarra.edu.co\/#organization","name":"Navarre University Foundation - UNINAVARRA","url":"https:\/\/uninavarra.edu.co\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uninavarra.edu.co\/#\/schema\/logo\/image\/","url":"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/06\/Escudo-uninavarra-Solo.png","contentUrl":"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/06\/Escudo-uninavarra-Solo.png","width":1500,"height":1401,"caption":"Fundaci\u00f3n Universitaria Navarra - UNINAVARRA"},"image":{"@id":"https:\/\/uninavarra.edu.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/UninavarraEduca","https:\/\/x.com\/uninavarraeduca","https:\/\/www.instagram.com\/uninavarra\/?hl=es","https:\/\/www.linkedin.com\/in\/fundacin-universitaria-navarra-uninavarra-b41225222\/"]}]}},"_links":{"self":[{"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/pages\/69615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/comments?post=69615"}],"version-history":[{"count":0,"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/pages\/69615\/revisions"}],"wp:attachment":[{"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/media?parent=69615"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/categories?post=69615"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/tags?post=69615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}