Editing Main Page

__NOTOC__
<div>
  <!-- Picture displayed standalone -->
  <div style="text-align: center;">
    [[File:Chesapeake.Homepage.10-13-24.2.webp|1000px|link=Chesapeake Studios Wiki]]
  </div>
  <div style="text-align: center; margin: 5px 2px 5px 2px; background: linear-gradient(135deg, #4b6cb7, #182848); color: white; padding: 1em; border-radius: 10px;">
    <p style="font-size: 100%; font-weight: bold; margin: 0.85em 0 0em 0; color: white;">
      The official encyclopedia for the Chesapeake Studios group and its games.
    </p>
    <p style="font-size: 90%; font-weight: bold; padding: 5px; color: white;">
      '''{{NUMBEROFARTICLES}}''' articles &middot; '''{{NUMBEROFEDITS}}''' edits &middot; '''{{NUMBEROFACTIVEUSERS}}''' active users
    </p>
    <p style="font-size: 18px; font-weight: bold; padding: 5px; color: white;">
      [https://www.roblox.com/groups/17005184/Chesapeake-Studios#!/about Join the group] &middot; 
      [https://www.roblox.com/games/110814051639689/Oath-of-Office-Political-Simulator Play the game] &middot; 
      [[Chesapeake Studios Wiki:Policy|Editing policy]] &middot; 
      [[Special:RecentChanges|Recent changes]] &middot; 
      [[Special:Random/main|Random article]]
    </p>
  </div>
  <div style="display: flex; justify-content: center; gap: 20px; padding: 10px;">
    
    <!-- Highlights Section (Dark Mode) -->
    <div class="homepage-frame" style="flex: 1; border: 1px solid #4b6cb7; padding: 15px; border-radius: 8px; background: #121212; color: #d3d3d3;">
      <div class="homepage-title" style="background: linear-gradient(135deg, #4b6cb7, #182848); color: white; padding: 10px; border-radius: 5px; text-align: center;">
        <h2 style="font-size: 24px;">Highlights</h2>
      </div>
      <div class="homepage-body" style="padding: 10px;">
        <ul>
          <li>Check out the updated [[Chesapeake Studios Wiki:Policy|wiki policy]].</li>
          <li>Learn how to write in our [[Chesapeake Studios Wiki:Writing guide|writing guide]]!</li>
        </ul>
      </div>
    </div>

    <!-- Did You Know Section -->
    <div class="homepage-frame" style="flex: 1; border: 1px solid #4b6cb7; padding: 15px; border-radius: 8px; color: white;">
      <div class="homepage-title" style="background: linear-gradient(135deg, #4b6cb7, #182848); color: white; padding: 10px; border-radius: 5px; text-align: center;">
        <h2 style="font-size: 24px; color: white;">Did you know...</h2>
      </div>
      <div class="homepage-body" style="padding: 10px; color: white;">
        <ul>
          <li>That the creator of '''Oath of Office''' also made '''High Rollers'''?</li>
          <li>That the game has a [https://trello.com/b/aioeOnZM/executive-orders│'''Trello'''] detailing the roadmap?</li>
          <li>That polls change according to certain stats?</li>
          <li>That Chesapeake Studios has a [https://discord.gg/oathofoffice|'''Discord'''] with the owner and developers?</li>
        </ul>
      </div>
    </div>

  </div>

  <!-- Curved Gradient Line and Paragraph Section -->
  <div align="center" style="padding-top: 20px;">
    <div style="background: linear-gradient(135deg, #4b6cb7, #182848); border-radius: 10px; padding: 15px; width: 80%; margin: 20px auto;">
      <p style="font-size: 16px; font-weight: bold; color: white; margin: 0; text-align: center;">
        Visit the [[Chesapeake Studios Wiki/News archive|Legacy News Archive]], [[Chesapeake Studios Wiki/Highlights archive|Highlights Archive]], and [[Chesapeake Studios Wiki/Interesting facts archive|Fact Archive]] for more historical records.
      </p>
    </div>
  </div>
</div>