|
|
| Line 1: |
Line 1: |
| <style>
| |
| /* SYSTEM FONT FOR MAIN PAGE */
| |
| body { | | body { |
| font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", | | font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", |
| Roboto, Helvetica, Arial, sans-serif; | | Roboto, Helvetica, Arial, sans-serif; |
| margin: 0;
| |
| padding: 0;
| |
| } | | } |
|
| |
|
| /* LIGHT MODE */ | | /* Container */ |
| .mainpage-container { | | .mainpage-container { |
| background-color: #fff;
| | max-width: 960px; |
| color: #222;
| |
| padding: 20px;
| |
| font-size: 16px;
| |
| max-width: 1100px; | |
| margin: auto; | | margin: auto; |
| font-weight: normal; | | padding: 32px; |
| } | | } |
|
| |
|
| .mainpage-container h1 { | | /* Responsive & readable */ |
| font-size: 2.4em; | | .mainpage-container h1, .mainpage-container h2 { |
| color: #006633;
| | font-weight: 600; |
| text-align: center;
| | margin-top: 1.5em; |
| margin-bottom: 0.2em; | |
| } | | } |
|
| |
|
| .mainpage-container h2 { | | .mainpage-container ul { |
| color: #004d33; | | margin-left: 1.5em; |
| margin-top: 0; | | line-height: 1.7; |
| } | | } |
|
| |
|
| .mainpage-container a {
| | /* Support for dark & light mode */ |
| color: #004d33;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .mainpage-container a:hover,
| |
| .mainpage-container a:focus {
| |
| color: #008000;
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .mainpage-container .section-box {
| |
| background-color: #f5f5f5;
| |
| border: 1px solid #ccc;
| |
| border-radius: 10px;
| |
| padding: 15px;
| |
| margin: 10px;
| |
| flex: 1 1 300px;
| |
| box-sizing: border-box;
| |
| }
| |
| | |
| .mainpage-container .sections-wrapper {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| justify-content: center;
| |
| gap: 30px;
| |
| }
| |
| | |
| /* DARK MODE */ | |
| @media (prefers-color-scheme: dark) { | | @media (prefers-color-scheme: dark) { |
| .mainpage-container { | | .mainpage-container { |
| background-color: #121212; | | background-color: #111; |
| color: #e0e0e0; | | color: #f0f0f0; |
| }
| |
| | |
| .mainpage-container h1 {
| |
| color: #66cc66;
| |
| }
| |
| | |
| .mainpage-container h2 {
| |
| color: #4db84d;
| |
| } | | } |
|
| |
| .mainpage-container a { | | .mainpage-container a { |
| color: #66cc66; | | color: # |
| }
| |
| | |
| .mainpage-container a:hover,
| |
| .mainpage-container a:focus {
| |
| color: #99ff99;
| |
| }
| |
| | |
| .mainpage-container .section-box {
| |
| background-color: #1e1e1e;
| |
| border-color: #333;
| |
| }
| |
| }
| |
| </style>
| |
| | |
| <div class="mainpage-container">
| |
| | |
| <h1>Welcome to the School Knowledge Base</h1>
| |
| <p style="text-align:center; font-size:1.1em; margin-top:-0.5em; margin-bottom:1.5em;">
| |
| A centralized platform documenting institutional history, academic resources, infrastructure, and key personnel.
| |
| </p>
| |
| | |
| <div class="sections-wrapper">
| |
| | |
| <div class="section-box">
| |
| <h2>🏫 About the Institution</h2>
| |
| <p>Information regarding the foundation, mission, infrastructure, and organizational structure of the school.</p>
| |
| <ul>
| |
| <li>[[Institution Overview]]</li>
| |
| <li>[[Campus Infrastructure]]</li>
| |
| <li>[[Organizational Hierarchy]]</li>
| |
| </ul>
| |
| </div>
| |
| | |
| <div class="section-box">
| |
| <h2>🧑🏫 Faculty & Administration</h2>
| |
| <p>Details about faculty members, administrative bodies, and their contributions to the academic environment.</p>
| |
| <ul>
| |
| <li>[[Faculty Directory]]</li>
| |
| <li>[[Administrative Departments]]</li>
| |
| <li>[[Leadership Timeline]]</li>
| |
| </ul>
| |
| </div>
| |
| | |
| <div class="section-box">
| |
| <h2>🎓 Students & Alumni</h2>
| |
| <p>Academic batches, student-led initiatives, and notable alumni who have contributed beyond the school.</p>
| |
| <ul>
| |
| <li>[[Student Batches]]</li>
| |
| <li>[[Student Clubs and Councils]]</li>
| |
| <li>[[Distinguished Alumni]]</li>
| |
| </ul>
| |
| </div>
| |
| | |
| <div class="section-box">
| |
| <h2>📚 Academics & Curriculum</h2>
| |
| <p>Syllabus outlines, exam formats, study resources, and department-specific academic materials.</p>
| |
| <ul>
| |
| <li>[[Academic Calendar]]</li>
| |
| <li>[[Subject Syllabi]]</li>
| |
| <li>[[Grading & Evaluation]]</li>
| |
| </ul>
| |
| </div>
| |
| | |
| <div class="section-box">
| |
| <h2>🏛️ Facilities & Services</h2>
| |
| <p>Resources available to students and staff, including laboratories, libraries, tech access, and health services.</p>
| |
| <ul>
| |
| <li>[[Library Services]]</li>
| |
| <li>[[Computer Labs & Wi-Fi Access]]</li>
| |
| <li>[[Medical & Safety]]</li>
| |
| </ul>
| |
| </div>
| |
| | |
| <div class="section-box">
| |
| <h2>📅 Events & Activities</h2>
| |
| <p>Academic and cultural events, extracurricular activities, workshops, and important school milestones.</p>
| |
| <ul>
| |
| <li>[[Annual Events Calendar]]</li>
| |
| <li>[[Seminars and Workshops]]</li>
| |
| <li>[[Student Achievements]]</li>
| |
| </ul>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| <div style="text-align:center; font-size: 0.9em; margin-top: 40px; color: #888;">
| |
| This knowledge base is maintained collaboratively by students, alumni, and faculty.
| |
| </div>
| |
| | |
| </div>
| |