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;"> | ||
<!-- 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 12: | Line 13: | ||
<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: 12px;"> | <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/]] | ||
| Line 20: | Line 22: | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- iOS --> | |||
<div style="display: flex; align-items: center; gap: 12px;"> | <div style="display: flex; align-items: center; gap: 12px;"> | ||
[[File:Apple_Icon.svg|40px|link=https://apps.apple.com/us/app/abalon/id1235934798]] | [[File:Apple_Icon.svg|40px|link=https://apps.apple.com/us/app/abalon/id1235934798]] | ||
| Line 28: | Line 31: | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Android --> | |||
<div style="display: flex; align-items: center; gap: 12px;"> | <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:Google_Play.svg|40px|link=https://play.google.com/store/apps/details?id=air.com.d20studios.summonersfate]] | ||
| Line 39: | Line 43: | ||
</div> | </div> | ||
<div style="display: flex; flex- | <!-- Main Content Stacking Vertically --> | ||
<div style="display: flex; flex-direction: column; gap: 20px;"> | |||
<div style=" | <!-- The Game Panel (Now Full Width) --> | ||
<div style="background: #1a1a1a; padding: | <div style="border: 1px solid #1a1a1a;"> | ||
<div style="background: #1a1a1a; padding: 12px 20px; font-weight: bold; font-size: 1.3em; display: flex; justify-content: space-between; align-items: center;"> | |||
<span>The Game</span> | <span>The Game</span> | ||
<span>[[File:Icon_Small_Tree.png| | <span>[[File:Icon_Small_Tree.png|40px]]</span> | ||
</div> | </div> | ||
<div style="background: #2a2a2a; padding: | <div style="background: #2a2a2a; padding: 25px;"> | ||
<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> | <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 style="display: grid; grid-template-columns: repeat( | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-top: 25px;"> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon1.png|30px]][[Guides]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon2.png|30px]][[Resources]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon3.png|30px]][[Encounters]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon4.png|30px]][[Bosses]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon5.png|30px]][[CardLibrary|Cards]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon6.png|30px]][[ChallengeModifiers|Challenges]]</div> | ||
<div style="display: flex; align-items: center; gap: | <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: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon8.png|30px]][[Satchel]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon9.png|30px]][[Shops]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon10.png|30px]][[Biomes]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon11.png|30px]][[Difficulties]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon12.png|30px]][[Survival]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon13.png|30px]][[UnitsLibrary|Units]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon14.png|30px]][[Summoners]]</div> | ||
<div style="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:Icon15.png|30px]][[Elites]]</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style=" | <!-- News & Updates Panel (Now Below and Full Width) --> | ||
<div style="background: #1a1a1a; padding: | <div style="border: 1px solid #1a1a1a;"> | ||
<span> | <div style="background: #1a1a1a; padding: 12px 20px; font-weight: bold; font-size: 1.3em; display: flex; justify-content: space-between; align-items: center;"> | ||
<span>[[File:Icon_Small_News.png| | <span>Latest Updates & News</span> | ||
<span>[[File:Icon_Small_News.png|40px]]</span> | |||
</div> | </div> | ||
<div style="background: #2a2a2a; padding: | <div style="background: #2a2a2a; padding: 25px;"> | ||
< | <!-- This ID is targeted by the Javascript --> | ||
< | <div id="abalon-news-container"> | ||
<p style="opacity: 0.6;">Loading latest release notes...</p> | |||
</div> | |||
< | |||
<div style="margin-top: 20px; padding-top: | <!-- Upcoming Features remains at bottom --> | ||
< | <div style="margin-top: 20px; padding-top: 20px; border-top: 1px solid #1a1a1a; display: flex; align-items: center; gap: 12px;"> | ||
[[File:DevIcon.png|40px]] | |||
<span style="font-size: 1.1em; font-weight: bold;">[[Upcoming features]]</span> | |||
</div> | </div> | ||
</div> | </div> | ||
1 active editors are currently maintaining 23 articles and 1,547 files.
The Game
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!
Latest Updates & News
Loading latest release notes...
