- D20 Studios Wiki

Main Page: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:
<div class="plainlinks" style="font-family: sans-serif; color: #ffffff; max-width: 1200px; margin: 0 auto;">
<div class="plainlinks" style="font-family: sans-serif; color: #ffffff;">


  <!-- Header Section -->
   <div style="background: #2a2a2a; padding: 25px; border: 3px solid #1a1a1a; text-align: center; border-radius: 4px; margin-bottom: 20px;">
   <div style="background: #2a2a2a; padding: 25px; border: 3px solid #1a1a1a; text-align: center; border-radius: 4px; margin-bottom: 20px;">
     <div style="font-size: 180%; font-weight: bold; margin-bottom: 5px;">Welcome to the Official Abalon Wiki,</div>
     <div style="font-size: 180%; font-weight: bold; margin-bottom: 5px;">Welcome to the Official Abalon Wiki,</div>
Line 40: Line 39:
   </div>
   </div>


  <!-- Main Vertical Container -->
   <div style="display: flex; flex-direction: column; gap: 20px; width: 100%;">
   <div style="display: flex; flex-direction: column; gap: 20px;">


    <!-- TOP PANEL: THE GAME (Full Width) -->
     <div style="border: 1px solid #1a1a1a; width: 100%;">
     <div style="border: 1px solid #1a1a1a; width: 100%;">
       <div style="background: #1a1a1a; padding: 8px 15px; font-weight: bold; font-size: 1.2em; display: flex; justify-content: space-between; align-items: center;">
       <div style="background: #1a1a1a; padding: 8px 15px; font-weight: bold; font-size: 1.2em; display: flex; justify-content: space-between; align-items: center;">
         <span>The Game</span>
         <span>The Game</span>
         <span>[[File:Icon_Small_Tree.png|30px]]</span>
         <span style="display: block; max-height: 40px;">[[File:Icon_Small_Tree.png|480px]]</span>
       </div>
       </div>
       <div style="background: #2a2a2a; padding: 20px;">
       <div style="background: #2a2a2a; padding: 20px;">
         <p style="margin-top: 0; font-size: 1.1em; line-height: 1.6;">''Abalon'' is a roguelike adventure that fuses tactical turn-based combat and card strategy. Choose your summoner and explore a tabletop world to discover its secrets. Build the perfect deck, outsmart your enemies and become legend!</p>
         <p style="margin-top: 0;">''Abalon'' is a roguelike adventure that fuses tactical turn-based combat and card strategy. Choose your summoner and explore a tabletop world to discover its secrets. Build the perfect deck, outsmart your enemies and become legend!</p>
          
          
         <div style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin-top: 20px; font-size: 0.9em;">
         <div style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin-top: 20px; font-size: 0.9em;">
Line 72: Line 69:
     </div>
     </div>


    <!-- BOTTOM PANEL: ABALON NEWS (Full Width) -->
     <div style="border: 1px solid #1a1a1a; width: 100%;">
     <div style="border: 1px solid #1a1a1a; width: 100%;">
       <div style="background: #1a1a1a; padding: 8px 15px; font-weight: bold; font-size: 1.2em; display: flex; justify-content: space-between; align-items: center;">
       <div style="background: #1a1a1a; padding: 8px 15px; font-weight: bold; font-size: 1.2em; display: flex; justify-content: space-between; align-items: center;">
         <span>Latest Updates & News</span>
         <span>Abalon News</span>
         <span>[[File:Icon_Small_News.png|30px]]</span>
         <span style="display: block; max-height: 40px;">[[File:Icon_Small_News.png|80px]]</span>
       </div>
       </div>
       <div style="background: #2a2a2a; padding: 20px;">
       <div style="background: #2a2a2a; padding: 20px;">
        <!-- Dynamic News Injected Here - Displays in a multi-column grid -->
         <div id="abalon-news-container">
         <div id="abalon-news-container">
           <div style="opacity: 0.5; text-align: center; padding: 10px;">Connecting to Steam news...</div>
           <div style="opacity: 0.5;">Loading latest updates...</div>
         </div>
         </div>
          
          
         <div style="margin-top: 20px; padding-top: 15px; border-top: 1px solid #1a1a1a; display: flex; align-items: center; justify-content: space-between; font-size: 0.9em;">
         <div style="margin-top: 20px; padding-top: 10px; border-top: 1px solid #1a1a1a; display: flex; align-items: center; gap: 8px; font-size: 0.9em;">
           <div style="display: flex; align-items: center; gap: 10px;">[[File:DevIcon.png|40px]] [[Upcoming features|Roadmap & Upcoming Features]]</div>
           <div style="display: flex; align-items: center; gap: 8px;">[[File:DevIcon.png|64px]] [[Upcoming features]]</div>
          <a href="https://store.steampowered.com/news/app/1681840" target="_blank" style="color: #a3d9ff; text-decoration: none; font-weight: bold;">View All Updates on Steam →</a>
         </div>
         </div>
       </div>
       </div>

Revision as of 14:17, 26 May 2026

Chat with us live on DISCORD

Newsletter Signup