${SCHOOL_CONFIG.name}

📚 Academic Sections

\n {ACADEMIC_SECTIONS.map((section, index) => (\n

setSelectedSection(selectedSection === index ? null : index)}\n >\n

{section.name}

{section.description}

\n {section.classes.map(cls => (\n {cls}\n ))}\n

\n \n {selectedSection === index && (\n

Subjects

\n {section.subjects && section.subjects.map(subject => (\n {subject}\n ))}\n

\n \n {section.optionalSubjects && (\n

Optional Subjects

\n {section.optionalSubjects.map(subject => (\n {subject}\n ))}\n

\n )}\n \n {section.streams && (\n

Academic Streams

\n {section.streams.map(stream => (\n

{stream.name}

\n {stream.subjects.map(subject => (\n {subject}\n ))}\n

\n ))}\n

\n )}\n

\n ))}\n

\n );\n}\n\n// Rest of the code remains unchanged from the previous version\n\n// Define the base CSS\nconst css = `\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f4f6f9;\n color: #333;\n}\n\n.school-website {\n max-width: 1200px;\n margin: 0 auto;\n background-color: white;\n min-height: 100vh;\n box-shadow: 0 0 20px rgba(0,0,0,0.1);\n}\n\nheader {\n background-color: #3498db;\n color: white;\n padding: 1rem;\n}\n\nheader nav {\n display: flex;\n justify-content: center;\n gap: 20px;\n}\n\nheader nav button {\n background: none;\n border: none;\n color: white;\n cursor: pointer;\n font-size: 1rem;\n transition: color 0.3s;\n}\n\nheader nav button:hover {\n color: #f1c40f;\n}\n\nmain {\n padding: 20px;\n}\n\n.hero-section {\n text-align: center;\n background-color: #f9f9f9;\n padding: 2rem;\n}\n\n.school-logo {\n max-width: 150px;\n border-radius: 50%;\n}\n\n.quick-info {\n display: flex;\n gap: 20px;\n justify-content: center;\n}\n\n.info-card {\n flex: 1;\n background-color: #f1f1f1;\n padding: 20px;\n border-radius: 10px;\n text-align: center;\n}\n\n.admissions-section form {\n display: flex;\n flex-direction: column;\n gap: 15px;\n max-width: 500px;\n margin: 0 auto;\n}\n\n.admissions-section input,\n.admissions-section select {\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 5px;\n}\n\n.admissions-section button {\n background-color: #2ecc71;\n color: white;\n border: none;\n padding: 10px;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.academics-section .academic-card {\n background-color: #f9f9f9;\n padding: 20px;\n margin-bottom: 15px;\n border-radius: 10px;\n}\n\n.class-badge {\n background-color: #3498db;\n color: white;\n padding: 5px 10px;\n margin-right: 10px;\n border-radius: 15px;\n}\n\n.faculty-grid {\n display: flex;\n gap: 20px;\n justify-content: center;\n}\n\n.faculty-card {\n text-align: center;\n background-color: #f1f1f1;\n padding: 20px;\n border-radius: 10px;\n}\n\n.faculty-card img {\n max-width: 200px;\n border-radius: 50%;\n}\n\n.contact-section {\n text-align: center;\n background-color: #f9f9f9;\n padding: 20px;\n border-radius: 10px;\n}\n\nfooter {\n background-color: #3498db;\n color: white;\n text-align: center;\n padding: 1rem;\n position: sticky;\n bottom: 0;\n}\n\n/* Additional Academic Styles */\n.academic-card {\n cursor: pointer;\n transition: all 0.3s ease;\n}\n\n.academic-card.expanded {\n background-color: #e8f4f8;\n}\n\n.section-details {\n margin-top: 15px;\n}\n\n.subjects-list, .stream-subjects {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.subject-tag {\n background-color: #3498db;\n color: white;\n padding: 5px 10px;\n border-radius: 15px;\n font-size: 0.8em;\n}\n\n.subject-tag.optional {\n background-color: #2ecc71;\n}\n\n.academic-streams {\n margin-top: 15px;\n}\n\n.stream-card {\n background-color: #f1f1f1;\n padding: 15px;\n border-radius: 10px;\n margin-bottom: 10px;\n}\n\n.stream-card h5 {\n margin-top: 0;\n color: #2c3e50;\n}\n`;\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n ${SCHOOL_CONFIG.name}\n \n \n \n \n

