{"path":"/public_html/school-feedback.html","name":"school-feedback.html","size":30102,"extension":".html","modified":"2026-10-01T15:37:21.55016393Z","mode":420,"isDir":false,"isSymlink":false,"type":"text","content":"\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"robots\" content=\"noindex, nofollow\"\u003e\n    \u003ctitle\u003eSchool Feedback | Tinker Sparks\u003c/title\u003e\n    \u003clink rel=\"icon\" href=\"https://www.tinkersparks.com/favicon.ico\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https://fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin\u003e\n    \u003clink rel=\"preload\" as=\"style\" href=\"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700;900\u0026family=DM+Sans:wght@300;400;500;600;700\u0026display=swap\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700;900\u0026family=DM+Sans:wght@300;400;500;600;700\u0026display=swap\" media=\"print\" onload=\"this.media='all'\"\u003e\n    \u003cnoscript\u003e\u003clink rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700;900\u0026family=DM+Sans:wght@300;400;500;600;700\u0026display=swap\"\u003e\u003c/noscript\u003e\n    \u003cstyle\u003e\n        :root { --blue:#4285F4; --red:#EA4335; --yellow:#FBBC05; --green:#34A853; --navy:#0D1F3C; --cream:#FFFDF7; }\n        * { margin:0; padding:0; box-sizing:border-box; }\n        body { font-family:'DM Sans', Arial, sans-serif; background-color:var(--cream); color:var(--navy); line-height:1.6; }\n        .top-bar { height:6px; background:linear-gradient(90deg, var(--blue) 25%, var(--red) 25% 50%, var(--yellow) 50% 75%, var(--green) 75%); }\n        .container { max-width:800px; margin:0 auto; padding:40px 20px; }\n        .header { text-align:center; margin-bottom:36px; }\n        .logo-lockup { display:inline-flex; align-items:center; gap:14px; }\n        .logo-mark { line-height:0; }\n        .wordmark { font-family:'Fredoka', sans-serif; font-weight:900; font-size:40px; letter-spacing:0.5px; }\n        .header .tagline { font-size:16px; color:#666; font-weight:500; margin-top:10px; }\n        .thanks-card { background:var(--navy); color:var(--cream); border-radius:12px; padding:28px 30px; margin-bottom:36px; text-align:center; position:relative; overflow:hidden; }\n        .thanks-card::before { content:\"\"; position:absolute; top:0; left:0; right:0; height:6px; background:linear-gradient(90deg, var(--blue) 25%, var(--red) 25% 50%, var(--yellow) 50% 75%, var(--green) 75%); }\n        .thanks-card h2 { font-family:'Fredoka', sans-serif; font-size:24px; font-weight:700; margin-bottom:10px; color:var(--yellow); }\n        .thanks-card p { font-size:15px; color:rgba(255,253,247,0.92); max-width:620px; margin:0 auto; }\n        .form-wrapper { background-color:white; border-radius:8px; padding:40px; box-shadow:0 2px 8px rgba(0,0,0,0.08); border-top:6px solid; border-image:linear-gradient(90deg, var(--blue) 25%, var(--red) 25% 50%, var(--yellow) 50% 75%, var(--green) 75%) 1; }\n        .section { margin-bottom:45px; }\n        .section-header { display:flex; align-items:center; margin-bottom:25px; padding-bottom:15px; border-bottom:2px solid #f0f0f0; }\n        .section-number { font-family:'Fredoka', sans-serif; font-weight:700; font-size:20px; color:white; background-color:var(--navy); width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:15px; flex-shrink:0; }\n        .section-title { font-family:'Fredoka', sans-serif; font-size:20px; font-weight:600; color:var(--navy); }\n        .form-group { margin-bottom:28px; }\n        .form-group label { display:block; font-family:'Fredoka', sans-serif; font-size:15px; font-weight:500; color:var(--navy); margin-bottom:12px; }\n        .hint { font-size:13px; color:#888; margin-top:-8px; margin-bottom:10px; }\n        .required { color:var(--red); margin-left:4px; }\n        .form-group input[type=\"text\"], .form-group input[type=\"email\"], .form-group input[type=\"tel\"] { width:100%; padding:12px 14px; border:1px solid #ddd; border-radius:6px; font-family:'DM Sans', sans-serif; font-size:14px; transition:border-color 0.3s; }\n        .form-group input:focus, .textarea-group textarea:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(66,133,244,0.1); }\n        .textarea-group textarea { width:100%; padding:12px 14px; border:1px solid #ddd; border-radius:6px; font-family:'DM Sans', sans-serif; font-size:14px; resize:vertical; min-height:100px; transition:border-color 0.3s; }\n        .star-rating { display:flex; gap:8px; align-items:center; }\n        .stars { display:flex; gap:6px; }\n        .star { font-size:32px; cursor:pointer; color:#ddd; transition:color 0.2s, transform 0.2s; user-select:none; }\n        .star:hover, .star.hover { color:var(--yellow); transform:scale(1.1); }\n        .star.active { color:var(--yellow); }\n        .star-value { font-size:12px; color:#999; min-width:40px; }\n        .checkbox-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:12px; }\n        .checkbox-item { display:flex; align-items:center; }\n        .checkbox-item input[type=\"checkbox\"], .checkbox-item input[type=\"radio\"] { width:18px; height:18px; margin-right:10px; cursor:pointer; accent-color:var(--blue); }\n        .checkbox-item label { margin:0; font-size:14px; cursor:pointer; user-select:none; font-family:'DM Sans', sans-serif; font-weight:400; }\n        .info-box { background-color:#f9f9f9; border-left:4px solid var(--blue); padding:16px; border-radius:4px; font-size:13px; color:#666; margin-bottom:20px; }\n        .info-box strong { color:var(--navy); }\n        .consent-box { background-color:#f0f7f1; border:1px solid #c9e5cd; border-radius:6px; padding:16px; margin-top:12px; }\n        .button-group { display:flex; gap:12px; margin-top:40px; justify-content:center; }\n        .btn { font-family:'Fredoka', sans-serif; font-size:15px; font-weight:600; padding:14px 32px; border:none; border-radius:6px; cursor:pointer; transition:all 0.3s; }\n        .btn-submit { background-color:var(--navy); color:white; }\n        .btn-submit:hover { background-color:#051a2f; transform:translateY(-2px); box-shadow:0 4px 12px rgba(13,31,60,0.2); }\n        .btn-submit:disabled { opacity:0.6; cursor:not-allowed; transform:none; }\n        .btn-reset { background-color:#f0f0f0; color:var(--navy); border:1px solid #ddd; }\n        .success-message { display:none; background-color:#d4edda; border:1px solid #c3e6cb; color:#155724; padding:16px; border-radius:6px; margin-bottom:20px; }\n        .success-message.show { display:block; }\n        .footer { text-align:center; margin-top:40px; padding-top:30px; border-top:1px solid #eee; font-size:12px; color:#999; }\n        @media (max-width:600px) {\n            .form-wrapper { padding:24px; }\n            .wordmark { font-size:30px; }\n            .checkbox-grid { grid-template-columns:1fr; }\n            .button-group { flex-direction:column; }\n            .btn { width:100%; }\n        }\n    \u003c/style\u003e\n\n    \u003cmeta name=\"description\" content=\"Share your experience as a Tinker Sparks school partner. Feedback from principals, coordinators, and teachers on our in school enrichment, after school, and summer programs.\"\u003e\n    \u003clink rel=\"canonical\" href=\"https://www.tinkersparks.com/school-feedback.html\"\u003e\n    \u003cmeta property=\"og:type\" content=\"website\"\u003e\n    \u003cmeta property=\"og:title\" content=\"School Feedback | Tinker Sparks\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Share your experience as a Tinker Sparks school partner.\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https://www.tinkersparks.com/school-feedback.html\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https://www.tinkersparks.com/og-image.jpg\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"Tinker Sparks\"\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"School Feedback | Tinker Sparks\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Share your experience as a Tinker Sparks school partner.\"\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n    \u003cdiv class=\"top-bar\"\u003e\u003c/div\u003e\n\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"header\"\u003e\n            \u003cdiv class=\"logo-lockup\"\u003e\n                \u003cdiv class=\"logo-mark\"\u003e\n                    \u003ccanvas class=\"spk\" width=\"144\" height=\"144\" style=\"width:56px;height:56px\" aria-label=\"Tinker Sparks mark\"\u003e\u003c/canvas\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"wordmark\"\u003e\u003cspan style=\"color:#EA4335\"\u003eT\u003c/span\u003e\u003cspan style=\"color:#34A853\"\u003ei\u003c/span\u003e\u003cspan style=\"color:#FBBC05\"\u003en\u003c/span\u003e\u003cspan style=\"color:#4285F4\"\u003ek\u003c/span\u003e\u003cspan style=\"color:#EA4335\"\u003ee\u003c/span\u003e\u003cspan style=\"color:#34A853\"\u003er\u003c/span\u003e\u0026nbsp;\u003cspan style=\"color:#FBBC05\"\u003eS\u003c/span\u003e\u003cspan style=\"color:#4285F4\"\u003ep\u003c/span\u003e\u003cspan style=\"color:#EA4335\"\u003ea\u003c/span\u003e\u003cspan style=\"color:#34A853\"\u003er\u003c/span\u003e\u003cspan style=\"color:#FBBC05\"\u003ek\u003c/span\u003e\u003cspan style=\"color:#4285F4\"\u003es\u003c/span\u003e\u003c/div\u003e\n            \u003c/div\u003e\n            \u003cp class=\"tagline\"\u003eSchool Partner Feedback\u003c/p\u003e\n        \u003c/div\u003e\n        \u003cscript\u003e\n        document.querySelectorAll('canvas.spk').forEach(function(cv){\n          var ctx=cv.getContext('2d'),S=144,cx=S/2,cy=S/2;\n          var COLORS=['#4285F4','#EA4335','#FBBC05','#34A853'],ANG=[270,0,90,180],R=S*0.26;\n          function star(x,y,r,col){var o=r*0.28;ctx.save();ctx.fillStyle=col;ctx.translate(x,y);ctx.beginPath();\n            ctx.moveTo(0,-r);ctx.lineTo(o,-o);ctx.lineTo(r,0);ctx.lineTo(o,o);ctx.lineTo(0,r);ctx.lineTo(-o,o);ctx.lineTo(-r,0);ctx.lineTo(-o,-o);ctx.closePath();ctx.fill();ctx.restore();}\n          ctx.clearRect(0,0,S,S);\n          for(var i=0;i\u003c4;i++){var a=ANG[i]*Math.PI/180;star(cx+Math.cos(a)*R,cy+Math.sin(a)*R,S*0.18,COLORS[i]);}\n        });\n        \u003c/script\u003e\n\n        \u003cdiv class=\"thanks-card\"\u003e\n            \u003ch2\u003eThank You for Partnering With Us\u003c/h2\u003e\n            \u003cp\u003eWe are grateful for the chance to bring Tinker Sparks into your school community, whether through in school enrichment, an after school program, a workshop, or an event. Your perspective helps us serve your students and staff even better. This takes about three minutes.\u003c/p\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"form-wrapper\"\u003e\n            \u003cdiv class=\"success-message\" id=\"successMessage\"\u003e\n                Thank you! Your feedback has been received. We read every single response.\n            \u003c/div\u003e\n\n            \u003cform id=\"schoolFeedbackForm\"\u003e\n                \u003c!-- SECTION 1: About Your School --\u003e\n                \u003cdiv class=\"section\"\u003e\n                    \u003cdiv class=\"section-header\"\u003e\n                        \u003cdiv class=\"section-number\"\u003e1\u003c/div\u003e\n                        \u003cdiv class=\"section-title\"\u003eAbout Your School\u003c/div\u003e\n                    \u003c/div\u003e\n\n                    \u003cdiv class=\"form-group\"\u003e\n                        \u003clabel for=\"schoolName\"\u003eSchool or Organization Name \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n                        \u003cinput type=\"text\" id=\"schoolName\" name=\"schoolName\" required\u003e\n                    \u003c/div\u003e\n\n                    \u003cdiv class=\"form-group\"\u003e\n                        \u003clabel for=\"contactName\"\u003eYour Name \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n                        \u003cinput type=\"text\" id=\"contactName\" name=\"contactName\" required\u003e\n                    \u003c/div\u003e\n\n                    \u003cdiv class=\"form-group\"\u003e\n                        \u003clabel for=\"contactRole\"\u003eYour Role\u003c/label\u003e\n                        \u003cinput type=\"text\" id=\"contactRole\" name=\"contactRole\" placeholder=\"Director, Principal, Enrichment Coordinator, Teacher...\"\u003e\n                    \u003c/div\u003e\n\n                    \u003cdiv class=\"form-group\"\u003e\n                        \u003clabel for=\"contactEmail\"\u003eEmail Address \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n                        \u003cinput type=\"email\" id=\"contactEmail\" name=\"contactEmail\" required\u003e\n                    \u003c/div\u003e\n\n                    \u003cdiv class=\"form-group\"\u003e\n                        \u003clabel for=\"contactPhone\"\u003ePhone Number\u003c/label\u003e\n                        \u003cinput type=\"tel\" id=\"contactPhone\" name=\"contactPhone\"\u003e\n                    \u003c/div\u003e\n\n                    \u003cdiv class=\"form-group\"\u003e\n                        \u003clabel for=\"programType\"\u003eWhich program did Tinker Sparks run at your school? \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n                        \u003cp class=\"hint\"\u003eFor example: In School Enrichment, After School Program, Summer Camp Partnership, Workshop or Event.\u003c/p\u003e\n                        \u003cinput type=\"text\" id=\"programType\" name=\"programType\" placeholder=\"e.g. After School Program\" required\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n\n                \u003c!-- SECTION 2: Program Experience --\u003e\n                \u003cdiv class=\"section\"\u003e\n                    \u003cdiv class=\"section-header\"\u003e\n                        \u003cdiv class=\"section-number\"\u003e2\u003c/div\u003e\n                        \u003cdiv class=\"section-title\"\u003eProgram Experience\u003c/div\u003e\n                    \u003c/div\u003e\n\n                    \u003cdiv class=\"info-box\"\u003e\n                        Please rate your experience in each area. \u003cstrong\u003eClick the stars to rate from 1 to 5.\u003c/strong\u003e\n                    \u003c/div\u003e\n\n                    \u003cdiv class=\"form-group\"\u003e\n                        \u003clabel\u003eOverall Satisfaction \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n                        \u003cdiv class=\"star-rating\"\u003e\n                            \u003cdiv class=\"stars\" data-field=\"overallExperience\"\u003e\n                                \u003cspan class=\"star\" data-value=\"1\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"2\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"3\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"4\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"5\"\u003e\u0026#9733;\u003c/span\u003e\n                        \u003c/div\u003e\n                        \u003cdiv class=\"star-value\" id=\"overallExperience-value\"\u003e-\u003c/div\u003e\n                    \u003c/div\u003e\n                    \u003cinput type=\"hidden\" id=\"overallExperience\" name=\"overallExperience\" required\u003e\n                \u003c/div\u003e\n\n                    \u003cdiv class=\"form-group\"\u003e\n                        \u003clabel\u003eInstructor Quality \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n                        \u003cdiv class=\"star-rating\"\u003e\n                            \u003cdiv class=\"stars\" data-field=\"instructorQuality\"\u003e\n                                \u003cspan class=\"star\" data-value=\"1\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"2\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"3\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"4\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"5\"\u003e\u0026#9733;\u003c/span\u003e\n                        \u003c/div\u003e\n                        \u003cdiv class=\"star-value\" id=\"instructorQuality-value\"\u003e-\u003c/div\u003e\n                    \u003c/div\u003e\n                    \u003cinput type=\"hidden\" id=\"instructorQuality\" name=\"instructorQuality\" required\u003e\n                \u003c/div\u003e\n\n                    \u003cdiv class=\"form-group\"\u003e\n                        \u003clabel\u003eStudent Engagement \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n                        \u003cdiv class=\"star-rating\"\u003e\n                            \u003cdiv class=\"stars\" data-field=\"studentEngagement\"\u003e\n                                \u003cspan class=\"star\" data-value=\"1\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"2\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"3\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"4\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"5\"\u003e\u0026#9733;\u003c/span\u003e\n                        \u003c/div\u003e\n                        \u003cdiv class=\"star-value\" id=\"studentEngagement-value\"\u003e-\u003c/div\u003e\n                    \u003c/div\u003e\n                    \u003cinput type=\"hidden\" id=\"studentEngagement\" name=\"studentEngagement\" required\u003e\n                \u003c/div\u003e\n\n                    \u003cdiv class=\"form-group\"\u003e\n                        \u003clabel\u003eCommunication and Logistics \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n                        \u003cdiv class=\"star-rating\"\u003e\n                            \u003cdiv class=\"stars\" data-field=\"communication\"\u003e\n                                \u003cspan class=\"star\" data-value=\"1\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"2\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"3\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"4\"\u003e\u0026#9733;\u003c/span\u003e\u003cspan class=\"star\" data-value=\"5\"\u003e\u0026#9733;\u003c/span\u003e\n                        \u003c/div\u003e\n                        \u003cdiv class=\"star-value\" id=\"communication-value\"\u003e-\u003c/div\u003e\n                    \u003c/div\u003e\n                    \u003cinput type=\"hidden\" id=\"communication\" name=\"communication\" required\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n\n            \u003c!-- SECTION 3: In Your Words --\u003e\n            \u003cdiv class=\"section\"\u003e\n                \u003cdiv class=\"section-header\"\u003e\n                    \u003cdiv class=\"section-number\"\u003e3\u003c/div\u003e\n                    \u003cdiv class=\"section-title\"\u003eIn Your Words\u003c/div\u003e\n            \u003c/div\u003e\n\n            \u003cdiv class=\"info-box\"\u003e\n                These answers mean the most to us. Specific examples help other schools understand what Tinker Sparks is really like.\n            \u003c/div\u003e\n\n            \u003cdiv class=\"form-group textarea-group\"\u003e\n                \u003clabel for=\"whatWentWell\"\u003eWhat went well?\u003c/label\u003e\n                \u003ctextarea id=\"whatWentWell\" name=\"whatWentWell\" placeholder=\"The instructors were...\"\u003e\u003c/textarea\u003e\n            \u003c/div\u003e\n\n            \u003cdiv class=\"form-group textarea-group\"\u003e\n                \u003clabel for=\"whatCouldImprove\"\u003eWhat could we do better?\u003c/label\u003e\n                \u003ctextarea id=\"whatCouldImprove\" name=\"whatCouldImprove\" placeholder=\"We read every word. Honest feedback helps us improve.\"\u003e\u003c/textarea\u003e\n            \u003c/div\u003e\n\n            \u003cdiv class=\"form-group textarea-group\"\u003e\n                \u003clabel for=\"tellASchool\"\u003eWhat would you tell another school considering Tinker Sparks? \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n                \u003cp class=\"hint\"\u003eImagine another principal or coordinator asks you about us. What would you say?\u003c/p\u003e\n                \u003ctextarea id=\"tellASchool\" name=\"tellASchool\" placeholder=\"I would tell them...\" required\u003e\u003c/textarea\u003e\n            \u003c/div\u003e\n\n            \u003cdiv class=\"form-group\"\u003e\n                \u003clabel\u003eWould you recommend Tinker Sparks to another school? \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n                \u003cdiv style=\"margin-top:12px;\"\u003e\n                    \u003cdiv class=\"checkbox-item\" style=\"margin-bottom:8px;\"\u003e\n                        \u003cinput type=\"radio\" id=\"recommend-yes\" name=\"recommend\" value=\"Yes\" required\u003e\n                        \u003clabel for=\"recommend-yes\"\u003eYes\u003c/label\u003e\n                    \u003c/div\u003e\n                    \u003cdiv class=\"checkbox-item\" style=\"margin-bottom:8px;\"\u003e\n                        \u003cinput type=\"radio\" id=\"recommend-maybe\" name=\"recommend\" value=\"Maybe\" required\u003e\n                        \u003clabel for=\"recommend-maybe\"\u003eMaybe\u003c/label\u003e\n                    \u003c/div\u003e\n                    \u003cdiv class=\"checkbox-item\"\u003e\n                        \u003cinput type=\"radio\" id=\"recommend-no\" name=\"recommend\" value=\"No\" required\u003e\n                        \u003clabel for=\"recommend-no\"\u003eNo\u003c/label\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n\n            \u003cdiv class=\"consent-box\"\u003e\n                \u003cdiv class=\"checkbox-item\"\u003e\n                    \u003cinput type=\"checkbox\" id=\"publishConsent\" name=\"publishConsent\" value=\"yes\"\u003e\n                    \u003clabel for=\"publishConsent\"\u003e\u003cstrong\u003eYou may share my words.\u003c/strong\u003e Tinker Sparks may quote my answers on its website and social media, using my name, role, and school name. No student names will ever be shared.\u003c/label\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003c!-- SECTION 4: Looking Ahead --\u003e\n        \u003cdiv class=\"section\"\u003e\n            \u003cdiv class=\"section-header\"\u003e\n                \u003cdiv class=\"section-number\"\u003e4\u003c/div\u003e\n                \u003cdiv class=\"section-title\"\u003eLooking Ahead\u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"form-group\"\u003e\n            \u003clabel\u003eAre you interested in continuing or expanding this partnership? \u003cspan class=\"required\"\u003e*\u003c/span\u003e\u003c/label\u003e\n            \u003cdiv style=\"margin-top:12px;\"\u003e\n                \u003cdiv class=\"checkbox-item\" style=\"margin-bottom:8px;\"\u003e\n                    \u003cinput type=\"radio\" id=\"interest-yes\" name=\"futureInterest\" value=\"Yes, continue as is\" required\u003e\n                    \u003clabel for=\"interest-yes\"\u003eYes, continue as is\u003c/label\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"checkbox-item\" style=\"margin-bottom:8px;\"\u003e\n                    \u003cinput type=\"radio\" id=\"interest-expand\" name=\"futureInterest\" value=\"Yes, expand the partnership\" required\u003e\n                    \u003clabel for=\"interest-expand\"\u003eYes, we would like to expand it\u003c/label\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"checkbox-item\" style=\"margin-bottom:8px;\"\u003e\n                    \u003cinput type=\"radio\" id=\"interest-maybe\" name=\"futureInterest\" value=\"Maybe, tell me more\" required\u003e\n                    \u003clabel for=\"interest-maybe\"\u003eMaybe, tell me more\u003c/label\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"checkbox-item\"\u003e\n                    \u003cinput type=\"radio\" id=\"interest-no\" name=\"futureInterest\" value=\"Not at this time\" required\u003e\n                    \u003clabel for=\"interest-no\"\u003eNot at this time\u003c/label\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"form-group textarea-group\"\u003e\n            \u003clabel for=\"additionalComments\"\u003eAnything else we should know?\u003c/label\u003e\n            \u003ctextarea id=\"additionalComments\" name=\"additionalComments\" placeholder=\"Scheduling, space, pricing, or anything else on your mind.\"\u003e\u003c/textarea\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003cdiv class=\"button-group\"\u003e\n        \u003cbutton type=\"submit\" class=\"btn btn-submit\" id=\"submitBtn\"\u003eSubmit Feedback\u003c/button\u003e\n        \u003cbutton type=\"reset\" class=\"btn btn-reset\"\u003eClear Form\u003c/button\u003e\n    \u003c/div\u003e\n    \u003c/form\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"footer\"\u003e\n    \u003cp\u003eTinker Sparks \u0026middot; Robotics, Coding, AI, and Strategy for Kids Ages 5 to 13\u003cbr\u003e\n    Building future innovators, one project at a time.\u003cbr\u003e\n    \u003ca href=\"mailto:info@tinkersparks.com\" style=\"color:var(--blue); text-decoration:none;\"\u003einfo@tinkersparks.com\u003c/a\u003e \u0026middot; +1 512 761 8208 \u0026middot; \u003ca href=\"https://www.tinkersparks.com\" style=\"color:var(--blue); text-decoration:none;\"\u003ewww.tinkersparks.com\u003c/a\u003e\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\u003cscript\u003e\n    // Star rating\n    document.querySelectorAll('.stars').forEach(starsContainer =\u003e {\n        const stars = starsContainer.querySelectorAll('.star');\n        const fieldName = starsContainer.dataset.field;\n        const hiddenInput = document.getElementById(fieldName);\n        const valueDisplay = document.getElementById(fieldName + '-value');\n        stars.forEach(star =\u003e {\n            star.addEventListener('click', () =\u003e {\n                hiddenInput.value = star.dataset.value;\n                valueDisplay.textContent = star.dataset.value + ' / 5';\n                updateStarDisplay(stars, star.dataset.value);\n            });\n            star.addEventListener('mouseover', () =\u003e updateStarDisplay(stars, star.dataset.value, true));\n        });\n        starsContainer.addEventListener('mouseout', () =\u003e {\n            const value = hiddenInput.value;\n            if (value) { updateStarDisplay(stars, value); } else { stars.forEach(s =\u003e s.classList.remove('active','hover')); }\n        });\n    });\n    function updateStarDisplay(stars, value, hover = false) {\n        stars.forEach(star =\u003e {\n            if (star.dataset.value \u003c= value) {\n                star.classList.toggle('hover', hover);\n                star.classList.toggle('active', !hover);\n            } else { star.classList.remove('active','hover'); }\n        });\n    }\n\n    // Submit to the Tinker Sparks relay (Google Sheets pipeline)\n    var TS_RELAY = 'https://script.google.com/macros/s/AKfycbzvz3_q_5HK-Dk3peTvf1w6edRZlkYgt2ZKM4sYSCzTJzSUIp0npdOk1RSaLjmNpCu8/exec';\n\n    function tsReadableMailtoFallback(subjectPrefix, payload) {\n        var lines = [];\n        Object.keys(payload).forEach(function(k){ lines.push(k + ': ' + payload[k]); });\n        var body = lines.join('\\n');\n        window.location.href = 'mailto:info@tinkersparks.com?subject=' + encodeURIComponent(subjectPrefix + ' ' + (payload.school || payload.parent_name || '')) + '\u0026body=' + encodeURIComponent(body);\n    }\n\n    function tsSubmitWithRetry(url, payload, onDone, onFail, attemptsLeft) {\n        if (attemptsLeft === undefined) attemptsLeft = 2;\n        fetch(url, { method:'POST', mode:'no-cors', headers:{'Content-Type':'text/plain;charset=utf-8'}, body: JSON.stringify(payload) })\n            .then(onDone)\n            .catch(function(err){\n                if (attemptsLeft \u003e 0) {\n                    setTimeout(function(){ tsSubmitWithRetry(url, payload, onDone, onFail, attemptsLeft - 1); }, 800);\n                } else {\n                    onFail(err);\n                }\n            });\n    }\n\n    document.getElementById('schoolFeedbackForm').addEventListener('submit', function(e) {\n        e.preventDefault();\n        if (!document.getElementById('overallExperience').value || !document.getElementById('instructorQuality').value ||\n            !document.getElementById('studentEngagement').value || !document.getElementById('communication').value) {\n            alert('Please rate all four experience areas before submitting.');\n            return;\n        }\n        const fd = new FormData(this);\n        const payload = {\n            lead_type: 'school_feedback',\n            timestamp: new Date().toLocaleString('en-US', { timeZone: 'America/Chicago' }),\n            parent_name: fd.get('contactName') || '',\n            email: fd.get('contactEmail') || '',\n            school: fd.get('schoolName') || '',\n            contact_role: fd.get('contactRole') || '',\n            phone: fd.get('contactPhone') || '',\n            program_type: fd.get('programType') || '',\n            rating_overall: fd.get('overallExperience') || '',\n            rating_instructor: fd.get('instructorQuality') || '',\n            rating_engagement: fd.get('studentEngagement') || '',\n            rating_communication: fd.get('communication') || '',\n            what_went_well: fd.get('whatWentWell') || '',\n            what_could_improve: fd.get('whatCouldImprove') || '',\n            tell_a_school: fd.get('tellASchool') || '',\n            would_recommend: fd.get('recommend') || '',\n            publish_consent: fd.get('publishConsent') ? 'Yes' : 'No',\n            future_interest: fd.get('futureInterest') || '',\n            comments: fd.get('additionalComments') || '',\n            source: 'school_feedback_form'\n        };\n        const btn = document.getElementById('submitBtn');\n        btn.disabled = true; btn.textContent = 'Submitting...';\n        const done = () =\u003e {\n            document.getElementById('successMessage').classList.add('show');\n            document.getElementById('successMessage').scrollIntoView({ behavior:'smooth' });\n            btn.textContent = 'Feedback Sent';\n        };\n        const fail = () =\u003e {\n            btn.disabled = false; btn.textContent = 'Submit Feedback';\n            tsReadableMailtoFallback('School Feedback (delivery failed) from', payload);\n        };\n        try {\n            tsSubmitWithRetry(TS_RELAY, payload, done, fail);\n        } catch(err) { fail(); }\n    });\n\u003c/script\u003e\n\u003c!-- Cookie Notice (default collection) - Tinker Sparks --\u003e\n\u003cstyle\u003e\n#ts-cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#0d1f3c;color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:99999;font-family:'DM Sans',sans-serif;font-size:13px;flex-wrap:wrap;box-shadow:0 -4px 24px rgba(0,0,0,0.3);}\n#ts-cookie-banner a{color:#FBBC05;text-decoration:underline;}\n#ts-cookie-banner .ts-cookie-btns{display:flex;gap:10px;flex-shrink:0;}\n#ts-cookie-banner button{padding:9px 20px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;}\n#ts-cookie-accept{background:#34A853;color:white;}\n#ts-cookie-essential{background:transparent;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.3)!important;}\n\u003c/style\u003e\n\u003cscript\u003e\n(function(){var GA='G-74PFM49WMG';\nfunction loadGA(){if(window._gaLoaded)return;window._gaLoaded=true;var s=document.createElement('script');s.async=true;s.src='https://www.googletagmanager.com/gtag/js?id='+GA;document.head.appendChild(s);window.dataLayer=window.dataLayer||[];window.gtag=function(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config',GA);}\nvar c=localStorage.getItem('ts_cookie_consent');\nif(c==='essential'){window['ga-disable-'+GA]=true;}else{loadGA();}\nfunction showBanner(){if(localStorage.getItem('ts_cookie_consent'))return;var b=document.createElement('div');b.id='ts-cookie-banner';b.innerHTML='\u003cdiv\u003e\u003cstrong style=\"color:#FBBC05\"\u003eWe use cookies\u003c/strong\u003e\u003cspan style=\"color:rgba(255,255,255,0.7)\"\u003e to understand how visitors use our site and improve your experience. See our \u003ca href=\"/privacy.html\"\u003ePrivacy Policy\u003c/a\u003e.\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"ts-cookie-btns\"\u003e\u003cbutton id=\"ts-cookie-essential\"\u003eKeep essential\u003c/button\u003e\u003cbutton id=\"ts-cookie-accept\"\u003eAccept all\u003c/button\u003e\u003c/div\u003e';document.body.appendChild(b);document.getElementById('ts-cookie-accept').onclick=function(){localStorage.setItem('ts_cookie_consent','all');b.style.display='none';};document.getElementById('ts-cookie-essential').onclick=function(){localStorage.setItem('ts_cookie_consent','essential');window['ga-disable-'+GA]=true;b.style.display='none';};}\nif(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',showBanner);}else{showBanner();}\n})();\n\u003c/script\u003e\n\n\u003c!-- TikTok Pixel (consent gated) - Tinker Sparks --\u003e\n\u003cscript\u003e\n(function(){\n  if(localStorage.getItem('ts_cookie_consent')==='essential') return;\n  !function (w, d, t) {\n    w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=[\"page\",\"track\",\"identify\",\"instances\",\"debug\",\"on\",\"off\",\"once\",\"ready\",\"alias\",\"group\",\"enableCookie\",\"disableCookie\",\"holdConsent\",\"revokeConsent\",\"grantConsent\"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i\u003cttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n\u003cttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r=\"https://analytics.tiktok.com/i18n/pixel/events.js\",o=n\u0026\u0026n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement(\"script\");n.type=\"text/javascript\",n.async=!0,n.src=r+\"?sdkid=\"+e+\"\u0026lib=\"+t;e=document.getElementsByTagName(\"script\")[0];e.parentNode.insertBefore(n,e)};\n    ttq.load('D9LDD43C77U59KIVTNEG');\n    ttq.page();\n  }(window, document, 'ttq');\n})();\n\u003c/script\u003e\n\n\n\u003c/body\u003e\n\u003c/html\u003e\n","link":""}