User:Eviand/Mainpagetest: Difference between revisions

Revision as of 04:24, 2 September 2025

Join the Playtest on Steam Now: SpiritVale

SpiritVale is a free-to-play, class-based action MMORPG inspired by Ragnarok Online. Build your own hero, battle corrupted creatures, and uncover lost history in a world torn by magic and decay.

Choose a base class—Warrior, Knight, Mage, Rogue, Scout, Acolyte or Summoner—and unlock unique skill trees and advanced specializations as you grow. Explore diverse biomes, battle powerful bosses, and team up with friends in real-time, action-based combat.

We also have a database that has all the details on items, monsters, and more: [1](https://spiritvale.info/)

Key Features

🛡️ Classic-Inspired Progression Seven distinct base classes, each with branching advanced paths and unique skills.

⚔️ Real-Time Combat Action-focused battles with dodge rolls, AoEs, and directional abilities.

🐾 Summon Creatures Summoner class only – call forth magical allies.

🛠️ Gear, Crafting & Cards Customize with items, crafted headgear, and card enhancements.

🌍 Stylized World A vibrant low-poly world filled with monsters, ruins, and cryptic lore.

🤝 Online Co-op Team up to tackle dungeons and rare bosses.

🎁 No Pay-to-Win Free-to-play with cosmetics and supporter perks only.

Explore the World

Game Systems

Classes

@@ Line 64: / Line 64: @@
 </div>
 <br>
+<!-- Game Systems now comes FIRST -->
 <div style="max-width:75%; margin:0 auto; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">
@@ Line 69: / Line 71: @@
 <div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:200%;">
-'''Classes'''
+'''Game Systems'''
 </div>
@@ Line 75: / Line 77: @@
 <div style="padding:1px;">
-[[File:WarriorIcon.webp|80px|link=Warrior]]<br />
+[[File:CharacterIcon.png|70px|link=Character]]<br />
-[[Warrior]]
+[[Attributes]]
+</div>
+<div style="padding:1px;">
+[[File:Classes.png|70px|link=Classes]]<br />
+[[Classes]]
+</div>
+<div style="padding:1px;">
+[[File:Refinement.png|70px|link=Refinement]]<br />
+[[Refinement]]
+</div>
+<div style="padding:1px;">
+[[File:CardIcon.webp|70px|link=Card]]<br />
+[[Card]]
 </div>
 <div style="padding:1px;">
-[[File:KnightIcon.webp|80px|link=Knight]]<br />
+[[File:StorageIcon.png|70px|link=Storage]]<br />
-[[Knight]]
+[[Storage]]
 </div>
 <div style="padding:1px;">
-[[File:MageIcon.webp|80px|link=Mage]]<br />
+[[File:CraftingIcon.webp|70px|link=Crafting]]<br />
-[[Mage]]
+[[Crafting]]
 </div>
 <div style="padding:1px;">
-[[File:RogueIcon.webp|80px|link=Rogue]]<br />
+[[File:NPCIcon.png|70px|link=NPC]]<br />
-[[Rogue]]
+[[Non-Player Character]]
 </div>
 <div style="padding:1px;">
-[[File:ScoutIcon.webp|80px|link=Scout]]<br />
+[[File:Map_Icon.png|70px|link=Maps]]<br />
-[[Scout]]
+[[Maps]]
 </div>
 <div style="padding:1px;">
-[[File:AcolyteIcon.webp|80px|link=Acolyte]]<br />
+[[File:WaypointsIcon.png|60px|link=Waypoints]]<br />
-[[Acolyte]]
+[[Waypoints]]
 </div>
 <div style="padding:1px;">
-[[File:SummonerIcon.webp|80px|link=Summoner]]<br />
+[[File:BossMonsterIcon.webp|70px|link=Boss Monsters]]<br />
-[[Summoner]]
+[[Boss Monsters]]
 </div>
@@ Line 114: / Line 131: @@
 <br>
+<!-- Classes now comes AFTER Game Systems -->
 <div style="max-width:75%; margin:0 auto; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">
@@ Line 119: / Line 137: @@
 <div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:200%;">
-'''Game Systems'''
+'''Classes'''
 </div>
@@ Line 125: / Line 143: @@
 <div style="padding:1px;">
-[[File:CharacterIcon.png|70px|link=Character]]<br />
+[[File:WarriorIcon.webp|80px|link=Warrior]]<br />
-[[Attributes]]
+[[Warrior]]
 </div>
 <div style="padding:1px;">
-[[File:Classes.png|70px|link=Classes]]<br />
+[[File:KnightIcon.webp|80px|link=Knight]]<br />
-[[Classes]]
+[[Knight]]
 </div>
 <div style="padding:1px;">
-[[File:Refinement.png|70px|link=Refinement]]<br />
+[[File:MageIcon.webp|80px|link=Mage]]<br />
-[[Refinement]]
+[[Mage]]
 </div>
 <div style="padding:1px;">
-[[File:CardIcon.webp|70px|link=Card]]<br />
+[[File:RogueIcon.webp|80px|link=Rogue]]<br />
-[[Card]]
+[[Rogue]]
 </div>
 <div style="padding:1px;">
-[[File:StorageIcon.png|70px|link=Storage]]<br />
+[[File:ScoutIcon.webp|80px|link=Scout]]<br />
-[[Storage]]
+[[Scout]]
 </div>
 <div style="padding:1px;">
-[[File:CraftingIcon.webp|70px|link=Crafting]]<br />
+[[File:AcolyteIcon.webp|80px|link=Acolyte]]<br />
-[[Crafting]]
+[[Acolyte]]
 </div>
 <div style="padding:1px;">
-[[File:NPCIcon.png|70px|link=NPC]]<br />
+[[File:SummonerIcon.webp|80px|link=Summoner]]<br />
-[[Non-Player Character]]
+[[Summoner]]
-</div>
-<div style="padding:1px;">
-[[File:Map_Icon.png|70px|link=Maps]]<br />
-[[Maps]]
-</div>
-<div style="padding:1px;">
-[[File:WaypointsIcon.png|60px|link=Waypoints]]<br />
-[[Waypoints]]
-</div>
-<div style="padding:1px;">
-[[File:BossMonsterIcon.webp|70px|link=Boss Monsters]]<br />
-[[Boss Monsters]]
 </div>