Main Page: Difference between revisions

(6 intermediate revisions by the same user not shown)

Line 1:

~~body {~~

font-family: ~~system-ui,~~ -apple-system, BlinkMacSystemFont, "Segoe UI",

~~Roboto, Helvetica, Arial~~, sans-serif;

Welcome to the Official School Wiki

}

</h1>

A structured platform to preserve the academic and cultural journey of our institution.

</p>

</div>

~~/* Container */~~

~~.mainpage~~-~~container {~~

~~max~~-~~width~~: ~~960px~~;

~~margin~~: ~~auto~~;

padding: ~~32px~~;

}

~~/* Responsive & readable */~~

~~.mainpage~~-~~container h1, .mainpage~~-~~container h2 {~~

font-~~weight~~: ~~600~~;

<h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">About the School</h2>

margin-~~top~~: 1.~~5em~~;

<p style="color: #555; margin-bottom: 10px;">Comprehensive details regarding the school’s foundation, structure, and facilities.</p>

}

<li>[[History of the School]]</li>

<li>[[Campus Map]]</li>

<li>[[Departments and Blocks]]</li>

</ul>

</div>

~~.mainpage~~-~~container ul {~~

~~margin~~-~~left~~: 1.~~5em~~;

~~line~~-~~height~~: 1.7;

<h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">Faculty and Mentors</h2>

}

<p style="color: #555; margin-bottom: 10px;">Profiles and contributions of distinguished educators and staff members.</p>

<li>[[Faculty Achievements]]</li>

<li>[[Notable Teachers]]</li>

<li>[[Retired Faculty Honors]]</li>

</ul>

</div>

/~~* Support for dark & light mode *~~/

~~@media (prefers~~-color-~~scheme~~: ~~dark) {~~

.~~mainpage~~-~~container {~~

<h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">Student Body</h2>

~~background-~~color: #~~111~~;

<p style="color: #555; margin-bottom: 10px;">Academic, extracurricular, and alumni profiles of students over the years.</p>

color: #~~f0f0f0~~;

}

<li>[[Batch of 2025]]</li>

.~~mainpage-container a {~~

<li>[[Student Achievements]]</li>

color: #

<li>[[Alumni Network]]</li>

</ul>

</div>

<h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">Events and Milestones</h2>

<p style="color: #555; margin-bottom: 10px;">Significant academic, cultural, and administrative events in our timeline.</p>

<li>[[Annual Functions]]</li>

<li>[[Historical Events]]</li>

<li>[[School Achievements]]</li>

</ul>

</div>

</div>

@@ Line 1: / Line 1: @@
-body {
+<div style="text-align: center; padding: 20px 10px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;">
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+  <h1 style="font-size: 2.7em; color: #1a4c8b; margin-bottom: 6px; font-weight: 200;">
-               Roboto, Helvetica, Arial, sans-serif;
+    Welcome to the Official School Wiki
-}
+  </h1>
+  <hr style="width: 90%; border: none; border-top: 1px solid #999; margin: 10px auto 15px;">
+  <p style="font-size: 1.2em; color: #d0d0d0; max-width: 750px; margin: 0 auto; line-height: 1.5;">
+    A structured platform to preserve the academic and cultural journey of our institution.
+  </p>
+</div>
-/* Container */
+<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 30px; font-family: -apple-systen, BlinkMacSystemFont, 'Segoe UI', sans-serif;">
-.mainpage-container {
-  max-width: 960px;
-  margin: auto;
-  padding: 32px;
-}
-/* Responsive & readable */
+  <!-- About the School -->
-.mainpage-container h1, .mainpage-container h2 {
+   <div style="flex: 1 1 300px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 10px; padding: 20px;">
-   font-weight: 600;
+    <h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">About the School</h2>
-  margin-top: 1.5em;
+    <p style="color: #555; margin-bottom: 10px;">Comprehensive details regarding the school’s foundation, structure, and facilities.</p>
-}
+    <ul style="padding-left: 20px; color: #cc0000;">
+      <li>[[History of the School]]</li>
+      <li>[[Campus Map]]</li>
+      <li>[[Departments and Blocks]]</li>
+    </ul>
+  </div>
-.mainpage-container ul {
+  <!-- Faculty and Mentors -->
-   margin-left: 1.5em;
+   <div style="flex: 1 1 300px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 10px; padding: 20px;">
-  line-height: 1.7;
+    <h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">Faculty and Mentors</h2>
-}
+    <p style="color: #555; margin-bottom: 10px;">Profiles and contributions of distinguished educators and staff members.</p>
+    <ul style="padding-left: 20px; color: #cc0000;">
+      <li>[[Faculty Achievements]]</li>
+      <li>[[Notable Teachers]]</li>
+      <li>[[Retired Faculty Honors]]</li>
+    </ul>
+  </div>
-/* Support for dark & light mode */
+  <!-- Student Body -->
-@media (prefers-color-scheme: dark) {
+  <div style="flex: 1 1 300px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 10px; padding: 20px;">
-  .mainpage-container {
+    <h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">Student Body</h2>
-     background-color: #111;
+    <p style="color: #555; margin-bottom: 10px;">Academic, extracurricular, and alumni profiles of students over the years.</p>
-     color: #f0f0f0;
+    <ul style="padding-left: 20px; color: #cc0000;">
-   }
+      <li>[[Batch of 2025]]</li>
-  .mainpage-container a {
+      <li>[[Student Achievements]]</li>
-    color: #
+      <li>[[Alumni Network]]</li>
+    </ul>
+  </div>
+  <!-- Events and Milestones -->
+  <div style="flex: 1 1 300px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 10px; padding: 20px;">
+    <h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">Events and Milestones</h2>
+     <p style="color: #555; margin-bottom: 10px;">Significant academic, cultural, and administrative events in our timeline.</p>
+     <ul style="padding-left: 20px; color: #cc0000;">
+      <li>[[Annual Functions]]</li>
+      <li>[[Historical Events]]</li>
+      <li>[[School Achievements]]</li>
+    </ul>
+   </div>
+</div>
+<div style="text-align: center; font-size: 0.9em; color: #888; padding-bottom: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;">
+  © Maintained by the school students. All rights reserved.
+</div>