Curious Learner Academy – Quantum Analytics Station<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700;900&display=swap');\n\n :root {\n --gl-neon-teal: #06b6d4;\n --gl-glow-teal: rgba(6, 182, 212, 0.25);\n --gl-neon-orange: #f97316;\n --gl-glow-orange: rgba(249, 115, 22, 0.25);\n --gl-space-black: #020617;\n --gl-glass-card: rgba(15, 23, 42, 0.45);\n --gl-glass-border: rgba(255, 255, 255, 0.05);\n --gl-text-primary: #f8fafc;\n --gl-text-muted: #64748b;\n }\n\n body {\n background-color: var(--gl-space-black);\n font-family: 'Outfit', sans-serif;\n margin: 0; padding: 0;\n color: var(--gl-text-primary);\n min-height: 100vh; overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n position: relative;\n }\n\n #matrixBackgroundCanvas {\n position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n pointer-events: none; z-index: 1; opacity: 0.6;\n }\n\n #cl-analytics-station {\n position: relative; z-index: 5; padding: 60px 0;\n display: flex; justify-content: center; align-items: center;\n min-height: 100vh; box-sizing: border-box;\n }\n\n .dashboard-container {\n width: 90%; max-width: 1200px;\n background: var(--gl-glass-card);\n backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);\n border: 1px solid var(--gl-glass-border);\n border-radius: 40px; padding: 50px;\n box-shadow: 0 50px 100px rgba(0, 0, 0, 0.9);\n box-sizing: border-box;\n }\n\n .dashboard-header {\n display: flex; justify-content: space-between; align-items: flex-start;\n border-bottom: 1px solid var(--gl-glass-border); padding-bottom: 35px; margin-bottom: 45px;\n }\n\n .station-title h1 {\n font-size: 2.4rem; font-weight: 900; margin: 0 0 8px 0;\n text-transform: uppercase; letter-spacing: -0.5px;\n background: linear-gradient(135deg, #ffffff 0%, #cbd5e1 100%);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n }\n\n .station-title p { margin: 0; color: var(--gl-text-muted); font-size: 1rem; font-weight: 600; }\n .station-title p span { color: var(--gl-neon-teal); font-family: monospace; }\n\n .live-status-pill {\n background: var(--gl-glow-teal); border: 1px solid rgba(6, 182, 212, 0.4);\n padding: 12px 24px; border-radius: 16px; font-size: 0.85rem; font-weight: 900;\n color: var(--gl-neon-teal); text-transform: uppercase; letter-spacing: 1.5px;\n display: flex; align-items: center; gap: 12px;\n }\n\n .live-status-pill .pulse-dot {\n width: 10px; height: 10px; background: var(--gl-neon-teal); border-radius: 50%;\n box-shadow: 0 0 12px var(--gl-neon-teal); animation: syncPulse 2s infinite ease-in-out;\n }\n\n @keyframes syncPulse { 0%, 100% { opacity: 0.4; transform: scale(0.9); } 50% { opacity: 1; transform: scale(1.1); } }\n\n .analytics-hero-grid {\n display: grid; grid-template-columns: 1fr 1.8fr; gap: 40px; margin-bottom: 45px;\n }\n\n .master-orb-card {\n background: rgba(255, 255, 255, 0.005); border: 1px solid var(--gl-glass-border);\n border-radius: 32px; padding: 45px 30px; text-align: center;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n }\n\n .kinetic-orb-container {\n position: relative; width: 200px; height: 200px; margin-bottom: 25px;\n display: flex; align-items: center; justify-content: center;\n }\n\n .orb-svg-track { transform: rotate(-90deg); width: 100%; height: 100%; }\n .orb-circle-bg { fill: none; stroke: rgba(255,255,255,0.02); stroke-width: 10; }\n .orb-circle-glow {\n fill: none; stroke: var(--gl-neon-teal); stroke-width: 10;\n stroke-linecap: round; stroke-dasharray: 502; stroke-dashoffset: 502;\n transition: stroke-dashoffset 2s cubic-bezier(0.2, 1, 0.2, 1);\n filter: drop-shadow(0 0 8px var(--gl-neon-teal));\n }\n\n .orb-value-overlay { position: absolute; display: flex; flex-direction: column; align-items: center; }\n .orb-value-overlay .live-percent { font-size: 3.8rem; font-weight: 900; color: #ffffff; line-height: 1; }\n .orb-value-overlay .live-lbl { font-size: 0.75rem; text-transform: uppercase; color: var(--gl-text-muted); letter-spacing: 1.5px; margin-top: 6px; font-weight: 700; }\n\n .master-orb-card h2 { font-size: 1.3rem; font-weight: 900; margin: 0 0 8px 0; text-transform: uppercase; letter-spacing: 0.5px; }\n .master-orb-card p { margin: 0; color: var(--gl-text-muted); font-size: 0.95rem; font-weight: 600; }\n\n .streaming-bars-card {\n background: rgba(255, 255, 255, 0.005); border: 1px solid var(--gl-glass-border);\n border-radius: 32px; padding: 45px; display: flex; flex-direction: column; justify-content: center;\n }\n\n .streaming-bars-card h2 {\n margin: 0 0 35px 0; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1px;\n color: #ffffff; font-weight: 900; display: flex; align-items: center; gap: 12px;\n }\n .streaming-bars-card h2 i { color: var(--gl-neon-orange); }\n\n .chart-stream-shell {\n width: 100%; height: 260px; background: rgba(0, 0, 0, 0.2); border-radius: 20px;\n border: 1px solid var(--gl-glass-border); overflow: hidden; position: relative;\n }\n\n .diagnostic-narrative-grid {\n display: grid; grid-template-columns: 1.6fr 1.4fr; gap: 40px; margin-bottom: 45px;\n }\n\n .glass-panel-box {\n background: rgba(255, 255, 255, 0.003); border: 1px solid var(--gl-glass-border);\n border-radius: 28px; padding: 40px; box-sizing: border-box;\n }\n\n .glass-panel-box h3 {\n margin: 0 0 25px 0; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.5px;\n color: #ffffff; font-weight: 900; display: flex; align-items: center; gap: 12px;\n }\n .glass-panel-box h3 i { color: var(--gl-neon-teal); }\n .glass-panel-box h3.orange-icon i { color: var(--gl-neon-orange); }\n\n .live-narrative-block {\n font-size: 1.05rem; line-height: 1.7; color: rgba(241, 245, 249, 0.9);\n background: rgba(0,0,0,0.2); padding: 25px; border-radius: 20px;\n border-left: 4px solid var(--gl-neon-teal); margin: 0; min-height: 150px; box-sizing: border-box;\n }\n\n .readiness-index-footer {\n margin-top: 30px; font-weight: 700; color: var(--gl-text-muted); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px;\n }\n .readiness-index-footer strong { color: var(--gl-neon-orange); font-weight: 900; margin-left: 5px; }\n\n .live-stream-list { list-style: none; padding: 0; margin: 0; }\n .live-stream-list li {\n font-size: 1.05rem; line-height: 1.6; margin-bottom: 18px;\n display: flex; align-items: flex-start; gap: 14px; color: rgba(241, 245, 249, 0.9);\n }\n .live-stream-list li:last-child { margin-bottom: 0; }\n .live-stream-list li i { color: var(--gl-neon-teal); font-size: 1.1rem; margin-top: 3px; }\n\n .futuristic-conversion-hub {\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.04) 0%, rgba(6, 182, 212, 0.03) 100%);\n border: 1px solid rgba(249, 115, 22, 0.15); border-radius: 32px; padding: 45px; text-align: center;\n }\n .futuristic-conversion-hub h4 { margin: 0 0 12px 0; color: var(--gl-neon-orange); font-weight: 900; font-size: 1.3rem; text-transform: uppercase; letter-spacing: 1px; }\n .futuristic-conversion-hub p { margin: 0 0 35px 0; font-size: 1.1rem; color: #94a3b8; }\n\n .button-flex-container { display: flex; justify-content: center; gap: 25px; }\n \n .kinetic-action-link {\n padding: 18px 40px; border-radius: 18px; font-size: 1.05rem; font-weight: 900;\n text-transform: uppercase; letter-spacing: 1px; text-decoration: none;\n display: flex; align-items: center; justify-content: center; gap: 12px; transition: all 0.4s ease;\n }\n\n .kinetic-action-link.mentor-whatsapp {\n background: rgba(255,255,255,0.01); color: #ffffff; border: 1px solid rgba(255,255,255,0.1);\n }\n .kinetic-action-link.mentor-whatsapp:hover {\n background: #ffffff; color: var(--gl-space-black); transform: translateY(-4px); box-shadow: 0 20px 40px rgba(255,255,255,0.15);\n }\n\n .kinetic-action-link.enrol-now-glow {\n background: var(--gl-neon-orange); color: #ffffff; box-shadow: 0 10px 30px var(--gl-glow-orange); border: 1px solid rgba(255,255,255,0.1);\n }\n .kinetic-action-link.enrol-now-glow:hover {\n background: var(--gl-neon-teal); transform: translateY(-4px); box-shadow: 0 20px 40px var(--gl-glow-teal);\n }\n\n .network-loading-screen { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 100px 0; }\n .network-loading-screen h2 { font-weight: 900; color: #ffffff; margin: 0 0 12px 0; font-size: 1.8rem; }\n .network-loading-screen p { color: #64748b; font-weight: 600; }\n\n @media (max-width: 991px) {\n .analytics-hero-grid { grid-template-columns: 1fr; gap: 30px; }\n .diagnostic-narrative-grid { grid-template-columns: 1fr; gap: 30px; }\n .button-flex-container { flex-direction: column; gap: 15px; }\n .dashboard-container { padding: 35px 20px; border-radius: 30px; }\n .dashboard-header { flex-direction: column; gap: 20px; align-items: flex-start; }\n }\n <\/style>\n<\/head>\n<body>\n\n<canvas id=\"matrixBackgroundCanvas\"><\/canvas>\n\n<section id=\"cl-analytics-station\">\n <div class=\"dashboard-container\">\n \n <div id=\"loadingStationHUD\" class=\"network-loading-screen\">\n <i class=\"fa-solid fa-spin fa-circle-notch\" style=\"font-size: 4.5rem; color: var(--gl-neon-teal); margin-bottom: 30px;\"><\/i>\n <h2>SYNCHRONIZING TELEMETRY STREAM…<\/h2>\n <p>Resolving localized localStorage tokens to draw database records completely dynamic.<\/p>\n <\/div>\n\n <div id=\"quantumDashboardWorkspace\" style=\"display: none;\">\n \n <header class=\"dashboard-header\">\n <div class=\"station-title\">\n <h1>Diagnostic Core Metrics<\/h1>\n <p>Session Verification Signature: <span id=\"studentLedgerUID\">RESOLVING…<\/span><\/p>\n <\/div>\n <div class=\"live-status-pill\">\n <div class=\"pulse-dot\"><\/div> <span id=\"reportProcessedTimestamp\">Stream Live<\/span>\n <\/div>\n <\/header>\n\n <section class=\"analytics-hero-grid\">\n \n <div class=\"master-orb-card\">\n <div class=\"kinetic-orb-container\">\n <svg class=\"orb-svg-track\">\n <circle class=\"orb-circle-bg\" cx=\"100\" cy=\"100\" r=\"80\"><\/circle>\n <circle class=\"orb-circle-glow\" id=\"radialGlowPathFill\" cx=\"100\" cy=\"100\" r=\"80\"><\/circle>\n <\/svg>\n <div class=\"orb-value-overlay\">\n <span class=\"live-percent\" id=\"masterScoreOrbValue\">0%<\/span>\n <span class=\"live-lbl\">Overall Master<\/span>\n <\/div>\n <\/div>\n <h2>Evaluation Metric<\/h2>\n <p>Total Correct Score Match: <span id=\"rawCorrectScoreFraction\" style=\"color:#ffffff; font-weight:700;\">0 \/ 25<\/span> Items<\/p>\n <\/div>\n\n <div class=\"streaming-bars-card\">\n <h2><i class=\"fa-solid fa-chart-network\"><\/i> Kinetic Canvas Graph Matrix Stream<\/h2>\n <div class=\"chart-stream-shell\">\n <canvas id=\"liveGraphStreamCanvas\"><\/canvas>\n <\/div>\n <\/div>\n\n <\/section>\n\n <section class=\"diagnostic-narrative-grid\">\n <div class=\"glass-panel-box\">\n <h3><i class=\"fa-solid fa-brain-circuit\"><\/i> Real-Time AI Diagnostic Evaluation Analysis<\/h3>\n <p class=\"live-narrative-block\" id=\"aiDiagnosticReportParagraphString\">Extracting telemetry matrices…<\/p>\n <div class=\"readiness-index-footer\">\n Learning Readiness Classification Index: <strong id=\"learningReadinessIndexBadge\">RESOLVING…<\/strong>\n <\/div>\n <\/div>\n\n <div class=\"glass-panel-box\">\n <h3 class=\"orange-icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i> Recommendations for Future Learning<\/h3>\n <ul class=\"live-stream-list\" id=\"recommendationsDynamicListWrapper\"><\/ul>\n <\/div>\n <\/section>\n\n <footer class=\"futuristic-conversion-hub\">\n <h4>Maximize Academic Growth Performance<\/h4>\n <p>Discuss these metrics and unlock advanced tutoring acceleration tracks with our expert academic mentors.<\/p>\n <div class=\"button-flex-container\">\n <a href=\"https:\/\/wa.me\/919251230015\" target=\"_blank\" class=\"kinetic-action-link mentor-whatsapp\">\n <i class=\"fa-brands fa-whatsapp\" style=\"color: #25D366; font-size: 1.2rem;\"><\/i> Contact Expert Mentor\n <\/a>\n <a href=\"#\" class=\"kinetic-action-link enrol-now-glow\" id=\"checkoutFunnelLinkNode\">\n <i class=\"fa-solid fa-bolt\"><\/i> Enrol Now into Core Academy\n <\/a>\n <\/div>\n <\/footer>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n\n \/\/ --- 1. AMBIENT PARTICLE BACKGROUND MATRIX FIELD ---\n const bgCanvas = document.getElementById('matrixBackgroundCanvas');\n const bgCtx = bgCanvas.getContext('2d');\n let particles = [];\n\n function resizeBackground() {\n bgCanvas.width = window.innerWidth; bgCanvas.height = window.innerHeight;\n }\n resizeBackground(); window.addEventListener('resize', resizeBackground);\n\n class MatrixParticle {\n constructor() {\n this.x = Math.random() * bgCanvas.width;\n this.y = Math.random() * bgCanvas.height;\n this.yVelocity = Math.random() * 0.4 + 0.1;\n this.radius = Math.random() * 1.5 + 0.5;\n }\n drift() {\n this.y -= this.yVelocity;\n if (this.y < 0) { this.y = bgCanvas.height; this.x = Math.random() * bgCanvas.width; }\n }\n render() {\n bgCtx.beginPath(); bgCtx.arc(this.x, this.y, this.radius, 0, Math.PI*2);\n bgCtx.fillStyle = 'rgba(6, 182, 212, 0.15)'; bgCtx.fill();\n }\n }\n for(let i=0; i<50; i++) { particles.push(new MatrixParticle()); }\n function animateBackground() {\n bgCtx.clearRect(0,0,bgCanvas.width,bgCanvas.height);\n particles.forEach(p => { p.drift(); p.render(); });\n requestAnimationFrame(animateBackground);\n }\n animateBackground();\n\n \/\/ --- 2. UNIQUE SESSION DISCOVERY PIPELINE LAYER ---\n \/\/ Reads item safely via Page 1 localStorage keys block allocation\n const userSessionIdToken = localStorage.getItem('cl_active_session_uid') || \"OFFLINE-TEST-MODE\";\n const REASONING_FETCH_ENDPOINT = `https:\/\/your-service-name.onrender.com\/api\/assessment-latest-report?sessionId=${userSessionIdToken}`;\n\n async function verifyAndHydrateDashboardMetrics() {\n try {\n const response = await fetch(REASONING_FETCH_ENDPOINT, { method: 'GET' });\n if (response.ok) {\n const result = await response.json();\n hydrateQuantumView(result.data);\n } else {\n hydrateQuantumView(getFallbackMockupDataset());\n }\n } catch(e) {\n hydrateQuantumView(getFallbackMockupDataset());\n }\n }\n\n \/\/ --- 3. THE LIVE TEXT COUNT-UP ENGINES ---\n function runLiveCounterTicker(elementId, maximumTargetValue) {\n const container = document.getElementById(elementId);\n let ticker = 0;\n if (maximumTargetValue === 0) { container.innerText = \"0%\"; return; }\n const velocity = Math.max(Math.floor(1500 \/ maximumTargetValue), 12);\n const task = setInterval(() => {\n ticker++; container.innerText = `${ticker}%`;\n if(ticker >= maximumTargetValue) { clearInterval(task); container.innerText = `${maximumTargetValue}%`; }\n }, velocity);\n }\n\n \/\/ --- 4. ADVANCED NATIVE HTML5 GRAPH SYSTEM ENGINE ---\n function renderLiveHTML5StreamBars(scoresMap) {\n const graphCanvas = document.getElementById('liveGraphStreamCanvas');\n const graphCtx = graphCanvas.getContext('2d');\n const shell = graphCanvas.parentElement;\n\n function scaleCanvasTrack() {\n graphCanvas.width = shell.offsetWidth; graphCanvas.height = shell.offsetHeight;\n }\n scaleCanvasTrack();\n\n const categories = [\n { label: \"Section 1 (Foundational Capabilities)\", score: scoresMap.sections.section1Score, color: \"#06b6d4\" },\n { label: \"Section 2 (Above Average Application)\", score: scoresMap.sections.section2Score, color: \"#06b6d4\" },\n { label: \"Section 3 (Exceptional Extension)\", score: scoresMap.sections.section3Score, color: \"#06b6d4\" },\n { label: \"Mathematics (Core Operations)\", score: scoresMap.topics.mathematicsScore, color: \"#f97316\" },\n { label: \"Analytical Skill (Spatial Metrics)\", score: scoresMap.topics.analyticalScore, color: \"#f97316\" },\n { label: \"Logical Reasoning (Deductive Systems)\", score: scoresMap.topics.logicalScore, color: \"#f97316\" }\n ];\n\n let interpolationFillWeight = 0;\n function renderFrameLoop() {\n if (interpolationFillWeight < 1) interpolationFillWeight += 0.015;\n\n graphCtx.clearRect(0, 0, graphCanvas.width, graphCanvas.height);\n const barSpacingPadding = 38;\n const startingYOffset = 30;\n\n categories.forEach((item, index) => {\n const currentYPosition = startingYOffset + (index * barSpacingPadding);\n \n \/\/ Render meta text descriptions alignment\n graphCtx.fillStyle = \"#94a3b8\"; font = \"14px Outfit\";\n graphCtx.font = \"600 13px Outfit\";\n graphCtx.fillText(item.label, 20, currentYPosition - 8);\n\n \/\/ Render matching numeric score outputs string maps\n const immediateScoreText = `${Math.round(item.score * interpolationFillWeight)}%`;\n graphCtx.fillStyle = \"#ffffff\";\n graphCtx.fillText(immediateScoreText, graphCanvas.width - 50, currentYPosition - 8);\n\n \/\/ Render dynamic background metrics track path rail lines\n graphCtx.fillStyle = \"rgba(255,255,255,0.02)\";\n const maxBarWidthRail = graphCanvas.width - 70;\n graphCtx.beginPath();\n graphCtx.roundRect(20, currentYPosition, maxBarWidthRail, 8, 4);\n graphCtx.fill();\n\n \/\/ Render live interpolated color fill track metrics elements\n const targetFilledWidthVal = maxBarWidthRail * (item.score \/ 100) * interpolationFillWeight;\n \n \/\/ Create subtle dynamic glow shadow overlays natively\n graphCtx.shadowBlur = 10; graphCtx.shadowColor = item.color;\n graphCtx.fillStyle = item.color;\n graphCtx.beginPath();\n graphCtx.roundRect(20, currentYPosition, Math.max(targetFilledWidthVal, 1), 8, 4);\n graphCtx.fill();\n \n \/\/ Reset styling shadows definitions instantly for future loops\n graphCtx.shadowBlur = 0;\n });\n\n if (interpolationFillWeight < 1) { requestAnimationFrame(renderFrameLoop); }\n }\n requestAnimationFrame(renderFrameLoop);\n }\n\n \/\/ --- 5. THE ULTIMATE VIEW DATA HYDRATION MOUNT ENGINE ---\n function hydrateQuantumView(payload) {\n document.getElementById('loadingStationHUD').style.display = 'none';\n document.getElementById('quantumDashboardWorkspace').style.display = 'block';\n\n document.getElementById('studentLedgerUID').innerText = userSessionIdToken;\n document.getElementById('reportProcessedTimestamp').innerText = `Verified: ${payload.processedDate}`;\n\n const orbCirclePath = document.getElementById('radialGlowPathFill');\n const totalScore = payload.scorecardMetrics.overallScore;\n const strokeOffset = 502 - ((502 * totalScore) \/ 100);\n \n setTimeout(() => { orbCirclePath.style.strokeDashoffset = strokeOffset; }, 100);\n\n runLiveCounterTicker('masterScoreOrbValue', totalScore);\n document.getElementById('rawCorrectScoreFraction').innerText = `${payload.scorecardMetrics.totalCorrect} \/ 25`;\n\n \/\/ Run high-contrast HTML5 graphics canvas rendering\n renderLiveHTML5StreamBars(payload.scorecardMetrics);\n\n document.getElementById('aiDiagnosticReportParagraphString').innerText = payload.diagnosticAnalysis.aiDiagnosticReport;\n document.getElementById('learningReadinessIndexBadge').innerText = payload.diagnosticAnalysis.learningReadiness;\n\n const listWrapper = document.getElementById('recommendationsDynamicListWrapper');\n listWrapper.innerHTML = '';\n payload.diagnosticAnalysis.futureRecommendations.forEach(text => {\n const li = document.createElement('li');\n li.innerHTML = `<i class=\"fa-solid fa-angles-right\"><\/i> <span>${text}<\/span>`;\n listWrapper.appendChild(li);\n });\n }\n\n function getFallbackMockupDataset() {\n return {\n processedDate: new Date().toLocaleDateString('en-NZ'),\n scorecardMetrics: {\n overallScore: 84, totalCorrect: 21,\n sections: { section1Score: 100, section2Score: 80, section3Score: 60 },\n topics: { mathematicsScore: 92, analyticalScore: 75, logicalScore: 83 }\n },\n diagnosticAnalysis: {\n learningReadiness: \"Advanced Extension Track Ready\",\n aiDiagnosticReport: \"AI Telemetry Analysis Core Summary: Learner exhibits advanced capabilities in processing abstract numerical data architectures, achieving 92% mastery within Core Mathematics tracks. Minor bottlenecks were located during abstract multivariable transformations inside the Analytical Skill category trackers. Deductive logic fields show optimal integration levels when processing multi-step equation systems.\",\n futureRecommendations: [\n \"Introduce introductory high-school level data distribution scales and linear variations vectors.\",\n \"Incorporate advanced system optimization challenges featuring multivariable algebraic groupings.\",\n \"Reinforce spatial orientation milestones via cross-sectional 3D coordination matrices.\"\n ]\n }\n };\n }\n\n verifyAndHydrateDashboardMetrics();\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Curious Learner Academy – Quantum Analytics Station SYNCHRONIZING TELEMETRY STREAM… Resolving localized localStorage tokens to draw database records completely dynamic. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","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":"disabled","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-744","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"curiouslearneroffice@gmail.com","author_link":"https:\/\/curiouslearneracademy.com\/newzealand\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Curious Learner Academy – Quantum Analytics Station SYNCHRONIZING TELEMETRY STREAM… Resolving localized localStorage tokens to draw database records completely dynamic. […]","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/comments?post=744"}],"version-history":[{"count":2,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/744\/revisions"}],"predecessor-version":[{"id":746,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/744\/revisions\/746"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":744,"date":"2026-06-07T14:09:36","date_gmt":"2026-06-07T14:09:36","guid":{"rendered":"https:\/\/curiouslearneracademy.com\/newzealand\/?page_id=744"},"modified":"2026-06-07T14:27:09","modified_gmt":"2026-06-07T14:27:09","slug":"result","status":"publish","type":"page","link":"https:\/\/curiouslearneracademy.com\/newzealand\/result\/","title":{"rendered":"Result"},"content":{"rendered":"\n\n\n\n \n \n Curious Learner Academy – Quantum Analytics Station<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700;900&display=swap');\n\n :root {\n --gl-neon-teal: #06b6d4;\n --gl-glow-teal: rgba(6, 182, 212, 0.25);\n --gl-neon-orange: #f97316;\n --gl-glow-orange: rgba(249, 115, 22, 0.25);\n --gl-space-black: #020617;\n --gl-glass-card: rgba(15, 23, 42, 0.45);\n --gl-glass-border: rgba(255, 255, 255, 0.05);\n --gl-text-primary: #f8fafc;\n --gl-text-muted: #64748b;\n }\n\n body {\n background-color: var(--gl-space-black);\n font-family: 'Outfit', sans-serif;\n margin: 0; padding: 0;\n color: var(--gl-text-primary);\n min-height: 100vh; overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n position: relative;\n }\n\n #matrixBackgroundCanvas {\n position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n pointer-events: none; z-index: 1; opacity: 0.6;\n }\n\n #cl-analytics-station {\n position: relative; z-index: 5; padding: 60px 0;\n display: flex; justify-content: center; align-items: center;\n min-height: 100vh; box-sizing: border-box;\n }\n\n .dashboard-container {\n width: 90%; max-width: 1200px;\n background: var(--gl-glass-card);\n backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);\n border: 1px solid var(--gl-glass-border);\n border-radius: 40px; padding: 50px;\n box-shadow: 0 50px 100px rgba(0, 0, 0, 0.9);\n box-sizing: border-box;\n }\n\n .dashboard-header {\n display: flex; justify-content: space-between; align-items: flex-start;\n border-bottom: 1px solid var(--gl-glass-border); padding-bottom: 35px; margin-bottom: 45px;\n }\n\n .station-title h1 {\n font-size: 2.4rem; font-weight: 900; margin: 0 0 8px 0;\n text-transform: uppercase; letter-spacing: -0.5px;\n background: linear-gradient(135deg, #ffffff 0%, #cbd5e1 100%);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n }\n\n .station-title p { margin: 0; color: var(--gl-text-muted); font-size: 1rem; font-weight: 600; }\n .station-title p span { color: var(--gl-neon-teal); font-family: monospace; }\n\n .live-status-pill {\n background: var(--gl-glow-teal); border: 1px solid rgba(6, 182, 212, 0.4);\n padding: 12px 24px; border-radius: 16px; font-size: 0.85rem; font-weight: 900;\n color: var(--gl-neon-teal); text-transform: uppercase; letter-spacing: 1.5px;\n display: flex; align-items: center; gap: 12px;\n }\n\n .live-status-pill .pulse-dot {\n width: 10px; height: 10px; background: var(--gl-neon-teal); border-radius: 50%;\n box-shadow: 0 0 12px var(--gl-neon-teal); animation: syncPulse 2s infinite ease-in-out;\n }\n\n @keyframes syncPulse { 0%, 100% { opacity: 0.4; transform: scale(0.9); } 50% { opacity: 1; transform: scale(1.1); } }\n\n .analytics-hero-grid {\n display: grid; grid-template-columns: 1fr 1.8fr; gap: 40px; margin-bottom: 45px;\n }\n\n .master-orb-card {\n background: rgba(255, 255, 255, 0.005); border: 1px solid var(--gl-glass-border);\n border-radius: 32px; padding: 45px 30px; text-align: center;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n }\n\n .kinetic-orb-container {\n position: relative; width: 200px; height: 200px; margin-bottom: 25px;\n display: flex; align-items: center; justify-content: center;\n }\n\n .orb-svg-track { transform: rotate(-90deg); width: 100%; height: 100%; }\n .orb-circle-bg { fill: none; stroke: rgba(255,255,255,0.02); stroke-width: 10; }\n .orb-circle-glow {\n fill: none; stroke: var(--gl-neon-teal); stroke-width: 10;\n stroke-linecap: round; stroke-dasharray: 502; stroke-dashoffset: 502;\n transition: stroke-dashoffset 2s cubic-bezier(0.2, 1, 0.2, 1);\n filter: drop-shadow(0 0 8px var(--gl-neon-teal));\n }\n\n .orb-value-overlay { position: absolute; display: flex; flex-direction: column; align-items: center; }\n .orb-value-overlay .live-percent { font-size: 3.8rem; font-weight: 900; color: #ffffff; line-height: 1; }\n .orb-value-overlay .live-lbl { font-size: 0.75rem; text-transform: uppercase; color: var(--gl-text-muted); letter-spacing: 1.5px; margin-top: 6px; font-weight: 700; }\n\n .master-orb-card h2 { font-size: 1.3rem; font-weight: 900; margin: 0 0 8px 0; text-transform: uppercase; letter-spacing: 0.5px; }\n .master-orb-card p { margin: 0; color: var(--gl-text-muted); font-size: 0.95rem; font-weight: 600; }\n\n .streaming-bars-card {\n background: rgba(255, 255, 255, 0.005); border: 1px solid var(--gl-glass-border);\n border-radius: 32px; padding: 45px; display: flex; flex-direction: column; justify-content: center;\n }\n\n .streaming-bars-card h2 {\n margin: 0 0 35px 0; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1px;\n color: #ffffff; font-weight: 900; display: flex; align-items: center; gap: 12px;\n }\n .streaming-bars-card h2 i { color: var(--gl-neon-orange); }\n\n .chart-stream-shell {\n width: 100%; height: 260px; background: rgba(0, 0, 0, 0.2); border-radius: 20px;\n border: 1px solid var(--gl-glass-border); overflow: hidden; position: relative;\n }\n\n .diagnostic-narrative-grid {\n display: grid; grid-template-columns: 1.6fr 1.4fr; gap: 40px; margin-bottom: 45px;\n }\n\n .glass-panel-box {\n background: rgba(255, 255, 255, 0.003); border: 1px solid var(--gl-glass-border);\n border-radius: 28px; padding: 40px; box-sizing: border-box;\n }\n\n .glass-panel-box h3 {\n margin: 0 0 25px 0; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.5px;\n color: #ffffff; font-weight: 900; display: flex; align-items: center; gap: 12px;\n }\n .glass-panel-box h3 i { color: var(--gl-neon-teal); }\n .glass-panel-box h3.orange-icon i { color: var(--gl-neon-orange); }\n\n .live-narrative-block {\n font-size: 1.05rem; line-height: 1.7; color: rgba(241, 245, 249, 0.9);\n background: rgba(0,0,0,0.2); padding: 25px; border-radius: 20px;\n border-left: 4px solid var(--gl-neon-teal); margin: 0; min-height: 150px; box-sizing: border-box;\n }\n\n .readiness-index-footer {\n margin-top: 30px; font-weight: 700; color: var(--gl-text-muted); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px;\n }\n .readiness-index-footer strong { color: var(--gl-neon-orange); font-weight: 900; margin-left: 5px; }\n\n .live-stream-list { list-style: none; padding: 0; margin: 0; }\n .live-stream-list li {\n font-size: 1.05rem; line-height: 1.6; margin-bottom: 18px;\n display: flex; align-items: flex-start; gap: 14px; color: rgba(241, 245, 249, 0.9);\n }\n .live-stream-list li:last-child { margin-bottom: 0; }\n .live-stream-list li i { color: var(--gl-neon-teal); font-size: 1.1rem; margin-top: 3px; }\n\n .futuristic-conversion-hub {\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.04) 0%, rgba(6, 182, 212, 0.03) 100%);\n border: 1px solid rgba(249, 115, 22, 0.15); border-radius: 32px; padding: 45px; text-align: center;\n }\n .futuristic-conversion-hub h4 { margin: 0 0 12px 0; color: var(--gl-neon-orange); font-weight: 900; font-size: 1.3rem; text-transform: uppercase; letter-spacing: 1px; }\n .futuristic-conversion-hub p { margin: 0 0 35px 0; font-size: 1.1rem; color: #94a3b8; }\n\n .button-flex-container { display: flex; justify-content: center; gap: 25px; }\n \n .kinetic-action-link {\n padding: 18px 40px; border-radius: 18px; font-size: 1.05rem; font-weight: 900;\n text-transform: uppercase; letter-spacing: 1px; text-decoration: none;\n display: flex; align-items: center; justify-content: center; gap: 12px; transition: all 0.4s ease;\n }\n\n .kinetic-action-link.mentor-whatsapp {\n background: rgba(255,255,255,0.01); color: #ffffff; border: 1px solid rgba(255,255,255,0.1);\n }\n .kinetic-action-link.mentor-whatsapp:hover {\n background: #ffffff; color: var(--gl-space-black); transform: translateY(-4px); box-shadow: 0 20px 40px rgba(255,255,255,0.15);\n }\n\n .kinetic-action-link.enrol-now-glow {\n background: var(--gl-neon-orange); color: #ffffff; box-shadow: 0 10px 30px var(--gl-glow-orange); border: 1px solid rgba(255,255,255,0.1);\n }\n .kinetic-action-link.enrol-now-glow:hover {\n background: var(--gl-neon-teal); transform: translateY(-4px); box-shadow: 0 20px 40px var(--gl-glow-teal);\n }\n\n .network-loading-screen { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 100px 0; }\n .network-loading-screen h2 { font-weight: 900; color: #ffffff; margin: 0 0 12px 0; font-size: 1.8rem; }\n .network-loading-screen p { color: #64748b; font-weight: 600; }\n\n @media (max-width: 991px) {\n .analytics-hero-grid { grid-template-columns: 1fr; gap: 30px; }\n .diagnostic-narrative-grid { grid-template-columns: 1fr; gap: 30px; }\n .button-flex-container { flex-direction: column; gap: 15px; }\n .dashboard-container { padding: 35px 20px; border-radius: 30px; }\n .dashboard-header { flex-direction: column; gap: 20px; align-items: flex-start; }\n }\n <\/style>\n<\/head>\n<body>\n\n<canvas id=\"matrixBackgroundCanvas\"><\/canvas>\n\n<section id=\"cl-analytics-station\">\n <div class=\"dashboard-container\">\n \n <div id=\"loadingStationHUD\" class=\"network-loading-screen\">\n <i class=\"fa-solid fa-spin fa-circle-notch\" style=\"font-size: 4.5rem; color: var(--gl-neon-teal); margin-bottom: 30px;\"><\/i>\n <h2>SYNCHRONIZING TELEMETRY STREAM…<\/h2>\n <p>Resolving localized localStorage tokens to draw database records completely dynamic.<\/p>\n <\/div>\n\n <div id=\"quantumDashboardWorkspace\" style=\"display: none;\">\n \n <header class=\"dashboard-header\">\n <div class=\"station-title\">\n <h1>Diagnostic Core Metrics<\/h1>\n <p>Session Verification Signature: <span id=\"studentLedgerUID\">RESOLVING…<\/span><\/p>\n <\/div>\n <div class=\"live-status-pill\">\n <div class=\"pulse-dot\"><\/div> <span id=\"reportProcessedTimestamp\">Stream Live<\/span>\n <\/div>\n <\/header>\n\n <section class=\"analytics-hero-grid\">\n \n <div class=\"master-orb-card\">\n <div class=\"kinetic-orb-container\">\n <svg class=\"orb-svg-track\">\n <circle class=\"orb-circle-bg\" cx=\"100\" cy=\"100\" r=\"80\"><\/circle>\n <circle class=\"orb-circle-glow\" id=\"radialGlowPathFill\" cx=\"100\" cy=\"100\" r=\"80\"><\/circle>\n <\/svg>\n <div class=\"orb-value-overlay\">\n <span class=\"live-percent\" id=\"masterScoreOrbValue\">0%<\/span>\n <span class=\"live-lbl\">Overall Master<\/span>\n <\/div>\n <\/div>\n <h2>Evaluation Metric<\/h2>\n <p>Total Correct Score Match: <span id=\"rawCorrectScoreFraction\" style=\"color:#ffffff; font-weight:700;\">0 \/ 25<\/span> Items<\/p>\n <\/div>\n\n <div class=\"streaming-bars-card\">\n <h2><i class=\"fa-solid fa-chart-network\"><\/i> Kinetic Canvas Graph Matrix Stream<\/h2>\n <div class=\"chart-stream-shell\">\n <canvas id=\"liveGraphStreamCanvas\"><\/canvas>\n <\/div>\n <\/div>\n\n <\/section>\n\n <section class=\"diagnostic-narrative-grid\">\n <div class=\"glass-panel-box\">\n <h3><i class=\"fa-solid fa-brain-circuit\"><\/i> Real-Time AI Diagnostic Evaluation Analysis<\/h3>\n <p class=\"live-narrative-block\" id=\"aiDiagnosticReportParagraphString\">Extracting telemetry matrices…<\/p>\n <div class=\"readiness-index-footer\">\n Learning Readiness Classification Index: <strong id=\"learningReadinessIndexBadge\">RESOLVING…<\/strong>\n <\/div>\n <\/div>\n\n <div class=\"glass-panel-box\">\n <h3 class=\"orange-icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i> Recommendations for Future Learning<\/h3>\n <ul class=\"live-stream-list\" id=\"recommendationsDynamicListWrapper\"><\/ul>\n <\/div>\n <\/section>\n\n <footer class=\"futuristic-conversion-hub\">\n <h4>Maximize Academic Growth Performance<\/h4>\n <p>Discuss these metrics and unlock advanced tutoring acceleration tracks with our expert academic mentors.<\/p>\n <div class=\"button-flex-container\">\n <a href=\"https:\/\/wa.me\/919251230015\" target=\"_blank\" class=\"kinetic-action-link mentor-whatsapp\">\n <i class=\"fa-brands fa-whatsapp\" style=\"color: #25D366; font-size: 1.2rem;\"><\/i> Contact Expert Mentor\n <\/a>\n <a href=\"#\" class=\"kinetic-action-link enrol-now-glow\" id=\"checkoutFunnelLinkNode\">\n <i class=\"fa-solid fa-bolt\"><\/i> Enrol Now into Core Academy\n <\/a>\n <\/div>\n <\/footer>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n\n \/\/ --- 1. AMBIENT PARTICLE BACKGROUND MATRIX FIELD ---\n const bgCanvas = document.getElementById('matrixBackgroundCanvas');\n const bgCtx = bgCanvas.getContext('2d');\n let particles = [];\n\n function resizeBackground() {\n bgCanvas.width = window.innerWidth; bgCanvas.height = window.innerHeight;\n }\n resizeBackground(); window.addEventListener('resize', resizeBackground);\n\n class MatrixParticle {\n constructor() {\n this.x = Math.random() * bgCanvas.width;\n this.y = Math.random() * bgCanvas.height;\n this.yVelocity = Math.random() * 0.4 + 0.1;\n this.radius = Math.random() * 1.5 + 0.5;\n }\n drift() {\n this.y -= this.yVelocity;\n if (this.y < 0) { this.y = bgCanvas.height; this.x = Math.random() * bgCanvas.width; }\n }\n render() {\n bgCtx.beginPath(); bgCtx.arc(this.x, this.y, this.radius, 0, Math.PI*2);\n bgCtx.fillStyle = 'rgba(6, 182, 212, 0.15)'; bgCtx.fill();\n }\n }\n for(let i=0; i<50; i++) { particles.push(new MatrixParticle()); }\n function animateBackground() {\n bgCtx.clearRect(0,0,bgCanvas.width,bgCanvas.height);\n particles.forEach(p => { p.drift(); p.render(); });\n requestAnimationFrame(animateBackground);\n }\n animateBackground();\n\n \/\/ --- 2. UNIQUE SESSION DISCOVERY PIPELINE LAYER ---\n \/\/ Reads item safely via Page 1 localStorage keys block allocation\n const userSessionIdToken = localStorage.getItem('cl_active_session_uid') || \"OFFLINE-TEST-MODE\";\n const REASONING_FETCH_ENDPOINT = `https:\/\/your-service-name.onrender.com\/api\/assessment-latest-report?sessionId=${userSessionIdToken}`;\n\n async function verifyAndHydrateDashboardMetrics() {\n try {\n const response = await fetch(REASONING_FETCH_ENDPOINT, { method: 'GET' });\n if (response.ok) {\n const result = await response.json();\n hydrateQuantumView(result.data);\n } else {\n hydrateQuantumView(getFallbackMockupDataset());\n }\n } catch(e) {\n hydrateQuantumView(getFallbackMockupDataset());\n }\n }\n\n \/\/ --- 3. THE LIVE TEXT COUNT-UP ENGINES ---\n function runLiveCounterTicker(elementId, maximumTargetValue) {\n const container = document.getElementById(elementId);\n let ticker = 0;\n if (maximumTargetValue === 0) { container.innerText = \"0%\"; return; }\n const velocity = Math.max(Math.floor(1500 \/ maximumTargetValue), 12);\n const task = setInterval(() => {\n ticker++; container.innerText = `${ticker}%`;\n if(ticker >= maximumTargetValue) { clearInterval(task); container.innerText = `${maximumTargetValue}%`; }\n }, velocity);\n }\n\n \/\/ --- 4. ADVANCED NATIVE HTML5 GRAPH SYSTEM ENGINE ---\n function renderLiveHTML5StreamBars(scoresMap) {\n const graphCanvas = document.getElementById('liveGraphStreamCanvas');\n const graphCtx = graphCanvas.getContext('2d');\n const shell = graphCanvas.parentElement;\n\n function scaleCanvasTrack() {\n graphCanvas.width = shell.offsetWidth; graphCanvas.height = shell.offsetHeight;\n }\n scaleCanvasTrack();\n\n const categories = [\n { label: \"Section 1 (Foundational Capabilities)\", score: scoresMap.sections.section1Score, color: \"#06b6d4\" },\n { label: \"Section 2 (Above Average Application)\", score: scoresMap.sections.section2Score, color: \"#06b6d4\" },\n { label: \"Section 3 (Exceptional Extension)\", score: scoresMap.sections.section3Score, color: \"#06b6d4\" },\n { label: \"Mathematics (Core Operations)\", score: scoresMap.topics.mathematicsScore, color: \"#f97316\" },\n { label: \"Analytical Skill (Spatial Metrics)\", score: scoresMap.topics.analyticalScore, color: \"#f97316\" },\n { label: \"Logical Reasoning (Deductive Systems)\", score: scoresMap.topics.logicalScore, color: \"#f97316\" }\n ];\n\n let interpolationFillWeight = 0;\n function renderFrameLoop() {\n if (interpolationFillWeight < 1) interpolationFillWeight += 0.015;\n\n graphCtx.clearRect(0, 0, graphCanvas.width, graphCanvas.height);\n const barSpacingPadding = 38;\n const startingYOffset = 30;\n\n categories.forEach((item, index) => {\n const currentYPosition = startingYOffset + (index * barSpacingPadding);\n \n \/\/ Render meta text descriptions alignment\n graphCtx.fillStyle = \"#94a3b8\"; font = \"14px Outfit\";\n graphCtx.font = \"600 13px Outfit\";\n graphCtx.fillText(item.label, 20, currentYPosition - 8);\n\n \/\/ Render matching numeric score outputs string maps\n const immediateScoreText = `${Math.round(item.score * interpolationFillWeight)}%`;\n graphCtx.fillStyle = \"#ffffff\";\n graphCtx.fillText(immediateScoreText, graphCanvas.width - 50, currentYPosition - 8);\n\n \/\/ Render dynamic background metrics track path rail lines\n graphCtx.fillStyle = \"rgba(255,255,255,0.02)\";\n const maxBarWidthRail = graphCanvas.width - 70;\n graphCtx.beginPath();\n graphCtx.roundRect(20, currentYPosition, maxBarWidthRail, 8, 4);\n graphCtx.fill();\n\n \/\/ Render live interpolated color fill track metrics elements\n const targetFilledWidthVal = maxBarWidthRail * (item.score \/ 100) * interpolationFillWeight;\n \n \/\/ Create subtle dynamic glow shadow overlays natively\n graphCtx.shadowBlur = 10; graphCtx.shadowColor = item.color;\n graphCtx.fillStyle = item.color;\n graphCtx.beginPath();\n graphCtx.roundRect(20, currentYPosition, Math.max(targetFilledWidthVal, 1), 8, 4);\n graphCtx.fill();\n \n \/\/ Reset styling shadows definitions instantly for future loops\n graphCtx.shadowBlur = 0;\n });\n\n if (interpolationFillWeight < 1) { requestAnimationFrame(renderFrameLoop); }\n }\n requestAnimationFrame(renderFrameLoop);\n }\n\n \/\/ --- 5. THE ULTIMATE VIEW DATA HYDRATION MOUNT ENGINE ---\n function hydrateQuantumView(payload) {\n document.getElementById('loadingStationHUD').style.display = 'none';\n document.getElementById('quantumDashboardWorkspace').style.display = 'block';\n\n document.getElementById('studentLedgerUID').innerText = userSessionIdToken;\n document.getElementById('reportProcessedTimestamp').innerText = `Verified: ${payload.processedDate}`;\n\n const orbCirclePath = document.getElementById('radialGlowPathFill');\n const totalScore = payload.scorecardMetrics.overallScore;\n const strokeOffset = 502 - ((502 * totalScore) \/ 100);\n \n setTimeout(() => { orbCirclePath.style.strokeDashoffset = strokeOffset; }, 100);\n\n runLiveCounterTicker('masterScoreOrbValue', totalScore);\n document.getElementById('rawCorrectScoreFraction').innerText = `${payload.scorecardMetrics.totalCorrect} \/ 25`;\n\n \/\/ Run high-contrast HTML5 graphics canvas rendering\n renderLiveHTML5StreamBars(payload.scorecardMetrics);\n\n document.getElementById('aiDiagnosticReportParagraphString').innerText = payload.diagnosticAnalysis.aiDiagnosticReport;\n document.getElementById('learningReadinessIndexBadge').innerText = payload.diagnosticAnalysis.learningReadiness;\n\n const listWrapper = document.getElementById('recommendationsDynamicListWrapper');\n listWrapper.innerHTML = '';\n payload.diagnosticAnalysis.futureRecommendations.forEach(text => {\n const li = document.createElement('li');\n li.innerHTML = `<i class=\"fa-solid fa-angles-right\"><\/i> <span>${text}<\/span>`;\n listWrapper.appendChild(li);\n });\n }\n\n function getFallbackMockupDataset() {\n return {\n processedDate: new Date().toLocaleDateString('en-NZ'),\n scorecardMetrics: {\n overallScore: 84, totalCorrect: 21,\n sections: { section1Score: 100, section2Score: 80, section3Score: 60 },\n topics: { mathematicsScore: 92, analyticalScore: 75, logicalScore: 83 }\n },\n diagnosticAnalysis: {\n learningReadiness: \"Advanced Extension Track Ready\",\n aiDiagnosticReport: \"AI Telemetry Analysis Core Summary: Learner exhibits advanced capabilities in processing abstract numerical data architectures, achieving 92% mastery within Core Mathematics tracks. Minor bottlenecks were located during abstract multivariable transformations inside the Analytical Skill category trackers. Deductive logic fields show optimal integration levels when processing multi-step equation systems.\",\n futureRecommendations: [\n \"Introduce introductory high-school level data distribution scales and linear variations vectors.\",\n \"Incorporate advanced system optimization challenges featuring multivariable algebraic groupings.\",\n \"Reinforce spatial orientation milestones via cross-sectional 3D coordination matrices.\"\n ]\n }\n };\n }\n\n verifyAndHydrateDashboardMetrics();\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Curious Learner Academy – Quantum Analytics Station SYNCHRONIZING TELEMETRY STREAM… Resolving localized localStorage tokens to draw database records completely dynamic. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","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":"disabled","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-744","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"curiouslearneroffice@gmail.com","author_link":"https:\/\/curiouslearneracademy.com\/newzealand\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Curious Learner Academy – Quantum Analytics Station SYNCHRONIZING TELEMETRY STREAM… Resolving localized localStorage tokens to draw database records completely dynamic. […]","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/comments?post=744"}],"version-history":[{"count":2,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/744\/revisions"}],"predecessor-version":[{"id":746,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/744\/revisions\/746"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}