📚 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.versions.$(version)",{"_93":261,"_262":263,"_94":264},"single","redirect","/v/oluwadarejohn/jobAndChatApp/versions",{"_112":151,"_113":265,"_117":149,"_115":266,"_267":99,"_100":101,"_107":108,"_129":130,"_11":96,"_268":-5,"_269":-5,"_270":-5,"_258":26,"_135":136},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst SCHOOL_CONFIG = {\n name: \"Distinction Model School\",\n location: \"Ado Ekiti, Ekiti State, Nigeria\",\n established: 2005,\n motto: \"Excellence Through Learning\",\n logoUrl: \"https://maxm-imggenurl.web.val.run/school-logo-with-books-and-graduation-cap-in-green-and-blue-colors\",\n contactInfo: {\n phone: \"+234 (0) 123 456 7890\",\n email: \"info@distinctionmodelschool.edu.ng\",\n address: \"123 Education Street, Ado Ekiti, Ekiti State\"\n }\n};\n\nconst ACADEMIC_SECTIONS = [\n { \n name: \"Junior Secondary\", \n classes: [\"JSS 1\", \"JSS 2\", \"JSS 3\"],\n description: \"Foundational years focusing on comprehensive learning and skill development.\"\n },\n { \n name: \"Senior Secondary\", \n classes: [\"SS 1\", \"SS 2\", \"SS 3\"],\n description: \"Advanced academic preparation for higher education and career paths.\"\n }\n];\n\nconst FACULTY_MEMBERS = [\n {\n name: \"Dr. Adebayo Ogunlesi\",\n role: \"School Principal\",\n qualifications: \"Ph.D. in Educational Leadership\",\n image: \"https://maxm-imggenurl.web.val.run/professional-african-school-principal-headshot\"\n },\n {\n name: \"Mrs. Folake Williams\",\n role: \"Vice Principal\",\n qualifications: \"M.Ed. in Curriculum Development\",\n image: \"https://maxm-imggenurl.web.val.run/professional-african-female-educator-headshot\"\n }\n];\n\nfunction SchoolWebsite() {\n const [activeSection, setActiveSection] = useState(\"home\");\n\n const renderSection = () => {\n switch(activeSection) {\n case \"home\":\n return ;\n case \"admissions\":\n return ;\n case \"academics\":\n return ;\n case \"faculty\":\n return ;\n case \"contact\":\n return ;\n default:\n return ;\n }\n };\n\n function HomeSection() {\n return (\n

\n ${`${SCHOOL_CONFIG.name}$ \n

{SCHOOL_CONFIG.name}

{SCHOOL_CONFIG.motto}

🏫 About Us

\n Established in {SCHOOL_CONFIG.established}, {SCHOOL_CONFIG.name} \n is committed to providing quality education and holistic development \n for students in {SCHOOL_CONFIG.location}.\n

🎓 Our Mission

\n To nurture intellectually curious, socially responsible, and \n globally competitive students through innovative teaching \n and comprehensive learning experiences.\n

\n );\n }\n\n function AdmissionsSection() {\n const [applicationData, setApplicationData] = useState({\n name: \"\",\n email: \"\",\n classLevel: \"\",\n parentContact: \"\"\n });\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n try {\n // Simulate admission application submission\n const response = await fetch(\"/submit-application\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(applicationData)\n });\n\n if (response.ok) {\n alert(\"Application submitted successfully!\");\n }\n } catch (error) {\n console.error(\"Application submission error:\", error);\n }\n };\n\n return (\n

🎉 School Admission

\n );\n }\n\n function AcademicsSection() {\n return (\n

📚 Academic Sections

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

{section.name}

{section.description}

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

\n ))}\n

\n );\n }\n\n function FacultySection() {\n return (\n

👥 Our Distinguished Faculty

\n {FACULTY_MEMBERS.map((member, index) => (\n

{member.name}

{member.role}

\n {member.qualifications}\n

\n ))}\n

\n );\n }\n\n function ContactSection() {\n return (\n

📞 Contact Information

📍 Address: {SCHOOL_CONFIG.contactInfo.address}

📱 Phone: {SCHOOL_CONFIG.contactInfo.phone}

✉️ Email: {SCHOOL_CONFIG.contactInfo.email}

\n );\n }\n\n return (\n

\n \n

\n\n

\n {renderSection()}\n

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/submit-application\") {\n try {\n const applicationData = await request.json();\n // In a real scenario, you would save this to a database\n console.log(\"Application Received:\", applicationData);\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: \"Invalid application data\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n\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}\n\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`;",["D",1739901014753],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

jobAndChatApp

Version 24