Editing Main Page

<style>
/* SYSTEM FONT FOR MAIN PAGE */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

/* LIGHT MODE */
.mainpage-container {
  background-color: #fff;
  color: #222;
  padding: 20px;
  font-size: 16px;
  max-width: 1100px;
  margin: auto;
  font-weight: normal;
}

.mainpage-container h1 {
  font-size: 2.4em;
  color: #006633;
  text-align: center;
  margin-bottom: 0.2em;
}

.mainpage-container h2 {
  color: #004d33;
  margin-top: 0;
}

.mainpage-container a {
  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) {
  .mainpage-container {
    background-color: #121212;
    color: #e0e0e0;
  }

  .mainpage-container h1 {
    color: #66cc66;
  }

  .mainpage-container h2 {
    color: #4db84d;
  }

  .mainpage-container a {
    color: #66cc66;
  }

  .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>