\n \n

Discover Your Career Strengths

This quiz will help you identify your natural talents and suggest career paths that match your strengths.

Designed specifically for students in Cameroon

\n \n

\n\n \n

Question 1/10

Question text will appear here

\n \n

\n\n \n

Your Career Strengths

\n \n

Recommended Career Paths

\n \n

\n\n \n\n \n\n",[],[171],{"_107":179,"_98":180,"_151":181,"_153":-5,"_154":138,"_155":182,"_157":27,"_109":183,"_103":31,"_160":184,"_162":185,"_164":27,"_165":-5,"_166":186,"_101":187},"90e8d658-335f-11f0-8a76-9e149126039e","index.ts","90e8d702-335f-11f0-8a76-9e149126039e",2,["D",1747514599454],"script","import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n \n // Serve the quiz questions JSON\n if (path === \"/quiz-data.json\") {\n const quizData = await readFile(\"/career_quiz_questions.json\", import.meta.url);\n return new Response(quizData, {\n headers: {\n \"Content-Type\": \"application/json\",\n \"Cache-Control\": \"no-cache\"\n }\n });\n }\n \n // Serve CSS\n if (path === \"/styles.css\") {\n const css = await readFile(\"/styles.css\", import.meta.url);\n return new Response(css, {\n headers: {\n \"Content-Type\": \"text/css\",\n \"Cache-Control\": \"max-age=3600\"\n }\n });\n }\n \n // Serve JavaScript\n if (path === \"/script.js\") {\n const js = await readFile(\"/script.js\", import.meta.url);\n return new Response(js, {\n headers: {\n \"Content-Type\": \"text/javascript\",\n \"Cache-Control\": \"max-age=3600\"\n }\n });\n }\n \n // Default: serve the HTML\n const html = await readFile(\"/index.html\", import.meta.url);\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-cache\"\n }\n });\n}",[],[180],{"_107":189,"_98":102,"_151":190,"_153":-5,"_154":138,"_155":104,"_157":158,"_109":191,"_103":31,"_160":161,"_162":192,"_164":27,"_165":-5,"_166":193,"_101":194},"a59a6080-335f-11f0-a0a6-9e149126039e","a59a6116-335f-11f0-a0a6-9e149126039e",["D",1747514634172],":root {\n --primary-color: #1e7e34;\n --secondary-color: #ffc107;\n --text-color: #333;\n --light-bg: #f8f9fa;\n --border-radius: 8px;\n --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n --transition: all 0.3s ease;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Poppins', sans-serif;\n background-color: #f0f2f5;\n color: var(--text-color);\n line-height: 1.6;\n padding: 0;\n margin: 0;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n}\n\n.app-container {\n flex: 1;\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n width: 100%;\n}\n\n.screen {\n display: none;\n animation: fadeIn 0.5s ease;\n}\n\n.screen.active {\n display: block;\n}\n\n.content-box {\n background-color: white;\n border-radius: var(--border-radius);\n padding: 25px;\n box-shadow: var(--box-shadow);\n margin-bottom: 20px;\n}\n\nh1 {\n color: var(--primary-color);\n margin-bottom: 20px;\n font-size: 1.8rem;\n text-align: center;\n}\n\nh2 {\n font-size: 1.3rem;\n margin-bottom: 15px;\n color: var(--text-color);\n}\n\np {\n margin-bottom: 15px;\n}\n\n.subtitle {\n color: #666;\n font-style: italic;\n text-align: center;\n margin-bottom: 25px;\n}\n\n.primary-btn {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: var(--border-radius);\n cursor: pointer;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n margin: 20px auto 0;\n transition: var(--transition);\n width: 100%;\n max-width: 250px;\n}\n\n.primary-btn:hover {\n background-color: #156829;\n transform: translateY(-2px);\n}\n\n.progress-container {\n height: 8px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin-bottom: 15px;\n overflow: hidden;\n}\n\n#progress-bar {\n height: 100%;\n background-color: var(--primary-color);\n width: 10%;\n transition: width 0.3s ease;\n}\n\n#question-number {\n font-size: 0.9rem;\n color: #666;\n margin-bottom: 10px;\n}\n\n#options-container {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 20px;\n}\n\n.option {\n background-color: var(--light-bg);\n border: 1px solid #ddd;\n border-radius: var(--border-radius);\n padding: 15px;\n cursor: pointer;\n transition: var(--transition);\n}\n\n.option:hover {\n background-color: #e9ecef;\n transform: translateY(-2px);\n}\n\n.option.selected {\n background-color: var(--primary-color);\n color: white;\n border-color: var(--primary-color);\n}\n\n#results-container {\n margin-bottom: 30px;\n}\n\n.strength-item {\n margin-bottom: 15px;\n padding-bottom: 15px;\n border-bottom: 1px solid #eee;\n}\n\n.strength-name {\n font-weight: 600;\n color: var(--primary-color);\n margin-bottom: 5px;\n}\n\n.strength-description {\n font-size: 0.95rem;\n}\n\n.career-item {\n background-color: var(--light-bg);\n padding: 15px;\n border-radius: var(--border-radius);\n margin-bottom: 10px;\n}\n\n.career-title {\n font-weight: 600;\n margin-bottom: 5px;\n}\n\n.career-description {\n font-size: 0.9rem;\n}\n\nfooter {\n text-align: center;\n padding: 20px;\n background-color: #f8f9fa;\n margin-top: auto;\n}\n\nfooter p {\n margin-bottom: 5px;\n}\n\n.small {\n font-size: 0.8rem;\n color: #666;\n}\n\n/* Animations */\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n/* Media Queries for Responsiveness */\n@media (max-width: 480px) {\n .app-container {\n padding: 15px;\n }\n \n .content-box {\n padding: 20px;\n }\n \n h1 {\n font-size: 1.5rem;\n }\n \n h2 {\n font-size: 1.2rem;\n }\n}",[],[102],"files",[148,169,178,188],"counts",{"_199":31,"_200":156,"_201":31,"_202":31},"pulls","branches","forks","envVars","contents",[],{"_107":189,"_98":102,"_151":190,"_153":-5,"_154":138,"_155":104,"_157":158,"_109":206,"_103":31,"_160":161,"_162":192,"_164":27,"_165":-5,"_101":207},["D",1747514634172],[102],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_96":97,"_98":99,"_100":42,"_103":104,"_101":102,"_105":214,"_146":218,"_195":231,"_161":232,"_203":234,"_235":-5,"_236":27,"_237":-5,"_238":-5,"_239":-5,"_240":241},{"_107":108,"_98":99,"_109":215,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":-5,"_119":27,"_120":-5,"_121":31,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":27,"_21":216,"_135":217},["D",1747514433363],{"_96":97,"_133":134},{"_103":137,"_98":42,"_107":138,"_139":108,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":99,"_145":97},[219,222,225,228],{"_107":149,"_98":150,"_151":152,"_153":-5,"_154":138,"_155":156,"_157":158,"_109":159,"_103":31,"_160":161,"_162":163,"_164":27,"_165":-5,"_166":220,"_101":221},[],[150],{"_107":170,"_98":171,"_151":172,"_153":-5,"_154":138,"_155":173,"_157":158,"_109":174,"_103":31,"_160":161,"_162":175,"_164":27,"_165":-5,"_166":223,"_101":224},[],[171],{"_107":179,"_98":180,"_151":181,"_153":-5,"_154":138,"_155":182,"_157":27,"_109":183,"_103":31,"_160":184,"_162":185,"_164":27,"_165":-5,"_166":226,"_101":227},[],[180],{"_107":189,"_98":102,"_151":190,"_153":-5,"_154":138,"_155":104,"_157":158,"_109":191,"_103":31,"_160":161,"_162":192,"_164":27,"_165":-5,"_166":229,"_101":230},[],[102],[219,222,225,228],{"_107":189,"_98":102,"_151":190,"_153":-5,"_154":138,"_155":104,"_157":158,"_109":206,"_103":31,"_160":161,"_162":192,"_164":27,"_165":-5,"_101":233},[102],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]