\n \n \n View Source\n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n }\n );\n}","createdAt",["D",1739901177698],"version",26,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount",1,"prCount","mergedPr",{"_129":130,"_131":132},"handle","oluwadarejohn","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0QjlzRW1FSnRtVEZ4OU1sa0R2cDdzWlRReSJ9","forkedVal","interval","slug","oluwadarejohn/jobAndChatApp","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[141,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,239,242],{"_117":118,"_142":-5,"_115":143,"_112":110},"prId",["D",1739901177698],{"_117":145,"_142":-5,"_115":146,"_112":147},25,["D",1739901128107],"125d88e8-ee21-11ef-ac03-e6cdfca9ef9f",{"_117":149,"_142":-5,"_115":150,"_112":151},24,["D",1739901014753],"cecd77a0-ee20-11ef-a6c1-e6cdfca9ef9f",{"_117":153,"_142":-5,"_115":154,"_112":155},23,["D",1739900583101],"cd847994-ee1f-11ef-998f-e6cdfca9ef9f",{"_117":157,"_142":-5,"_115":158,"_112":159},22,["D",1739900324876],"33999c6a-ee1f-11ef-9593-e6cdfca9ef9f",{"_117":161,"_142":-5,"_115":162,"_112":163},21,["D",1739900227095],"f95251aa-ee1e-11ef-93ec-e6cdfca9ef9f",{"_117":165,"_142":-5,"_115":166,"_112":167},20,["D",1739900169161],"d6c9e6de-ee1e-11ef-a141-e6cdfca9ef9f",{"_117":169,"_142":-5,"_115":170,"_112":171},19,["D",1739899980953],"669bf014-ee1e-11ef-a302-e6cdfca9ef9f",{"_117":173,"_142":-5,"_115":174,"_112":175},18,["D",1739899734734],"d3d95262-ee1d-11ef-974e-e6cdfca9ef9f",{"_117":177,"_142":-5,"_115":178,"_112":179},17,["D",1739898251983],"60101ce2-ee1a-11ef-a392-e6cdfca9ef9f",{"_117":181,"_142":-5,"_115":182,"_112":183},16,["D",1739898119675],"113414de-ee1a-11ef-bb7b-e6cdfca9ef9f",{"_117":185,"_142":-5,"_115":186,"_112":187},15,["D",1739897920425],"9a70115e-ee19-11ef-a5ad-e6cdfca9ef9f",{"_117":189,"_142":-5,"_115":190,"_112":191},14,["D",1739897793545],"4ed01546-ee19-11ef-98e7-e6cdfca9ef9f",{"_117":193,"_142":-5,"_115":194,"_112":195},13,["D",1739819557442],"267cf002-ed63-11ef-9e7c-e6cdfca9ef9f",{"_117":197,"_142":-5,"_115":198,"_112":199},12,["D",1739819557440],"267862f8-ed63-11ef-8bdc-e6cdfca9ef9f",{"_117":201,"_142":-5,"_115":202,"_112":203},11,["D",1739819557432],"267473e6-ed63-11ef-a257-e6cdfca9ef9f",{"_117":205,"_142":-5,"_115":206,"_112":207},10,["D",1739819557036],"2636f9b2-ed63-11ef-a588-e6cdfca9ef9f",{"_117":209,"_142":-5,"_115":210,"_112":211},9,["D",1739819556824],"2617b494-ed63-11ef-af3a-e6cdfca9ef9f",{"_117":213,"_142":-5,"_115":214,"_112":215},8,["D",1739819556760],"260d71a0-ed63-11ef-af3a-e6cdfca9ef9f",{"_117":217,"_142":-5,"_115":218,"_112":219},7,["D",1739819556572],"25f17662-ed63-11ef-a588-e6cdfca9ef9f",{"_117":221,"_142":-5,"_115":222,"_112":223},6,["D",1739817514948],"650acdc6-ed5e-11ef-8bdf-e6cdfca9ef9f",{"_117":225,"_142":-5,"_115":226,"_112":227},5,["D",1739817339577],"fc81eab4-ed5d-11ef-b56c-e6cdfca9ef9f",{"_117":229,"_142":-5,"_115":230,"_112":231},4,["D",1739817123409],"7ba94f40-ed5d-11ef-b41f-e6cdfca9ef9f",{"_117":233,"_142":-5,"_115":234,"_112":235},3,["D",1739816507666],"0ca73400-ed5c-11ef-a2f8-e6cdfca9ef9f",{"_117":90,"_142":-5,"_115":237,"_112":238},["D",1739816397642],"cb12c0f4-ed5b-11ef-90cb-e6cdfca9ef9f",{"_117":125,"_142":-5,"_115":240,"_112":241},["D",1739816283161],"86d63f74-ed5b-11ef-8209-e6cdfca9ef9f",{"_117":31,"_142":-5,"_115":243,"_112":244},["D",1739815719839],"3712670c-ed5a-11ef-affe-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[249],{"_112":250,"_251":252,"_115":253,"_254":-5,"_255":26,"_256":26,"_20":257},"2b9c68a2-ee20-11ef-a405-e6cdfca9ef9f","body","Hi, good site",["D",1739900740980],"updatedAt","canDelete","canEdit",{"_129":130,"_131":132},"isOwner","routes/_app.v.$handle.$name.dependencies",{"_261":262,"_263":31,"_264":136,"_265":31,"_94":266},"dependenciesList",[],"dependenciesCount","valname","page",{"_112":110,"_98":99,"_129":130,"_11":96,"_117":118,"_100":101,"_113":114,"_104":105,"_111":26,"_135":136},"routes/_app","actionData","errors"]