{"id":373,"date":"2025-07-23T20:44:30","date_gmt":"2025-07-23T20:44:30","guid":{"rendered":"https:\/\/tree-of-mylife.com\/?page_id=373"},"modified":"2025-12-09T04:20:51","modified_gmt":"2025-12-09T04:20:51","slug":"skills-talents-interests","status":"publish","type":"page","link":"https:\/\/tree-of-mylife.com\/es\/skills-talents-interests\/","title":{"rendered":"Skills, Talents &amp; Interests"},"content":{"rendered":"\n<div style=\"padding:60px 20px; font-family: Arial, Helvetica, sans-serif;\">\n  <!-- ===== Card con \u00e1rbol de fondo ===== -->\n  <div id=\"sti-card\" style=\"\n    max-width:900px; margin:auto; padding:28px; 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\/07\/ChatGPT-Image-Jul-11-2025-03_29_23-PM.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; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;\">\n      <h2 id=\"title\" style=\"margin:0; font-size:34px; font-weight:800; letter-spacing:.2px; color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.6);\">\n        Skills, Talents &#038; Interests\n      <\/h2>\n      <div>\n        <label for=\"langSel\" style=\"font-weight:700; margin-right:8px; text-shadow:0 1px 3px rgba(0,0,0,.6);\">Language<\/label>\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    <\/div>\n\n    <!-- ===== Formulario ===== -->\n    <form id=\"stiForm\" style=\"font-weight:600; text-shadow:0 1px 3px rgba(0,0,0,.55);\">\n      <style>\n        \/* Estilos internos del formulario *\/\n        .row{display:flex; gap:14px; flex-wrap:wrap}\n        label{display:block; margin:10px 0 6px; font-size:18px}\n        input, textarea{\n          width:100%; padding:12px; border-radius:12px; 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        }\n        textarea{min-height:110px; resize:vertical}\n        .blk{position:relative; margin:0 0 22px; padding:14px; border-radius:12px;\n             background:rgba(0,0,0,.20); border:1px solid rgba(255,255,255,.2)}\n        .btn{border:none; border-radius:12px; padding:12px 16px; cursor:pointer; font-weight:800; color:#fff; text-shadow:none}\n        .btn-primary{background:#0f3a8a}\n        .btn-success{background:#16a34a}\n        .btn-copy{background:#6a1b9a}\n        .btn-wa{background:#25D366}\n        .btn-mail{background:#1E90FF}\n        .btn-pdf{background:#e67e22}\n        .btn-print{background:#8e44ad}\n        .btn-json{background:#0ea5e9}\n        .muted{color:#fff; background:rgba(0,0,0,.28); padding:8px 12px; border-radius:10px; font-size:14px}\n        .section-title{font-size:22px; margin:14px 0 8px; font-weight:800; text-shadow:0 2px 6px rgba(0,0,0,.6)}\n        .tagline{font-size:14px; opacity:.9}\n      <\/style>\n\n      <div class=\"blk\">\n        <label data-i18n=\"skills\">Skills<\/label>\n        <textarea name=\"skills\" data-i18n-ph=\"ph_skills\" placeholder=\"List your hard and soft skills (e.g., Python, communication, leadership)\u2026\"><\/textarea>\n      <\/div>\n\n      <div class=\"blk\">\n        <label data-i18n=\"talents\">Talents<\/label>\n        <textarea name=\"talents\" data-i18n-ph=\"ph_talents\" placeholder=\"Unique talents or aptitudes (e.g., singing, drawing, public speaking)\u2026\"><\/textarea>\n      <\/div>\n\n      <div class=\"blk\">\n        <label data-i18n=\"hobbies\">Hobbies<\/label>\n        <textarea name=\"hobbies\" data-i18n-ph=\"ph_hobbies\" placeholder=\"Activities you enjoy (e.g., hiking, photography, chess)\u2026\"><\/textarea>\n      <\/div>\n\n      <div class=\"blk\">\n        <label data-i18n=\"interests\">Interests<\/label>\n        <textarea name=\"interests\" data-i18n-ph=\"ph_interests\" placeholder=\"Topics you\u2019re passionate about (e.g., neuroscience, ecology, fintech)\u2026\"><\/textarea>\n      <\/div>\n\n      <!-- Sugerencia -->\n      <div class=\"muted tagline\" data-i18n=\"hint\">Tip: separate items with commas to make lists easier to read.<\/div>\n\n      <!-- Acciones principales -->\n      <div class=\"row\" style=\"margin-top:16px;\">\n        <button type=\"submit\" class=\"btn btn-success\" data-i18n=\"save\">Save<\/button>\n        <button type=\"button\" class=\"btn btn-primary\" onclick=\"shareNative()\" data-i18n=\"share_native\">Share\u2026<\/button>\n        <button type=\"button\" class=\"btn btn-copy\" onclick=\"copyLink()\" data-i18n=\"share_copy\">Copy link<\/button>\n        <button type=\"button\" class=\"btn btn-mail\" onclick=\"shareEmail()\" data-i18n=\"share_email\">Email<\/button>\n        <button type=\"button\" class=\"btn btn-wa\" onclick=\"shareWhatsApp()\" data-i18n=\"share_whatsapp\">WhatsApp<\/button>\n        <button type=\"button\" class=\"btn btn-print\" onclick=\"printCard()\" data-i18n=\"print\">Print<\/button>\n        <button type=\"button\" class=\"btn btn-pdf\" onclick=\"downloadPDF()\" data-i18n=\"dl_pdf\">Download PDF<\/button>\n        <button type=\"button\" class=\"btn btn-json\" onclick=\"downloadJSON()\" data-i18n=\"dl_json\">Download JSON<\/button>\n      <\/div>\n    <\/form>\n  <\/div><!-- \/sti-card -->\n<\/div>\n\n<script>\n\/* ===================== i18n EN\/ES ===================== *\/\nconst I18N_STI = {\n  en:{\n    title:\"Skills, Talents & Interests\",\n    skills:\"Skills\",\n    talents:\"Talents\",\n    hobbies:\"Hobbies\",\n    interests:\"Interests\",\n    hint:\"Tip: separate items with commas to make lists easier to read.\",\n    save:\"Save\",\n    \/\/ share\n    share_native:\"Share\u2026\",\n    share_copy:\"Copy link\",\n    share_email:\"Email\",\n    share_whatsapp:\"WhatsApp\",\n    print:\"Print\",\n    dl_pdf:\"Download PDF\",\n    dl_json:\"Download JSON\",\n    \/\/ placeholders\n    ph_skills:\"List your hard and soft skills (e.g., Python, communication, leadership)\u2026\",\n    ph_talents:\"Unique talents or aptitudes (e.g., singing, drawing, public speaking)\u2026\",\n    ph_hobbies:\"Activities you enjoy (e.g., hiking, photography, chess)\u2026\",\n    ph_interests:\"Topics you\u2019re passionate about (e.g., neuroscience, ecology, fintech)\u2026\"\n  },\n  es:{\n    title:\"Habilidades, Talentos e Intereses\",\n    skills:\"Habilidades\",\n    talents:\"Talentos\",\n    hobbies:\"Pasatiempos\",\n    interests:\"Intereses\",\n    hint:\"Tip: separa elementos con comas para que sea m\u00e1s f\u00e1cil leer la lista.\",\n    save:\"Guardar\",\n    \/\/ share\n    share_native:\"Compartir\u2026\",\n    share_copy:\"Copiar enlace\",\n    share_email:\"Email\",\n    share_whatsapp:\"WhatsApp\",\n    print:\"Imprimir\",\n    dl_pdf:\"Descargar PDF\",\n    dl_json:\"Descargar JSON\",\n    \/\/ placeholders\n    ph_skills:\"Enumera tus habilidades duras y blandas (ej.: Python, comunicaci\u00f3n, liderazgo)\u2026\",\n    ph_talents:\"Talentos o aptitudes \u00fanicas (ej.: canto, dibujo, oratoria)\u2026\",\n    ph_hobbies:\"Actividades que disfrutas (ej.: senderismo, fotograf\u00eda, ajedrez)\u2026\",\n    ph_interests:\"Temas que te apasionan (ej.: neurociencia, ecolog\u00eda, fintech)\u2026\"\n  }\n};\nfunction stiGetLang(){\n  const q = new URL(location.href).searchParams.get('lang');\n  const saved = localStorage.getItem('form_lang_sti');\n  const sel = document.getElementById('langSel')?.value;\n  const candidate = sel || q || saved || 'en';\n  return (candidate==='es') ? 'es' : 'en';\n}\nfunction stiApplyLang(lang){\n  const t = I18N_STI[lang];\n  document.getElementById('title').textContent = t.title;\n  document.querySelectorAll('[data-i18n]').forEach(el=>{\n    const k = el.getAttribute('data-i18n');\n    if (t[k] !== undefined) el.textContent = t[k];\n  });\n  document.querySelectorAll('[data-i18n-ph]').forEach(el=>{\n    const k = el.getAttribute('data-i18n-ph');\n    if (t[k] !== undefined) el.setAttribute('placeholder', t[k]);\n  });\n  const sel = document.getElementById('langSel'); if(sel) sel.value = lang;\n  localStorage.setItem('form_lang_sti', lang);\n}\ndocument.getElementById('langSel').addEventListener('change', e=>stiApplyLang(e.target.value));\nstiApplyLang(stiGetLang());\n\n\/* ======== compartir \/ descargar (patr\u00f3n) ======== *\/\nfunction pageTitle(){ return document.getElementById('title')?.textContent || 'Form'; }\nfunction pageURL(){ return location.href; }\n\nasync function shareNative(){\n  const data = {title: pageTitle(), text: pageTitle(), url: pageURL()};\n  if (navigator.share){ try{ await navigator.share(data); }catch(e){} }\n  else { alert(I18N_STI[stiGetLang()].share_native); }\n}\nasync function copyLink(){\n  try{ await navigator.clipboard.writeText(pageURL()); alert('Link copied!'); }\n  catch(e){\n    const t=document.createElement('textarea'); t.value=pageURL(); document.body.appendChild(t);\n    t.select(); document.execCommand('copy'); t.remove(); alert('Link copied!');\n  }\n}\nfunction shareEmail(){\n  const s = encodeURIComponent(pageTitle());\n  const b = encodeURIComponent(pageURL());\n  location.href = `mailto:?subject=${s}&body=${b}`;\n}\nfunction shareWhatsApp(){\n  const u = encodeURIComponent(pageURL());\n  const t = encodeURIComponent(pageTitle());\n  window.open(`https:\/\/wa.me\/?text=${t}%20${u}`, '_blank');\n}\nfunction downloadJSON(){\n  const fd = new FormData(document.getElementById('stiForm'));\n  const data = {};\n  for (const [k,v] of fd.entries()){\n    (data[k]!==undefined) ? (Array.isArray(data[k]) ? data[k].push(v) : data[k]=[data[k],v]) : data[k]=v;\n  }\n  const blob = new Blob([JSON.stringify(data,null,2)],{type:'application\/json'});\n  const a=document.createElement('a'); a.href=URL.createObjectURL(blob);\n  a.download = pageTitle().replace(\/\\s+\/g,'_') + '.json'; a.click();\n  setTimeout(()=>URL.revokeObjectURL(a.href),500);\n}\nfunction printCard(){ window.print(); }\nfunction downloadPDF(){\n  const card = document.getElementById('sti-card').cloneNode(true);\n  const w = window.open('', '_blank', 'width=960,height=1200');\n  const css = `\n    <style>\n      @page { size: A4; margin: 14mm; }\n      html, body { background:#fff; }\n      body{-webkit-print-color-adjust: exact; print-color-adjust: exact;}\n      *{-webkit-print-color-adjust: exact !important; print-color-adjust: exact !important;}\n      input,textarea{border:1px solid #333 !important; background:transparent !important; color:#000 !important; text-shadow:none !important;}\n      .btn { display:none !important; }\n    <\/style>`;\n  w.document.open();\n  w.document.write(\\`<!doctype html><html><head><meta charset=\"utf-8\"><title>\\${pageTitle()} - PDF<\/title>\\${css}<\/head><body>\\${card.outerHTML}<script>window.onload=()=>setTimeout(()=>window.print(),250)<\\\/script><\/body><\/html>\\`);\n  w.document.close();\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Skills, Talents &#038; Interests Language EnglishEspa\u00f1ol Skills Talents Hobbies Interests Tip: separate items with commas to make lists easier to read. 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-373","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/373","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=373"}],"version-history":[{"count":9,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/373\/revisions"}],"predecessor-version":[{"id":714,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/373\/revisions\/714"}],"wp:attachment":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/media?parent=373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}