{"id":2956,"date":"2025-02-20T11:26:58","date_gmt":"2025-02-20T05:56:58","guid":{"rendered":"https:\/\/tbspanthers.british-school.org\/?page_id=2956"},"modified":"2025-09-04T08:50:55","modified_gmt":"2025-09-04T03:20:55","slug":"sports-acknowledgment-form","status":"publish","type":"page","link":"https:\/\/tbspanthers.british-school.org\/index.php\/sports-acknowledgment-form\/","title":{"rendered":"Create your portfolio"},"content":{"rendered":"\n<!-- Panthers Profiles & Achievements \u2013 WP-safe embed -->\n<div id=\"tbs-pa-embed\" data-src=\"https:\/\/script.google.com\/a\/macros\/british-school.org\/s\/AKfycbwnyMdbpohAwOKPojikQR3xbD8OiLe7rPPlvlyDaJF-w5FOJCDqldnXd6RrTu-ZPNNJMw\/exec\">\n  <style>\n    \/* Scoped styles to avoid theme conflicts *\/\n    #tbs-pa-embed{ --ink:#0e1630; --muted:#64748b; --brand:#003092; --bg:#fff; --border:#e5e7eb; }\n    #tbs-pa-embed *{ box-sizing:border-box; }\n    #tbs-pa-embed .pa-wrap{ max-width:1100px; margin:0 auto; padding:16px 12px; }\n    #tbs-pa-embed .pa-head{\n      display:flex; align-items:center; justify-content:space-between; gap:12px;\n      background:linear-gradient(135deg, var(--brand), #001a57); color:#fff;\n      border-radius:16px; padding:14px 16px;\n    }\n    #tbs-pa-embed .pa-head .title{ font:600 18px\/1.2 system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,sans-serif; }\n    #tbs-pa-embed .pa-head img{ width:84px; height:84px; border-radius:50%; background:#fff; object-fit:cover; }\n    #tbs-pa-embed .pa-framewrap{ position:relative; margin-top:12px; border:1px solid var(--border);\n      border-radius:16px; background:#fff; overflow:hidden;\n      box-shadow:0 8px 24px rgba(2,6,23,.06);\n    }\n    #tbs-pa-embed .pa-skel{ padding:28px; display:flex; align-items:center; gap:12px; color:var(--ink); }\n    #tbs-pa-embed .spinner{ width:26px; height:26px; border:3px solid #e5e7eb; border-top-color:var(--brand); border-radius:50%;\n      animation: tbs-spin .8s linear infinite; flex:0 0 auto;\n    }\n    @keyframes tbs-spin{ to{ transform:rotate(360deg) } }\n    #tbs-pa-embed .pa-note{ color:var(--muted); font: 13px\/1.4 system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,sans-serif; }\n    #tbs-pa-embed .pa-iframe{ width:100%; height:1000px; border:0; display:block; }\n    \/* Mobile tweaks *\/\n    @media (max-width:760px){\n      #tbs-pa-embed .pa-head img{ width:64px; height:64px; }\n      #tbs-pa-embed .pa-head .title{ font-size:16px; }\n    }\n  <\/style>\n\n  <div class=\"pa-wrap\">\n\n    <div class=\"pa-framewrap\">\n      <!-- Loading skeleton shown until the iframe is ready -->\n      <div class=\"pa-skel\" id=\"tbs-pa-skel\">\n        <div class=\"spinner\" aria-hidden=\"true\"><\/div>\n        <div>\n          <div><strong>Loading app\u2026<\/strong><\/div>\n          <div class=\"pa-note\">Achievement logger is getting ready. Thank you for being patient.<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- The embedded GAS app -->\n      <iframe class=\"pa-iframe\" id=\"tbs-pa-iframe\" src=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      var ROOT = document.getElementById('tbs-pa-embed');\n      var URL  = (ROOT.getAttribute('data-src')||'').trim();\n      var skel = document.getElementById('tbs-pa-skel');\n      var frame= document.getElementById('tbs-pa-iframe');\n\n      if(!URL){\n        skel.innerHTML = '<div style=\"color:#b91c1c\">Error: GAS Web App URL missing. Edit this block and set data-src.<\/div>';\n        return;\n      }\n\n      \/\/ Load the app\n      frame.src = URL + (URL.indexOf('?')>-1 ? '&' : '?') + 'v=' + Date.now();\n\n      \/\/ Hide skeleton once iframe loads first paint\n      frame.addEventListener('load', function(){\n        skel.style.display = 'none';\n      });\n\n      \/\/ Auto-resize height when the embedded app notifies us (see GAS snippet below)\n      window.addEventListener('message', function(ev){\n        try{\n          if(!ev || !ev.data) return;\n          var d = ev.data;\n          if(d.type === 'pa-height'){\n            var h = parseInt(d.height,10);\n            if(!isNaN(h) && h > 600){ frame.style.height = (h+40) + 'px'; }\n          }\n        }catch(e){}\n      }, false);\n\n      \/\/ Fallback: if no postMessage arrives, keep a decent height on small screens\n      if (window.matchMedia('(max-width: 760px)').matches){\n        frame.style.height = '1200px';\n      }\n    })();\n  <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Loading app\u2026 Achievement logger is getting ready. Thank you for being patient.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2956","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tbspanthers.british-school.org\/index.php\/wp-json\/wp\/v2\/pages\/2956"}],"collection":[{"href":"https:\/\/tbspanthers.british-school.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tbspanthers.british-school.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tbspanthers.british-school.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tbspanthers.british-school.org\/index.php\/wp-json\/wp\/v2\/comments?post=2956"}],"version-history":[{"count":8,"href":"https:\/\/tbspanthers.british-school.org\/index.php\/wp-json\/wp\/v2\/pages\/2956\/revisions"}],"predecessor-version":[{"id":5595,"href":"https:\/\/tbspanthers.british-school.org\/index.php\/wp-json\/wp\/v2\/pages\/2956\/revisions\/5595"}],"wp:attachment":[{"href":"https:\/\/tbspanthers.british-school.org\/index.php\/wp-json\/wp\/v2\/media?parent=2956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}