- D20 Studios Wiki

Main Page: Difference between revisions

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


  <!-- TOP HEADER -->
   <div style="background: #2a2a2a; padding: 25px; border: 3px solid #1a1a1a; text-align: center; border-radius: 4px; margin-bottom: 20px;">
   <div style="background: #2a2a2a; padding: 30px; border: 3px solid #1a1a1a; text-align: center; border-radius: 4px; margin-bottom: 25px;">
     <div style="font-size: 180%; font-weight: bold; margin-bottom: 5px;">Welcome to the Official Abalon Wiki,</div>
     <div style="font-size: 200%; font-weight: bold; margin-bottom: 10px;">Official Abalon Wiki</div>
     <div style="font-size: 110%; margin-bottom: 15px;">a comprehensive reference written for players by players.</div>
     <div style="font-size: 110%; opacity: 0.8; margin-bottom: 20px;">The community-driven guide for Summoners.</div>
 
    <div style="color: #a3d9ff; font-size: 95%; margin-bottom: 20px;">
      '''{{NUMBEROFACTIVEUSERS}} active editors''' are currently maintaining '''{{NUMBEROFARTICLES}} articles''' and '''{{NUMBEROFFILES}} files'''.
    </div>
 
    <hr style="border: 0; border-top: 1px solid rgba(255,255,255,0.1); margin: 20px 0;">


     <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; text-align: left;">
     <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; text-align: left;">
      <div style="display: flex; align-items: center; gap: 10px;">
      <div style="display: flex; align-items: center; gap: 12px;">
        [[File:Steam.svg|40px|link=https://store.steampowered.com/app/1681840/Abalon/]]
        [[File:Steam.svg|40px|link=https://store.steampowered.com/app/1681840/Abalon/]]
        <div><div style="font-size: 0.7em; color: #a3d9ff;">STEAM</div><div style="font-weight: bold;">v2.96.0</div></div>
        <div>
      </div>
          <div style="color: #a3d9ff; font-size: 0.75em; text-transform: uppercase;">PC / Steam</div>
      <div style="display: flex; align-items: center; gap: 10px;">
          <div style="font-size: 1.2em; font-weight: bold;">[https://store.steampowered.com/app/1681840/Abalon/ 2.89.3]</div>
        [[File:Apple_Icon.svg|40px|link=https://apps.apple.com/us/app/abalon/id1235934798]]
          <div style="font-size: 0.7em; opacity: 0.7;">Latest version</div>
        <div><div style="font-size: 0.7em; color: #a3d9ff;">iOS</div><div style="font-weight: bold;">v2.96.0</div></div>
        </div>
      </div>
      </div>
      <div style="display: flex; align-items: center; gap: 10px;">
      <div style="display: flex; align-items: center; gap: 12px;">
        [[File:Google_Play.svg|40px|link=https://play.google.com/store/apps/details?id=air.com.d20studios.summonersfate]]
        [[File:Apple_Icon.svg|40px|link=https://apps.apple.com/us/app/abalon/id1235934798]]
        <div><div style="font-size: 0.7em; color: #a3d9ff;">ANDROID</div><div style="font-weight: bold;">v2.96.0</div></div>
        <div>
      </div>
          <div style="color: #a3d9ff; font-size: 0.75em; text-transform: uppercase;">iOS & iPadOS</div>
          <div style="font-size: 1.2em; font-weight: bold;">[https://apps.apple.com/us/app/abalon/id1235934798 2.89.3]</div>
          <div style="font-size: 0.7em; opacity: 0.7;">App Store</div>
        </div>
      </div>
      <div style="display: flex; align-items: center; gap: 12px;">
        [[File:Google_Play.svg|40px|link=https://play.google.com/store/apps/details?id=air.com.d20studios.summonersfate]]
        <div>
          <div style="color: #a3d9ff; font-size: 0.75em; text-transform: uppercase;">Android</div>
          <div style="font-size: 1.2em; font-weight: bold;">[https://play.google.com/store/apps/details?id=air.com.d20studios.summonersfate 2.89.3]</div>
          <div style="font-size: 0.7em; opacity: 0.7;">Google Play</div>
        </div>
      </div>
     </div>
     </div>
   </div>
   </div>


  <!-- STACKED CONTENT -->
   <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
   <div style="display: flex; flex-direction: column; gap: 25px;">


    <!-- PANEL: THE GAME -->
     <div style="flex: 3; min-width: 400px; border: 1px solid #1a1a1a;">
     <div style="border: 1px solid #1a1a1a; background: #2a2a2a;">
       <div style="background: #1a1a1a; padding: 8px 15px; font-weight: bold; font-size: 1.2em; display: flex; justify-content: space-between;">
       <div style="background: #1a1a1a; padding: 15px 25px; font-weight: bold; font-size: 1.3em;">The Game</div>
        <span>The Game</span>
       <div style="padding: 25px;">
        <span>[[File:Icon_Small_Tree.png|480px]]</span>
         <p style="margin-top: 0; line-height: 1.6;">''Abalon'' combines tactical turn-based combat with card strategy. Explore tabletop worlds, build your deck, and defeat legendary bosses.</p>
      </div>
         <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 15px; margin-top: 20px;">
       <div style="background: #2a2a2a; padding: 20px;">
           <div>[[File:Icon1.png|24px]] [[Guides]]</div>
         <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>[[File:Icon5.png|24px]] [[CardLibrary|Cards]]</div>
       
           <div>[[File:Icon13.png|24px]] [[UnitsLibrary|Units]]</div>
         <div style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin-top: 20px; font-size: 0.9em;">
           <div>[[File:Icon14.png|24px]] [[Summoners]]</div>
           <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon1.png|30px]][https://d20studios.com/wiki/index.php?title=Guides Guides]</div>
           <div>[[File:Icon7.png|24px]] [[PlayerProgression|The Tower]]</div>
          <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon2.png|30px]][https://d20studios.com/wiki/index.php?title=Resources Resources]</div>
           <div>[[File:Icon3.png|24px]] [[Encounters]]</div>
          <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon3.png|30px]][https://d20studios.com/wiki/index.php?title=Encounters Encounters]</div>
          <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon4.png|30px]][https://d20studios.com/wiki/index.php?title=Bosses Bosses]</div>
           <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon5.png|30px]][https://d20studios.com/wiki/index.php?title=Cards Cards]</div>
          <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon6.png|30px]][https://d20studios.com/wiki/index.php?title=ChallengeModifiers Challenge Modifiers]</div>
          <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon7.png|30px]][https://d20studios.com/wiki/index.php?title=PlayerProgression The Tower]</div>
           <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon8.png|30px]][https://d20studios.com/wiki/index.php?title=Satchel Satchel]</div>
          <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon9.png|30px]][https://d20studios.com/wiki/index.php?title=Shops Shops]</div>
           <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon10.png|30px]][https://d20studios.com/wiki/index.php?title=Biomes Biomes]</div>
          <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon11.png|30px]][https://d20studios.com/wiki/index.php?title=Difficulties Difficulties]</div>
           <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon12.png|30px]][https://d20studios.com/wiki/index.php?title=Survival Survival]</div>
          <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon13.png|30px]][https://d20studios.com/wiki/index.php?title=Units Units]</div>
           <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon14.png|30px]][https://d20studios.com/wiki/index.php?title=Summoners Summoners]</div>
          <div style="display: flex; align-items: center; gap: 8px;">[[File:Icon15.png|30px]][https://d20studios.com/wiki/index.php?title=Elites Elites]</div>
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>


    <!-- PANEL: LATEST UPDATES -->
     <div style="flex: 1; min-width: 250px; border: 1px solid #1a1a1a;">
     <div style="border: 1px solid #1a1a1a; background: #2a2a2a;">
       <div style="background: #1a1a1a; padding: 8px 15px; font-weight: bold; font-size: 1.2em; display: flex; justify-content: space-between;">
       <div style="background: #1a1a1a; padding: 15px 25px; font-weight: bold; font-size: 1.3em; display: flex; justify-content: space-between;">
         <span>Abalon News</span>
         <span>Latest Updates</span>
         <span>[[File:Icon_Small_News.png|80px]]</span>
         <span>[[File:Icon_Small_News.png|30px]]</span>
       </div>
       </div>
       <div style="padding: 25px;">
       <div style="background: #2a2a2a; padding: 20px;">
         <!-- The JS script targets this ID specifically -->
         <ul style="list-style: square; margin-left: 15px; padding: 0; line-height: 1.8;">
        <div id="abalon-news-container">
          <li>[[https://steamcommunity.com/games/1681840/announcements/detail/490459945940027763/ Abalon Is Overwhelmingly Positive!]]</li>
          <div style="text-align: center; padding: 20px; opacity: 0.5;">Connecting to Steam news feed...</div>
          <li>[[https://steamcommunity.com/games/1681840/announcements/detail/657092583901627712/ 2.89.3 Released!]]</li>
        </div>
          <li>[[https://steamcommunity.com/games/1681840/announcements/detail/657092583901626921/ 2.89.0 Released!]]</li>
          
         </ul>
         <div style="margin-top: 25px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); text-align: center;">
         <div style="margin-top: 20px; padding-top: 10px; border-top: 1px solid #1a1a1a; display: flex; flex-direction: column; gap: 8px; font-size: 0.9em;">
           <span style="font-weight: bold;">[[Upcoming features|View Roadmap & Upcoming Features →]]</span>
           <div style="display: flex; align-items: center; gap: 8px;">[[File:DevIcon.png|64px]] [[Upcoming features]]</div>
         </div>
         </div>
       </div>
       </div>

Revision as of 02:54, 14 May 2026

Chat with us live on DISCORD

Newsletter Signup