{"id":362,"date":"2025-07-23T20:46:02","date_gmt":"2025-07-23T20:46:02","guid":{"rendered":"https:\/\/tree-of-mylife.com\/?page_id=362"},"modified":"2025-12-09T04:17:39","modified_gmt":"2025-12-09T04:17:39","slug":"physical-description","status":"publish","type":"page","link":"https:\/\/tree-of-mylife.com\/es\/physical-description\/","title":{"rendered":"Physical Description"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div style=\"padding:60px 20px; font-family: Arial, Helvetica, sans-serif;\">\n  <!-- Card con \u00e1rbol de fondo -->\n  <div id=\"pd-card\" style=\"\n    max-width:850px; margin:auto; padding:30px; border-radius:14px;\n    box-shadow:0 12px 28px rgba(0,0,0,.25);\n    background:\n      linear-gradient(to bottom right, rgba(0,0,0,0.12), rgba(0,0,0,0.12)),\n      url('https:\/\/tree-of-mylife.com\/wp-content\/uploads\/2025\/08\/phisical-description.png') center\/cover no-repeat !important;\n    background-color: transparent !important; color:#fff;\">\n\n    <!-- Barra superior: T\u00edtulo + Idioma -->\n    <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;\">\n      <h2 id=\"title\" style=\"font-size:32px; font-weight:800; text-shadow:0 2px 6px rgba(0,0,0,.6);\">\n        Physical Description\n      <\/h2>\n      <select id=\"langSel\" style=\"padding:8px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.6); background:rgba(0,0,0,.25); color:#fff;\">\n        <option value=\"en\">English<\/option>\n        <option value=\"es\">Espa\u00f1ol<\/option>\n      <\/select>\n    <\/div>\n\n    <!-- Formulario -->\n    <form id=\"pdForm\" style=\"font-weight:600; text-shadow:0 1px 3px rgba(0,0,0,.55);\">\n      <style>\n        label{display:block; margin:10px 0 6px; font-size:18px}\n        input,textarea{width:100%; padding:12px; border-radius:10px; font-size:16px;\n          border:1px solid rgba(255,255,255,.7); background:rgba(255,255,255,.14);\n          color:#fff; outline:none; backdrop-filter: blur(2px);}\n        textarea{min-height:100px; resize:vertical}\n        .btn{display:inline-block; margin:8px 4px; padding:10px 14px; border:none; border-radius:6px; cursor:pointer; font-weight:600; color:#fff;}\n        .btn-blue{background:#0f3a8a}\n        .btn-green{background:#16a34a}\n        .btn-orange{background:#e67e22}\n        .btn-indigo{background:#8e44ad}\n        .btn-teal{background:#25D366}\n      <\/style>\n\n      <label data-i18n=\"height\">Height<\/label>\n      <input name=\"height\" data-i18n-ph=\"ph_height\" placeholder=\"e.g., 170 cm\">\n\n      <label data-i18n=\"weight\">Weight<\/label>\n      <input name=\"weight\" data-i18n-ph=\"ph_weight\" placeholder=\"e.g., 70 kg\">\n\n      <label data-i18n=\"eye_color\">Eye Color<\/label>\n      <input name=\"eye_color\" data-i18n-ph=\"ph_eyes\" placeholder=\"Blue, Brown\u2026\">\n\n      <label data-i18n=\"hair_color\">Hair Color<\/label>\n      <input name=\"hair_color\" data-i18n-ph=\"ph_hair\" placeholder=\"Blonde, Black\u2026\">\n\n      <label data-i18n=\"body_type\">Body Type<\/label>\n      <input name=\"body_type\" data-i18n-ph=\"ph_body\" placeholder=\"Athletic, Slim\u2026\">\n\n      <label data-i18n=\"marks\">Distinctive Marks<\/label>\n      <textarea name=\"marks\" data-i18n-ph=\"ph_marks\" placeholder=\"Scars, tattoos, birthmarks\u2026\"><\/textarea>\n\n      <button type=\"submit\" class=\"btn btn-green\" data-i18n=\"save\">Save<\/button>\n    <\/form>\n\n    <!-- Botonera de compartir\/descarga -->\n    <div style=\"margin-top:24px;\">\n      <button class=\"btn btn-blue\" onclick=\"shareNative()\" data-i18n=\"share_native\">Share\u2026<\/button>\n      <button class=\"btn btn-green\" onclick=\"copyLink()\" data-i18n=\"share_copy\">Copy link<\/button>\n      <button class=\"btn btn-indigo\" onclick=\"shareEmail()\" data-i18n=\"share_email\">Email<\/button>\n      <button class=\"btn btn-teal\" onclick=\"shareWhatsApp()\" data-i18n=\"share_whatsapp\">WhatsApp<\/button>\n      <button class=\"btn btn-orange\" onclick=\"printCard()\" data-i18n=\"print\">Print<\/button>\n      <button class=\"btn btn-blue\" onclick=\"downloadPDF()\" data-i18n=\"dl_pdf\">Download PDF<\/button>\n      <button class=\"btn btn-blue\" onclick=\"downloadJSON()\" data-i18n=\"dl_json\">Download JSON<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nconst I18N_PD = {\n  en:{\n    title:\"Physical Description\",\n    height:\"Height\", ph_height:\"e.g., 170 cm\",\n    weight:\"Weight\", ph_weight:\"e.g., 70 kg\",\n    eye_color:\"Eye Color\", ph_eyes:\"Blue, Brown\u2026\",\n    hair_color:\"Hair Color\", ph_hair:\"Blonde, Black\u2026\",\n    body_type:\"Body Type\", ph_body:\"Athletic, Slim\u2026\",\n    marks:\"Distinctive Marks\", ph_marks:\"Scars, tattoos, birthmarks\u2026\",\n    save:\"Save\",\n    share_native:\"Share\u2026\", share_copy:\"Copy link\", share_email:\"Email\", share_whatsapp:\"WhatsApp\", print:\"Print\", dl_pdf:\"Download PDF\", dl_json:\"Download JSON\"\n  },\n  es:{\n    title:\"Descripci\u00f3n F\u00edsica\",\n    height:\"Altura\", ph_height:\"ej.: 170 cm\",\n    weight:\"Peso\", ph_weight:\"ej.: 70 kg\",\n    eye_color:\"Color de Ojos\", ph_eyes:\"Azul, Marr\u00f3n\u2026\",\n    hair_color:\"Color de Cabello\", ph_hair:\"Rubio, Negro\u2026\",\n    body_type:\"Complexi\u00f3n\", ph_body:\"Atl\u00e9tico, Delgado\u2026\",\n    marks:\"Se\u00f1as Particulares\", ph_marks:\"Cicatrices, tatuajes\u2026\",\n    save:\"Guardar\",\n    share_native:\"Compartir\u2026\", share_copy:\"Copiar enlace\", share_email:\"Email\", share_whatsapp:\"WhatsApp\", print:\"Imprimir\", dl_pdf:\"Descargar PDF\", dl_json:\"Descargar JSON\"\n  }\n};\n\nfunction pdGetLang(){\n  const sel = document.getElementById('langSel')?.value;\n  const saved = localStorage.getItem('lang_pd') || 'en';\n  return (sel==='es' || saved==='es') ? 'es' : 'en';\n}\nfunction pdApplyLang(lang){\n  const t = I18N_PD[lang];\n  document.getElementById('title').textContent = t.title;\n  document.querySelectorAll('[data-i18n]').forEach(el => {\n    const key = el.getAttribute('data-i18n');\n    if (t[key]) el.textContent = t[key];\n  });\n  document.querySelectorAll('[data-i18n-ph]').forEach(el => {\n    const key = el.getAttribute('data-i18n-ph');\n    if (t[key]) el.setAttribute('placeholder', t[key]);\n  });\n  document.getElementById('langSel').value = lang;\n  localStorage.setItem('lang_pd', lang);\n}\ndocument.getElementById('langSel').addEventListener('change', e => pdApplyLang(e.target.value));\npdApplyLang(pdGetLang());\n\nfunction pageTitle(){ return document.getElementById('title')?.textContent || 'Form'; }\nfunction pageURL(){ return location.href; }\nasync function shareNative(){\n  if (navigator.share) navigator.share({title: pageTitle(), text: pageTitle(), url: pageURL()});\n  else alert(I18N_PD[pdGetLang()].share_native);\n}\nasync function copyLink(){\n  try{ await navigator.clipboard.writeText(pageURL()); alert('Link copied!'); } catch(e){ prompt('Copy link', pageURL()); }\n}\nfunction shareEmail(){\n  location.href = `mailto:?subject=${encodeURIComponent(pageTitle())}&body=${encodeURIComponent(pageURL())}`;\n}\nfunction shareWhatsApp(){\n  window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(pageTitle())}%20${encodeURIComponent(pageURL())}`, '_blank');\n}\nfunction printCard(){ window.print(); }\nfunction downloadJSON(){\n  const data = Object.fromEntries(new FormData(document.getElementById('pdForm')).entries());\n  const blob = new Blob([JSON.stringify(data, null, 2)], {type:'application\/json'});\n  const a = document.createElement('a');\n  a.href = URL.createObjectURL(blob);\n  a.download = pageTitle().replace(\/\\s+\/g, '_') + '.json';\n  a.click();\n}\nfunction downloadPDF(){\n  const content = document.getElementById('pd-card').innerHTML;\n  const w = window.open('', '_blank');\n  w.document.write(`<html><head><title>${pageTitle()}<\/title><\/head><body>${content}<\/body><\/html>`);\n}\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Physical Description EnglishEspa\u00f1ol Height Weight Eye Color Hair Color Body Type Distinctive Marks Save Share\u2026 Copy link Email WhatsApp 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-362","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/362","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=362"}],"version-history":[{"count":12,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/362\/revisions"}],"predecessor-version":[{"id":719,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/362\/revisions\/719"}],"wp:attachment":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/media?parent=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}