{"id":12,"date":"2025-03-02T16:47:16","date_gmt":"2025-03-02T15:47:16","guid":{"rendered":"https:\/\/andreumiquel.com\/?page_id=12"},"modified":"2025-03-02T17:28:31","modified_gmt":"2025-03-02T16:28:31","slug":"home","status":"publish","type":"page","link":"https:\/\/andreumiquel.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19f116e e-flex e-con-boxed e-con e-parent\" data-id=\"19f116e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ef3e61 elementor-widget elementor-widget-html\" data-id=\"8ef3e61\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1) TU HTML va aqu\u00ed: (sin <style>, sin JS) -->\n<div class=\"container\">\n  <div class=\"content\" style=\"display:block; width:1000px; height:562px;\">\n    <div class=\"container-full\">\n      <div class=\"animated hue\"><\/div>\n      <img decoding=\"async\" class=\"backgroundImage\" src=\"https:\/\/drive.google.com\/thumbnail?id=1_ZMV_LcmUXLsRokuz6WXGyN9zVCGfAHp&sz=w1920\">\n      <img decoding=\"async\" class=\"boyImage\" src=\"https:\/\/drive.google.com\/thumbnail?id=1eGqJskQQgBJ67myGekmo4YfIVI3lfDTm&sz=w1920\">\n      <div class=\"container\">\n        <div class=\"cube\">\n          <div class=\"face top\"><\/div>\n          <div class=\"face bottom\"><\/div>\n          <div class=\"face left text\"><\/div>\n          <div class=\"face right text\"><\/div>\n          <div class=\"face front\"><\/div>\n          <div class=\"face back text\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"container-reflect\">\n        <div class=\"cube\">\n          <div class=\"face top\"><\/div>\n          <div class=\"face bottom\"><\/div>\n          <div class=\"face left text\"><\/div>\n          <div class=\"face right text\"><\/div>\n          <div class=\"face front\"><\/div>\n          <div class=\"face back text\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- 2) AQU\u00cd tu JavaScript, dentro de <script> para que Elementor no se queje -->\n<script>\n\/\/ Poem text\nconst kiplingPoem = `<p>\nSi has <span>llegado<\/span> hasta aqu\u00ed, es que ya <span>me conoces<\/span>.  \nSoy <span>Andreu Miquel<\/span>, un apasionado del <span>dise\u00f1o web<\/span> y \ndesarrollador de todo tipo de <span>sitios<\/span> en <span>WordPress<\/span>.  \nAdem\u00e1s, realizo <span>integraciones<\/span> con <span>IA<\/span> para ofrecer \nsoluciones avanzadas y a la medida.  \nMi objetivo es crear <span>experiencias digitales<\/span> que sean \n<span>atractivas<\/span>, <span>funcionales<\/span> y <span>eficientes<\/span>.  \n\u00bfBuscas un proyecto web con dise\u00f1o cuidado, potenci\u00e1ndolo con \n<span>Inteligencia Artificial<\/span>?  \n\u00a1Estoy aqu\u00ed para ayudarte a <span>hacerlo realidad<\/span>!\n<\/p>`;\n\n\/\/ Function to insert poem into divs\nfunction insertPoemIntoDivs() {\n  \/\/ Get all .text divs\n  const textDivs = document.querySelectorAll(\".text\");\n\n  \/\/ Insert poem into all .text divs\n  textDivs.forEach((div) => {\n    div.innerHTML = kiplingPoem;\n  });\n}\n\n\/\/ Call the function when the DOM is fully loaded\ndocument.addEventListener(\"DOMContentLoaded\", insertPoemIntoDivs);\n\nconst contentDiv = document.querySelector(\".content\");\nfunction adjustContentSize() {\n  const viewportWidth = window.innerWidth;\n  const baseWidth = 1000;\n  const scaleFactor = viewportWidth < baseWidth \n    ? (viewportWidth \/ baseWidth) * 0.8 \n    : 1;\n  contentDiv.style.transform = `scale(${scaleFactor})`;\n}\nwindow.addEventListener(\"load\", adjustContentSize);\nwindow.addEventListener(\"resize\", adjustContentSize);\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/andreumiquel.com\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andreumiquel.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/andreumiquel.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/andreumiquel.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/andreumiquel.com\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":43,"href":"https:\/\/andreumiquel.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/andreumiquel.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/andreumiquel.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}