Editing Template:History

__NOTOC__

<div style="box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); background: linear-gradient(145deg, #0A1128, #001F54, #003B70); color: #D6EAF8; margin: 30px auto; padding: 25px; text-align: center; border-radius: 25px; font-weight: bold; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); max-width: 80%; position: relative;">
  <div style="filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.3));">
    <p style="margin: 0; font-size: 28px; line-height: 1.8; padding: 15px; letter-spacing: 1px; text-transform: uppercase;">
      <strong>Chesapeake Studios History</strong>
    </p>

    <!-- Year Navigation -->
    <div style="margin: 15px 0; font-size: 18px; background: rgba(255, 255, 255, 0.1); border-radius: 15px; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; padding: 5px;">
      <p style="text-decoration: none; color: #D6EAF8; background: rgba(255, 255, 255, 0.1); padding: 8px 14px; border-radius: 15px; transition: all 0.3s ease; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: inline-block; font-size: 20px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|2024|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[2024]]
      </p>
      <p style="text-decoration: none; color: #D6EAF8; background: rgba(255, 255, 255, 0.1); padding: 8px 14px; border-radius: 15px; transition: all 0.3s ease; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: inline-block; font-size: 20px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|2025|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[2025]]
      </p>
      <p style="text-decoration: none; color: #D6EAF8; background: rgba(255, 255, 255, 0.1); padding: 8px 14px; border-radius: 15px; transition: all 0.3s ease; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: inline-block; font-size: 20px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|2026|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[2026]]
      </p></div>

    <!-- Month Navigation -->
    <div style="margin: 15px 0; font-size: 16px; background: linear-gradient(145deg, #0A1128, #001F54, #003B70); border-radius: 15px; display: flex; justify-content: center; gap: 5px; flex-wrap: nowrap; overflow-x: auto;">
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|January|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#January|January]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|February|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#February|February]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|March|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#March|March]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|April|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#April|April]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|May|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#May|May]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|June|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#June|June]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|July|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#July|July]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|August|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#August|August]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|September|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#September|September]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|October|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#October|October]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|November|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#November|November]]
      </p>
      <p style="font-size: 12px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: inline-block; font-size: 14px; line-height: 1.2; margin: 0; {{#ifeq:{{PAGENAME}}|December|font-weight: bold; color: #FF6347; box-shadow: 0 0 15px #FF6347;}}">
        [[{{PAGENAME}}#December|December]]
      </p>
    </div>
  </div>
</div>