No edit summary |
No edit summary |
||
| 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: 1200px; margin: 0 auto;"> | ||
<!-- 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 39: | Line 40: | ||
</div> | </div> | ||
<div style="display: flex; flex- | <!-- Main Vertical Container --> | ||
<div style="display: flex; flex-direction: column; gap: 20px;"> | |||
<div style=" | <!-- TOP PANEL: THE GAME (Full Width) --> | ||
<div style="background: #1a1a1a; padding: 8px 15px; font-weight: bold; font-size: 1.2em; display: flex; justify-content: space-between;"> | <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;"> | |||
<span>The Game</span> | <span>The Game</span> | ||
<span>[[File:Icon_Small_Tree.png| | <span>[[File:Icon_Small_Tree.png|30px]]</span> | ||
</div> | </div> | ||
<div style="background: #2a2a2a; padding: 20px;"> | <div style="background: #2a2a2a; padding: 20px;"> | ||
<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(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 69: | Line 72: | ||
</div> | </div> | ||
<div style=" | <!-- BOTTOM PANEL: ABALON NEWS (Full Width) --> | ||
<div style="background: #1a1a1a; padding: 8px 15px; font-weight: bold; font-size: 1.2em; display: flex; justify-content: space-between;"> | <div style="border: 1px solid #1a1a1a; width: 100%;"> | ||
<span> | <div style="background: #1a1a1a; padding: 8px 15px; font-weight: bold; font-size: 1.2em; 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|30px]]</span> | |||
</div> | </div> | ||
<div style="background: #2a2a2a; padding: 20px;"> | <div style="background: #2a2a2a; padding: 20px;"> | ||
<!-- Dynamic News Injected Here --> | <!-- 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;"> | <div style="opacity: 0.5; text-align: center; padding: 10px;">Connecting to Steam news...</div> | ||
</div> | </div> | ||
<div style="margin-top: 20px; padding-top: | <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="display: flex; align-items: center; gap: | <div style="display: flex; align-items: center; gap: 10px;">[[File:DevIcon.png|40px]] [[Upcoming features|Roadmap & 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> | ||
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
<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>
