Jump to content

Main Page: Difference between revisions

Rishav (talk | contribs)
No edit summary
Rishav (talk | contribs)
No edit summary
Line 1: Line 1:
<div style="text-align: center; padding: 20px;">
<style>
   <h1 style="font-size: 2.2em; color: #009933;">Welcome to the Official School Wiki</h1>
/* SYSTEM FONT FOR MAIN PAGE */
   <p style="font-size: 1.2em;">The place where chaos, legend, and cafeteria disasters are immortalized.</p>
body {
</div>
   font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
              Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
   padding: 0;
}


<div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; padding: 20px;">
/* LIGHT MODE (default) */
.mainpage-container {
  background-color: #fff;
  color: #222;
  padding: 20px;
  font-size: 16px;
  max-width: 1100px;
  margin: auto;
  font-weight: normal;
}


   <!-- 🏫 School Overview -->
.mainpage-container h1 {
   <div style="flex: 1 1 300px; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 10px; padding: 15px;">
  font-size: 2.4em;
     <h2>🏫 About the School</h2>
  color: #009933;
     <p>Everything from when the school was founded to that one time a goat entered the lab.</p>
   text-align: center;
    <ul>
  margin-bottom: 0.2em;
      <li>[[History of the School]]</li>
}
      <li>[[Campus Map]]</li>
 
      <li>[[Departments and Blocks]]</li>
.mainpage-container h2 {
    </ul>
  color: #006600;
   </div>
  margin-top: 0;
}
 
.mainpage-container a {
  color: #006600;
  text-decoration: none;
}
 
.mainpage-container a:hover,
.mainpage-container a:focus {
  color: #009900;
   text-decoration: underline;
}
 
.mainpage-container .section-box {
  background-color: #f9f9f9;
  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 OVERRIDE */
@media (prefers-color-scheme: dark) {
  .mainpage-container {
    background-color: #121212;
    color: #e0e0e0;
  }
 
  .mainpage-container h1 {
     color: #66ff66;
  }
 
  .mainpage-container h2 {
    color: #33aa33;
  }
 
  .mainpage-container a {
     color: #66ff66;
  }
 
  .mainpage-container a:hover,
  .mainpage-container a:focus {
    color: #99ff99;
    text-decoration: underline;
  }
 
  .mainpage-container .section-box {
    background-color: #1e1e1e;
    border-color: #333;
  }
}
</style>
 
<div class="mainpage-container">
 
  <h1>Welcome to the Official School Wiki</h1>
  <p style="text-align:center; font-size:1.2em; margin-top:-0.5em; margin-bottom:1.5em;">
    The place where chaos, legend, and cafeteria disasters are immortalized.
  </p>
 
   <div class="sections-wrapper">


  <!-- 🧑‍🏫 Teachers & Legends -->
    <div class="section-box">
  <div style="flex: 1 1 300px; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 10px; padding: 15px;">
      <h2>🏫 About the School</h2>
    <h2>🧑‍🏫 Legendary Teachers</h2>
      <p>Everything from when the school was founded to that one time a goat entered the lab.</p>
    <p>The icons, the rage-quitters, the ones who gave "pop quiz" its true meaning.</p>
      <ul>
    <ul>
        <li>[[History of the School]]</li>
      <li>[[Sir Rahman's 5 Rules of Physics]]</li>
        <li>[[Campus Map]]</li>
      <li>[[Most Quoted Teachers]]</li>
        <li>[[Departments and Blocks]]</li>
      <li>[[Hall of Fame]]</li>
      </ul>
    </ul>
    </div>
  </div>


  <!-- 🎓 Students -->
    <div class="section-box">
  <div style="flex: 1 1 300px; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 10px; padding: 15px;">
      <h2>🧑‍🏫 Legendary Teachers</h2>
    <h2>🎓 Notable Students</h2>
      <p>The icons, the rage-quitters, the ones who gave "pop quiz" its true meaning.</p>
    <p>The pranksters, the toppers, and that one dude who spilled biryani in the lab.</p>
      <ul>
    <ul>
        <li>[[Sir Rahman's 5 Rules of Physics]]</li>
      <li>[[Batch of 2025]]</li>
        <li>[[Most Quoted Teachers]]</li>
      <li>[[Class Clown Chronicles]]</li>
        <li>[[Hall of Fame]]</li>
      <li>[[Student Court Cases]]</li>
      </ul>
    </ul>
    </div>
  </div>


  <!-- 🛠️ Infrastructure -->
    <div class="section-box">
  <div style="flex: 1 1 300px; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 10px; padding: 15px;">
      <h2>🎓 Notable Students</h2>
    <h2>🏗️ Around the School</h2>
      <p>The pranksters, the toppers, and that one dude who spilled biryani in the lab.</p>
    <p>Desks with graffiti, hidden staircases, and the Room That Shall Not Be Named™.</p>
      <ul>
    <ul>
        <li>[[Batch of 2025]]</li>
      <li>[[The Cursed Toilet]]</li>
        <li>[[Class Clown Chronicles]]</li>
      <li>[[Places Students Hide During Assembly]]</li>
        <li>[[Student Court Cases]]</li>
      <li>[[WiFi Dead Zones]]</li>
      </ul>
    </ul>
    </div>
  </div>


  <!-- 🕓 Timeline -->
    <div class="section-box">
  <div style="flex: 1 1 300px; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 10px; padding: 15px;">
      <h2>🏗️ Around the School</h2>
    <h2>📅 Timeline of Events</h2>
      <p>Desks with graffiti, hidden staircases, and the Room That Shall Not Be Named™.</p>
    <p>The ultimate yearbook of chaos. From fire drills to frozen ACs.</p>
      <ul>
    <ul>
        <li>[[The Cursed Toilet]]</li>
      <li>[[2022 Events]]</li>
        <li>[[Places Students Hide During Assembly]]</li>
      <li>[[2023 Highlights]]</li>
        <li>[[WiFi Dead Zones]]</li>
      <li>[[Funniest Incidents Ever]]</li>
      </ul>
    </ul>
    </div>
  </div>


</div>
    <div class="section-box">
      <h2>📅 Timeline of Events</h2>
      <p>The ultimate yearbook of chaos. From fire drills to frozen ACs.</p>
      <ul>
        <li>[[2022 Events]]</li>
        <li>[[2023 Highlights]]</li>
        <li>[[Funniest Incidents Ever]]</li>
      </ul>
    </div>


----
  </div>


<div style="text-align: center; font-size: 0.9em; margin-top: 40px; color: #888;">
  <div style="text-align:center; font-size: 0.9em; margin-top: 40px; color: #888;">
  Maintained by students. Fueled by memory. Powered by WiFi that barely works.
    Maintained by students. Fueled by memory. Powered by WiFi that barely works.
  </div>
</div>
</div>
Cookies help us deliver our services. By using our services, you agree to our use of cookies.