{"id":485,"date":"2025-07-23T20:50:09","date_gmt":"2025-07-23T20:50:09","guid":{"rendered":"https:\/\/tree-of-mylife.com\/?page_id=485"},"modified":"2025-12-09T04:16:43","modified_gmt":"2025-12-09T04:16:43","slug":"photo-image-gallery-upload","status":"publish","type":"page","link":"https:\/\/tree-of-mylife.com\/es\/photo-image-gallery-upload\/","title":{"rendered":"Photo &amp; Image Gallery Upload"},"content":{"rendered":"\n<div style=\"max-width:700px;margin:auto;padding:30px;\n  background: rgba(255, 255, 255, 0.88) url('https:\/\/tree-of-mylife.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-14-2025-02_44_44-PM.png') no-repeat center center \/ cover;\n  border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,0.2);font-family:Arial,sans-serif;\">\n\n  <!-- \ud83c\udf10 Idioma -->\n  <div style=\"text-align:right; margin-bottom:10px;\">\n    <label for=\"pg-lang\" style=\"font-size:13px; color:#fff; text-shadow:1px 1px 2px gold;\">\ud83c\udf10 Language:<\/label>\n    <select id=\"pg-lang\" onchange=\"PG_switchLang(this.value)\" 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  <p id=\"pg-caption\" data-en=\"Capture the moments that shape your story\" data-es=\"Captura los momentos que dan forma a tu historia\"\n     style=\"text-align:center; font-size:16px; font-style:italic; color:white; text-shadow:1px 1px 2px gold; margin-bottom:20px;\">\n    Capture the moments that shape your story\n  <\/p>\n\n  <h3 id=\"pg-title\" data-en=\"Photo &#038; Image Gallery Upload\" data-es=\"Subir Fotos e Im\u00e1genes\"\n      style=\"text-align:center; color:white; text-shadow: 1px 1px 2px gold;\">\n    Photo &#038; Image Gallery Upload\n  <\/h3>\n\n  <form id=\"pgForm\">\n    <label data-en=\"Image Title or Description (optional)\" data-es=\"T\u00edtulo o descripci\u00f3n de la imagen (opcional)\"\n           style=\"color:white; text-shadow: 1px 1px 2px gold;\">Image Title or Description (optional)<\/label>\n    <input type=\"text\" name=\"image_description\" style=\"width:100%;padding:10px;margin-bottom:15px;\n      border-radius:6px;border:1px solid #ccc;color:#333;\">\n\n    <label data-en=\"Upload Images\" data-es=\"Subir Im\u00e1genes\"\n           style=\"color:white; text-shadow: 1px 1px 2px gold;\">Upload Images<\/label>\n    <input type=\"file\" name=\"image_uploads\" accept=\"image\/*\" multiple\n      style=\"width:100%;padding:10px;margin-bottom:20px;border-radius:6px;border:1px solid #ccc;background:#fff;\">\n\n    <div style=\"text-align:center;\">\n      <button type=\"submit\" style=\"background-color:#4CAF50;color:white;padding:12px 20px;\n        border:none;border-radius:6px;cursor:pointer;\">Submit<\/button>\n    <\/div>\n  <\/form>\n\n  <!-- \ud83d\udd3d Botonera general -->\n  <div style=\"display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:20px;\">\n    <button type=\"button\" onclick=\"PG_share()\" style=\"background:#444; color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer;\">Share<\/button>\n    <button type=\"button\" onclick=\"PG_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=\"PG_downloadPDF()\"  style=\"background:#444; color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer;\">Download PDF<\/button>\n    <button type=\"button\" onclick=\"PG_downloadJSON()\" style=\"background:#444; color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer;\">Download JSON<\/button>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  \/\/ === Idioma ===\n  window.PG_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  };\n\n  \/\/ === Botones ===\n  window.PG_share = function(){\n    const title = document.getElementById('pg-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\n  window.PG_copy = function(){\n    navigator.clipboard.writeText(location.href)\n      .then(()=>alert('Link copied!'))\n      .catch(()=>alert('Copy failed'));\n  };\n\n  window.PG_downloadJSON = function(){\n    const fd = new FormData(document.getElementById('pgForm'));\n    const obj = {};\n    fd.forEach((v,k)=>{ obj[k]=v; });\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='gallery.json'; a.click();\n    URL.revokeObjectURL(a.href);\n  };\n\n  window.PG_downloadPDF = function(){\n    alert(\"PDF export demo\");\n  };\n\n  document.getElementById('pgForm').addEventListener('submit', 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 Capture the moments that shape your story Photo &#038; Image Gallery Upload Image Title or Description (optional) Upload Images 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-485","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/485","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=485"}],"version-history":[{"count":2,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/485\/revisions"}],"predecessor-version":[{"id":745,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/485\/revisions\/745"}],"wp:attachment":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/media?parent=485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}