Find Your Training Style

\n \n \n \n\n","label",[155,64],"frontend","pulls","branches",1,"forks","envVars",{"_164":26,"_166":26},"connections",{"_164":26,"_165":26},"count","unfilledCount","emptyCount",{"_32":209,"_13":155,"_62":147,"_42":-5,"_34":35,"_148":210,"_149":84,"_36":211,"_38":26,"_65":212,"_151":-5,"_66":24,"_153":-5,"_179":213,"_17":214},{"_32":202,"_13":203,"_62":204,"_42":147,"_34":35,"_148":110,"_149":84,"_36":205,"_38":26,"_65":195,"_151":206,"_66":24,"_153":-5,"_179":207,"_17":208},{"_32":146,"_13":64,"_62":63,"_42":147,"_34":35,"_148":39,"_149":84,"_36":199,"_38":26,"_65":21,"_151":152,"_66":24,"_153":-5,"_179":200,"_17":201},{"_32":190,"_13":191,"_62":192,"_42":147,"_34":35,"_148":193,"_149":84,"_36":194,"_38":26,"_65":195,"_151":196,"_66":24,"_153":-5,"_179":197,"_17":198},{"_32":182,"_13":183,"_62":184,"_42":147,"_34":35,"_148":185,"_149":84,"_36":186,"_38":26,"_65":21,"_151":187,"_66":24,"_153":-5,"_179":188,"_17":189},{"_32":173,"_13":174,"_62":82,"_42":-5,"_34":35,"_148":175,"_149":84,"_36":176,"_38":158,"_65":177,"_151":178,"_66":24,"_153":-5,"_179":180,"_17":181},"d9f2d742-549f-11f1-9a79-ee650bb23af1","main.ts",12,["D",1779318095816],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[174],"f0522a24-549f-11f1-8f98-ee650bb23af1","styles.css","f0522b00-549f-11f1-8f98-ee650bb23af1",16,["D",1779318133355],"* { box-sizing: border-box; margin: 0; padding: 0; }\n\n.card {\n background: #fff;\n border: 2px solid #111;\n width: 100%;\n max-width: 560px;\n overflow: hidden;\n box-shadow: 6px 6px 0px #111;\n}\n\n.red-band {\n background: #d0021b;\n padding: 12px 28px;\n}\n\n.band-label {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 600;\n font-size: 11px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.75);\n}\n\n.big-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 68px;\n line-height: 0.9;\n color: #111;\n letter-spacing: 0.02em;\n}\n\n.big-title .accent { color: #d0021b; }\n\n.body-text {\n font-size: 15px;\n line-height: 1.65;\n color: #555;\n}\n\n.btn-primary {\n background: #d0021b;\n color: #fff;\n border: 2px solid #111;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 17px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n padding: 14px 36px;\n cursor: pointer;\n box-shadow: 4px 4px 0 #111;\n transition: transform 0.1s, box-shadow 0.1s;\n display: inline-block;\n}\n.btn-primary:hover {\n transform: translate(-2px, -2px);\n box-shadow: 6px 6px 0 #111;\n}\n.btn-primary:active {\n transform: translate(2px, 2px);\n box-shadow: 2px 2px 0 #111;\n}\n\n.option-btn {\n width: 100%;\n background: #fff;\n border: 2px solid #ddd;\n padding: 14px 18px;\n cursor: pointer;\n display: flex;\n align-items: flex-start;\n gap: 14px;\n text-align: left;\n transition: all 0.15s;\n margin-bottom: 10px;\n}\n.option-btn:hover {\n border-color: #d0021b;\n background: #fff5f5;\n transform: translateX(4px);\n}\n.option-btn.selected {\n border-color: #d0021b;\n background: #d0021b;\n}\n.option-btn.selected .opt-label { color: #fff; }\n.option-btn.selected .opt-desc { color: rgba(255,255,255,0.8); }\n.option-btn.selected .opt-dot { background: #fff; border-color: #fff; }\n\n.opt-dot {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid #ccc;\n flex-shrink: 0;\n margin-top: 2px;\n transition: all 0.15s;\n}\n\n.opt-label {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: #111;\n display: block;\n margin-bottom: 2px;\n}\n\n.opt-desc {\n font-size: 13px;\n color: #888;\n display: block;\n}\n\n.progress-bar-track {\n height: 4px;\n background: #eee;\n width: 100%;\n}\n.progress-bar-fill {\n height: 100%;\n background: #d0021b;\n transition: width 0.4s ease;\n}\n\n.q-counter {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.75);\n}\n\n.q-text {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 26px;\n color: #111;\n line-height: 1.2;\n letter-spacing: 0.02em;\n margin-bottom: 20px;\n margin-top: 6px;\n}\n\n.result-type {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 56px;\n line-height: 0.95;\n color: #111;\n letter-spacing: 0.02em;\n}\n\n.result-tagline {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 600;\n font-size: 16px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #d0021b;\n margin-bottom: 4px;\n}\n\n.tip-box {\n background: #f7f7f5;\n border-left: 4px solid #d0021b;\n padding: 16px 18px;\n margin: 16px 0;\n}\n\n.tip-label {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 11px;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #d0021b;\n margin-bottom: 8px;\n display: block;\n}\n\n.focus-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 14px;\n}\n\n.focus-tag {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 600;\n font-size: 12px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 5px 14px;\n border: 1.5px solid #d0021b;\n color: #d0021b;\n}\n\n.footer-strip {\n background: #111;\n padding: 12px 28px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.footer-handle {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 600;\n font-size: 13px;\n letter-spacing: 0.15em;\n color: #d0021b;\n text-transform: uppercase;\n}\n.footer-loc {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px;\n letter-spacing: 0.1em;\n color: rgba(255,255,255,0.45);\n text-transform: uppercase;\n}\n\n@keyframes fadeSlide {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n.fade-in { animation: fadeSlide 0.35s ease both; }\n",[],[155,183],"e151f16c-549f-11f1-8614-ee650bb23af1","index.tsx","e151f220-549f-11f1-8614-ee650bb23af1",15,["D",1779318108190],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\ncreateRoot(root).render();\n",[],[155,191],["D",1779318104520],[],[155,64],"0dec3480-54a0-11f1-a41d-ee650bb23af1","App.tsx","0dec357a-54a0-11f1-a41d-ee650bb23af1",["D",1779318183018],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst questions = [\n {\n id: 1,\n question: \"Pick the player you relate to most:\",\n options: [\n { label: \"The Technician\", desc: \"Always juggling, obsessed with first touch\", value: \"technical\" },\n { label: \"The Engine\", desc: \"Runs all day, never stops pressing\", value: \"athletic\" },\n { label: \"The Playmaker\", desc: \"Sees passes nobody else does\", value: \"tactical\" },\n { label: \"The Finisher\", desc: \"Only cares about putting it in the net\", value: \"finishing\" },\n ],\n },\n {\n id: 2,\n question: \"Your team loses 3\\u20130. What do you think about on the bus home?\",\n options: [\n { label: \"My touches were sloppy\", desc: \"I kept giving it away under pressure\", value: \"technical\" },\n { label: \"I ran out of gas\", desc: \"Faded badly in the second half\", value: \"athletic\" },\n { label: \"We had no structure\", desc: \"Nobody was in the right positions\", value: \"tactical\" },\n { label: \"I missed two big chances\", desc: \"Should have scored at least one\", value: \"finishing\" },\n ],\n },\n {\n id: 3,\n question: \"Best part of practice?\",\n options: [\n { label: \"Rondo / passing drills\", desc: \"Love the rhythm of quick combinations\", value: \"technical\" },\n { label: \"Fitness & pressing drills\", desc: \"Push yourself until it burns\", value: \"athletic\" },\n { label: \"Tactical shape sessions\", desc: \"Understanding the system\", value: \"tactical\" },\n { label: \"Shooting & finishing\", desc: \"Nothing beats hitting the back of the net\", value: \"finishing\" },\n ],\n },\n {\n id: 4,\n question: \"A coach gives you 30 minutes of extra field time. You work on:\",\n options: [\n { label: \"Ball control & dribbling\", desc: \"Tight touches in small spaces\", value: \"technical\" },\n { label: \"Sprint intervals\", desc: \"Faster, stronger, harder to beat\", value: \"athletic\" },\n { label: \"Movement & positioning\", desc: \"Practising runs off the ball\", value: \"tactical\" },\n { label: \"Finishing angles\", desc: \"One side, then the other, over and over\", value: \"finishing\" },\n ],\n },\n {\n id: 5,\n question: \"Your dream assist would be:\",\n options: [\n { label: \"A no-look flick\", desc: \"Pure technique, impossible touch\", value: \"technical\" },\n { label: \"An overlapping run\", desc: \"Beat the defender with sheer pace\", value: \"athletic\" },\n { label: \"A perfectly timed through ball\", desc: \"Reading the run before it happens\", value: \"tactical\" },\n { label: \"A cutback from the byline\", desc: \"Set up the striker on a plate\", value: \"finishing\" },\n ],\n },\n];\n\nconst results: Record = {\n technical: {\n type: \"The Technician\",\n emoji: \"\\uD83C\\uDFAF\",\n tagline: \"Your game is built on touch.\",\n tip: \"Focus your sessions on receiving under pressure \\u2014 specifically two-touch rondos, receiving across your body, and 1v1 dribbling in tight corridors. Your biggest leap will come from making your second touch as automatic as your first. At RS Footy Lab, we build the kind of close control that holds up when the game speeds up.\",\n focus: [\"First Touch\", \"Dribbling\", \"Tight Spaces\", \"Ball Mastery\"],\n },\n athletic: {\n type: \"The Engine\",\n emoji: \"\\u26A1\",\n tagline: \"Your engine is your weapon.\",\n tip: \"Channel that work rate into explosive short-burst training \\u2014 5\\u201315m acceleration drills, repeated sprint recovery, and transition pressing. You already have the mentality. The next step is teaching your body to recover faster between sprints so you can dominate the full 90. At RS Footy Lab, we pair your fitness with the technical tools to make every run count.\",\n focus: [\"Explosive Pace\", \"Pressing\", \"Transitions\", \"Recovery Runs\"],\n },\n tactical: {\n type: \"The Playmaker\",\n emoji: \"\\uD83E\\uDDE0\",\n tagline: \"You see the game differently.\",\n tip: \"Work on scanning before you receive \\u2014 know your options before the ball arrives. Practice positional shadow play, third-man combinations, and switching the point of attack. The gap between a good playmaker and a great one is decision speed. At RS Footy Lab, we slow the game down in training so you can speed it up on matchday.\",\n focus: [\"Scanning\", \"Decision Speed\", \"Combinations\", \"Positioning\"],\n },\n finishing: {\n type: \"The Finisher\",\n emoji: \"\\uD83D\\uDD25\",\n tagline: \"You live for the moment.\",\n tip: \"Work on finishing from realistic game positions \\u2014 off a lay-off, after a turn, under a closing defender. Add weak foot finishing and near-post runs to your toolkit. Most strikers practice shooting from standing still; the best practice finishing while moving at pace. At RS Footy Lab, every finishing session is game-realistic from the first rep.\",\n focus: [\"Weak Foot\", \"Movement\", \"1v1 vs GK\", \"Finishing Angles\"],\n },\n};\n\nfunction tally(answers: string[]) {\n const counts: Record = { technical: 0, athletic: 0, tactical: 0, finishing: 0 };\n answers.forEach((a) => counts[a]++);\n return Object.entries(counts).sort((a, b) => b[1] - a[1])[0][0];\n}\n\nexport default function App() {\n const [screen, setScreen] = useState<\"intro\" | \"quiz\" | \"result\">(\"intro\");\n const [current, setCurrent] = useState(0);\n const [answers, setAnswers] = useState([]);\n const [selected, setSelected] = useState(null);\n const [animating, setAnimating] = useState(false);\n const [resultKey, setResultKey] = useState(null);\n\n function startQuiz() {\n setScreen(\"quiz\");\n setCurrent(0);\n setAnswers([]);\n setSelected(null);\n }\n\n function handleSelect(value: string) {\n if (animating) return;\n setSelected(value);\n setAnimating(true);\n setTimeout(() => {\n const newAnswers = [...answers, value];\n if (current + 1 >= questions.length) {\n const winner = tally(newAnswers);\n setResultKey(winner);\n setScreen(\"result\");\n } else {\n setCurrent(current + 1);\n setSelected(null);\n }\n setAnimating(false);\n }, 420);\n }\n\n function reset() {\n setScreen(\"intro\");\n setCurrent(0);\n setAnswers([]);\n setSelected(null);\n setResultKey(null);\n }\n\n const progress = (current / questions.length) * 100;\n const result = resultKey ? results[resultKey] : null;\n\n return (\n

\n {/* INTRO */}\n {screen === \"intro\" && (\n

RS Footy Lab · Interactive Quiz

FIND YOUR
TRAINING
STYLE

\n 5 quick questions. Find out what type of player you are — and get a personalized training tip to take your game to the next level.\n

\n \n

@rsfootylab

Surrey, BC

\n )}\n\n {/* QUIZ */}\n {screen === \"quiz\" && (\n

RS Footy Lab · Find Your Style

Q{current + 1} of {questions.length}

{questions[current].question}

\n {questions[current].options.map((opt) => (\n handleSelect(opt.value)}\n >\n

\n {opt.label}\n {opt.desc}\n

\n \n ))}\n

@rsfootylab

Surrey, BC

\n )}\n\n {/* RESULT */}\n {screen === \"result\" && result && (\n

Your Result

{result.emoji}

{result.tagline}

{result.type}

\n {result.focus.map((f) => (\n {f}\n ))}\n

\n Your Training Tip from Coach Rohan\n

{result.tip}

\n \n

@rsfootylab

Surrey, BC

\n )}\n

\n );\n}\n",[],[155,203],"dbadcfe2-549f-11f1-ae23-ee650bb23af1",13,["D",1779318098725],"directory",[168,169,170,171],[155],["D",1779317695385],["D",1789509672838],{"_11":12,"_124":69},{"_11":12,"_119":120,"_68":69,"_30":67,"_121":122,"_123":24},{"_38":110,"_13":16,"_32":35,"_111":71,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"ctx",{"_52":-5,"_143":253,"_254":255,"_256":257,"_258":24,"_259":24,"_260":24,"_261":84,"_262":-5,"_263":-7,"_264":-7,"_265":26,"_266":24,"_267":24,"_268":-5,"_269":24,"_270":24,"_271":24,"_272":-5},"ENV",{"_224":225,"_226":227,"_228":16,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · index.html