${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}","deleted","label",[99],"permalink","https://www.val.town/x/oluwadarejohn/jobAndChatApp/code/main.tsx","extension","actionData","errors"]