{"id":488,"date":"2025-07-23T20:52:42","date_gmt":"2025-07-23T20:52:42","guid":{"rendered":"https:\/\/tree-of-mylife.com\/?page_id=488"},"modified":"2025-12-09T04:18:31","modified_gmt":"2025-12-09T04:18:31","slug":"portafolio","status":"publish","type":"page","link":"https:\/\/tree-of-mylife.com\/es\/portafolio\/","title":{"rendered":"PORTAFOLIO"},"content":{"rendered":"\n<div style=\"padding: 60px 20px;\">\n  <div style=\"max-width:700px; margin:auto; padding:30px;\n              background-image: url('https:\/\/tree-of-mylife.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-21-2025-04_07_10-PM.png');\n              background-size: cover; background-position: center;\n              border-radius:12px; box-shadow: 0 0 20px rgba(0,0,0,0.4);\n              font-family:Arial,sans-serif;\">\n\n    <!-- \ud83c\udf10 Idioma -->\n    <div style=\"text-align:right; margin-bottom:10px;\">\n      <label for=\"pf-lang\" style=\"font-size:13px; color:white; text-shadow: 1px 1px 2px #002D80;\">\ud83c\udf10 Language:<\/label>\n      <select id=\"pf-lang\" onchange=\"PF_switchLang(this.value)\"\n              style=\"background:rgba(0,0,0,0.35); color:#fff; border:1px solid rgba(255,255,255,.5); border-radius:6px; padding:3px 6px;\">\n        <option value=\"en\">English<\/option>\n        <option value=\"es\">Espa\u00f1ol<\/option>\n      <\/select>\n    <\/div>\n\n    <h3 id=\"pf-title\"\n        data-en=\"Portfolio\"\n        data-es=\"Portafolio\"\n        style=\"text-align:center; color:white; text-shadow: 1px 1px 2px #002D80;\">\n      Portfolio\n    <\/h3>\n\n    <form id=\"pfForm\">\n      <label data-en=\"Project Name\" data-es=\"Nombre del Proyecto\"\n             style=\"color:white; text-shadow: 1px 1px 1px #002D80;\">Project Name<\/label>\n      <input type=\"text\" name=\"project_name\"\n             style=\"width:100%; padding:10px; margin-bottom:15px; border-radius:6px;\n                    border:1px solid #ccc; background-color: rgba(255,255,255,0.85);\">\n\n      <label data-en=\"Description\" data-es=\"Descripci\u00f3n\"\n             style=\"color:white; text-shadow: 1px 1px 1px #002D80;\">Description<\/label>\n      <textarea name=\"description\" rows=\"4\"\n                style=\"width:100%; padding:10px; margin-bottom:15px; border-radius:6px;\n                       border:1px solid #ccc; background-color: rgba(255,255,255,0.85);\"><\/textarea>\n\n      <label data-en=\"Link (website or social media)\" data-es=\"Enlace (sitio web o redes sociales)\"\n             style=\"color:white; text-shadow: 1px 1px 1px #002D80;\">Link (website or social media)<\/label>\n      <input type=\"url\" name=\"project_link\"\n             style=\"width:100%; padding:10px; margin-bottom:15px; border-radius:6px;\n                    border:1px solid #ccc; background-color: rgba(255,255,255,0.85);\">\n\n      <label data-en=\"Upload Files (images, documents, etc.)\" data-es=\"Subir Archivos (im\u00e1genes, documentos, etc.)\"\n             style=\"color:white; text-shadow: 1px 1px 1px #002D80;\">Upload Files (images, documents, etc.)<\/label>\n      <input type=\"file\" name=\"media_files\" multiple\n             style=\"width:100%; padding:10px; margin-bottom:15px; border-radius:6px;\n                    border:1px solid #ccc; background-color: rgba(255,255,255,0.85);\">\n\n      <label data-en=\"Category\" data-es=\"Categor\u00eda\"\n             style=\"color:white; text-shadow: 1px 1px 1px #002D80;\">Category<\/label>\n      <select name=\"category\"\n              style=\"width:100%; padding:10px; margin-bottom:20px; border-radius:6px;\n                     border:1px solid #ccc; background-color: rgba(255,255,255,0.85);\">\n        <option value=\"art\"        data-en=\"Art\"        data-es=\"Arte\">Art<\/option>\n        <option value=\"design\"     data-en=\"Design\"     data-es=\"Dise\u00f1o\">Design<\/option>\n        <option value=\"photography\"data-en=\"Photography\"data-es=\"Fotograf\u00eda\">Photography<\/option>\n        <option value=\"writing\"    data-en=\"Writing\"    data-es=\"Escritura\">Writing<\/option>\n        <option value=\"other\"      data-en=\"Other\"      data-es=\"Otro\">Other<\/option>\n      <\/select>\n\n      <div style=\"text-align:center;\">\n        <button type=\"submit\"\n                style=\"background-color:#0048B5; color:white; padding:12px 20px;\n                       border:none; border-radius:6px; cursor:pointer;\">Submit<\/button>\n      <\/div>\n    <\/form>\n\n    <!-- \ud83d\udd3d Acciones abajo -->\n    <div style=\"display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:20px;\">\n      <button type=\"button\" onclick=\"PF_share()\" style=\"background:#444; color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer;\">Share<\/button>\n      <button type=\"button\" onclick=\"PF_copy()\"  style=\"background:#444; color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer;\">Copy<\/button>\n      <button type=\"button\" onclick=\"window.print()\" style=\"background:#444; color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer;\">Print<\/button>\n      <button type=\"button\" onclick=\"PF_downloadPDF()\"  style=\"background:#444; color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer;\">Download PDF<\/button>\n      <button type=\"button\" onclick=\"PF_downloadJSON()\" style=\"background:#444; color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer;\">Download JSON<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  \/\/ === Idioma ===\n  function optionTranslate(selectEl, lang){\n    [...selectEl.options].forEach(opt=>{\n      const txt = opt.getAttribute('data-'+lang);\n      if(txt) opt.textContent = txt;\n    });\n  }\n  window.PF_switchLang = function(lang){\n    document.querySelectorAll('[data-en]').forEach(function(el){\n      const val = el.getAttribute('data-'+lang);\n      if(val) el.textContent = val;\n    });\n    const cat = document.querySelector('select[name=\"category\"]');\n    if(cat) optionTranslate(cat, lang);\n  };\n  \/\/ Default idioma\n  PF_switchLang('en');\n\n  \/\/ === Acciones ===\n  window.PF_share = function(){\n    const title = document.getElementById('pf-title').textContent.trim();\n    const data = { title, url: location.href };\n    if(navigator.share){ navigator.share(data).catch(()=>{}); }\n    else { alert('Sharing not supported'); }\n  };\n  window.PF_copy = function(){\n    navigator.clipboard.writeText(location.href)\n      .then(()=>alert('Link copied!'))\n      .catch(()=>alert('Copy failed'));\n  };\n  window.PF_downloadJSON = function(){\n    const fd = new FormData(document.getElementById('pfForm'));\n    const obj = {};\n    fd.forEach((v,k)=>{ \n      if(obj[k]!==undefined){\n        if(Array.isArray(obj[k])) obj[k].push(v); else obj[k] = [obj[k], v];\n      } else obj[k]=v;\n    });\n    const blob = new Blob([JSON.stringify(obj,null,2)],{type:'application\/json'});\n    const a = document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='portfolio.json'; a.click();\n    URL.revokeObjectURL(a.href);\n  };\n  window.PF_downloadPDF = function(){\n    alert('PDF export demo');\n  };\n\n  document.getElementById('pfForm').addEventListener('submit', function(e){\n    e.preventDefault();\n    alert('Form submitted (demo).');\n  });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf10 Language: EnglishEspa\u00f1ol Portfolio Project Name Description Link (website or social media) Upload Files (images, documents, etc.) Category ArtDesignPhotographyWritingOther Submit Share Copy Print Download PDF Download JSON<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","pmpro_default_level":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-488","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/comments?post=488"}],"version-history":[{"count":6,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/488\/revisions"}],"predecessor-version":[{"id":746,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/488\/revisions\/746"}],"wp:attachment":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/media?parent=488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}