- D20 Studios Wiki

Main Page: Difference between revisions

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


   <!-- Header Section -->
   <!-- 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;">
      <!-- Steam -->
      <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;">
      <!-- iOS -->
        [[File:Google_Play.svg|40px|link=https://play.google.com/store/apps/details?id=air.com.d20studios.summonersfate]]
      <div style="display: flex; align-items: center; gap: 12px;">
        <div><div style="font-size: 0.7em; color: #a3d9ff;">ANDROID</div><div style="font-weight: bold;">v2.96.0</div></div>
        [[File:Apple_Icon.svg|40px|link=https://apps.apple.com/us/app/abalon/id1235934798]]
      </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>
      <!-- Android -->
      <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>


   <!-- Main Content Stacking Vertically -->
   <!-- STACKED CONTENT -->
   <div style="display: flex; flex-direction: column; gap: 20px;">
   <div style="display: flex; flex-direction: column; gap: 25px;">


     <!-- The Game Panel (Now Full Width) -->
     <!-- PANEL: THE GAME -->
     <div style="border: 1px solid #1a1a1a;">
     <div style="border: 1px solid #1a1a1a; background: #2a2a2a;">
       <div style="background: #1a1a1a; padding: 12px 20px; font-weight: bold; font-size: 1.3em; display: flex; justify-content: space-between; align-items: center;">
       <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|40px]]</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: 25px;">
           <div>[[File:Icon1.png|24px]] [[Guides]]</div>
         <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>
           <div>[[File:Icon5.png|24px]] [[CardLibrary|Cards]]</div>
       
           <div>[[File:Icon13.png|24px]] [[UnitsLibrary|Units]]</div>
         <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-top: 25px;">
           <div>[[File:Icon14.png|24px]] [[Summoners]]</div>
           <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon1.png|30px]][[Guides]]</div>
           <div>[[File:Icon7.png|24px]] [[PlayerProgression|The Tower]]</div>
           <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon2.png|30px]][[Resources]]</div>
           <div>[[File:Icon3.png|24px]] [[Encounters]]</div>
          <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon3.png|30px]][[Encounters]]</div>
           <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon4.png|30px]][[Bosses]]</div>
          <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon5.png|30px]][[CardLibrary|Cards]]</div>
           <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon6.png|30px]][[ChallengeModifiers|Challenges]]</div>
           <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon7.png|30px]][[PlayerProgression|The Tower]]</div>
           <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon8.png|30px]][[Satchel]]</div>
          <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon9.png|30px]][[Shops]]</div>
          <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon10.png|30px]][[Biomes]]</div>
          <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon11.png|30px]][[Difficulties]]</div>
          <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon12.png|30px]][[Survival]]</div>
          <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon13.png|30px]][[UnitsLibrary|Units]]</div>
          <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon14.png|30px]][[Summoners]]</div>
          <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon15.png|30px]][[Elites]]</div>
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>


     <!-- News & Updates Panel (Now Below and Full Width) -->
     <!-- PANEL: LATEST UPDATES -->
     <div style="border: 1px solid #1a1a1a;">
     <div style="border: 1px solid #1a1a1a; background: #2a2a2a;">
       <div style="background: #1a1a1a; padding: 12px 20px; font-weight: bold; font-size: 1.3em; display: flex; justify-content: space-between; align-items: center;">
       <div style="background: #1a1a1a; padding: 15px 25px; font-weight: bold; font-size: 1.3em; display: flex; justify-content: space-between;">
         <span>Latest Updates & News</span>
         <span>Latest Updates</span>
         <span>[[File:Icon_Small_News.png|40px]]</span>
         <span>[[File:Icon_Small_News.png|30px]]</span>
       </div>
       </div>
       <div style="background: #2a2a2a; padding: 25px;">
       <div style="padding: 25px;">
         <!-- This ID is targeted by the Javascript -->
         <!-- The JS script targets this ID specifically -->
         <div id="abalon-news-container">
         <div id="abalon-news-container">
          <p style="opacity: 0.6;">Loading latest release notes...</p>
          <div style="text-align: center; padding: 20px; opacity: 0.5;">Connecting to Steam news feed...</div>
         </div>
         </div>
          
          
        <!-- Upcoming Features remains at bottom -->
         <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: 20px; border-top: 1px solid #1a1a1a; display: flex; align-items: center; gap: 12px;">
           <span style="font-weight: bold;">[[Upcoming features|View Roadmap & Upcoming Features →]]</span>
          [[File:DevIcon.png|40px]]
           <span style="font-size: 1.1em; font-weight: bold;">[[Upcoming features]]</span>
         </div>
         </div>
       </div>
       </div>

Revision as of 02:53, 14 May 2026

Official Abalon Wiki
The community-driven guide for Summoners.
STEAM
v2.96.0
iOS
v2.96.0
ANDROID
v2.96.0
The Game

Abalon combines tactical turn-based combat with card strategy. Explore tabletop worlds, build your deck, and defeat legendary bosses.

       Latest Updates
Connecting to Steam news feed...
Retrieved from "https://d20studios.com/wiki/index.php?title=Main_Page&oldid=3182"

Chat with us live on DISCORD

Newsletter Signup