User:Eviand/Mainpagetest: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 05:54, 9 December 2025

Click to Search

Welcome to the SpiritVale Wiki

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: https://spiritvale.info/

Recent Updates
SpiritVale Playtest 0.8.2 4 December 2025 Small update to resolve issue around exploits, and a server rollback. SpiritVale Playtest 0.8.1 3 December 2025 Small update to fix issues with Sanctum of Light SpiritVale Playtest 0.8.0 3 December 2025 Major update adding the Vending System, new maps, and significant class balance adjustments

Classes
Base	Advanced I	Advanced II	Advanced III
Warrior	—	—	—
Knight	Paladin	—	—
Rogue	Shinobi	—	—
Scout	—	—	—
Mage	Wizard	—	—
Acolyte	Priest	—	—
Summoner	—	—	—

@@ Line 1: / Line 1: @@
-{{Template:PageHeader
+{{#seo:
-| PageImage = SpiritValeLogo.png
+ |title=SpiritVale Wiki — Classes, Items, Maps, Monsters & Guides
-| PageHeader = Welcome to the SpiritVale Wiki
+ |title_mode=replace
+ |description=SpiritVale Wiki: the community hub for classes, builds, skills, items, maps, monsters, crafting, and guides for the action MMORPG SpiritVale.
+ |keywords=SpiritVale, Spirit Vale, MMORPG, wiki, classes, builds, skills, guides, maps, monsters, items, crafting, cards, artifacts
+ |type=website
+ |site_name=SpiritVale Wiki
+ |locale=en-US
+ |image=SpiritValeLogo.png
+ |image_alt=SpiritVale logo and montage representing classes, items, combat, and world
+ |robots=index, follow
 }}
+<!-- ========================================================= -->
+<!-- MAIN AREA: Logo, Search, Welcome, and Introduction -->
+<!-- ========================================================= -->
+__NOTOC__
+<div style="text-align:center; margin-bottom:2em;">
-<div style="display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; margin-bottom:2em;">
+<!-- ====================== -->
+<!-- Site Logo -->
+<!-- ====================== -->
+[[File:SpiritValeLogo.png|center|alt=Welcome to the SpiritVale Wiki!]]
-<!-- Text Section (Left) -->
+<!-- ====================== -->
-<div style="flex:1 1 50%; padding:0 2em; text-align:center; min-width:350px;">
+<!-- Search Button -->
-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.<br><br>
+<!-- ====================== -->
+<div class="citizen-search-trigger" role="button" style="display:flex; align-items:center; justify-content:center; padding:.45rem .9rem; margin:.5rem auto 0 auto; width:100%; max-width:320px; border:2px solid #3e365e; border-radius:9999px; background:linear-gradient(180deg,#8b7fca,#5a4e7c); color:#fff; cursor:pointer; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.18);"><span style="font-weight:700; white-space:nowrap; text-shadow:0 1px 0 rgba(0,0,0,.25);">Click to Search</span></div>
-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.<br><br>
+<!-- ====================== -->
+<!-- Welcome Message and Links -->
-We also have a database that has all the details on items, monsters, and more: [https://spiritvale.info/](https://spiritvale.info/)
+<!-- ====================== -->
-</div>
+<div style="text-align:center; margin-top:.75rem;">
+'''Welcome to the SpiritVale Wiki'''
-<!-- Infobox Section (Right) -->
+<br />
-<div style="flex:0 0 35%; min-width:350px; margin:0 auto 2em auto;">
+<div style="display:grid;grid-template-columns:repeat(auto-fit, 100px);justify-content:center;gap:6px;place-items:center;width:100%;min-width:0;margin-top:.25rem;">
-{| style="width:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0;"
+<div>[[File:Steam-logo.webp|center|x30px|link=https://store.steampowered.com/app/3767850/SpiritVale/]]</div>
-|-
+<div>[[File:Discord-logo.webp|center|x30px|link=https://discord.gg/2Ga8ZPAj]]</div>
-! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; line-height:1.2em; border-top-left-radius:10px; border-top-right-radius:10px;" |
+<div>[[File:Reddit-logo.webp|center|x30px|link=https://www.reddit.com/r/SpiritVale/]]</div>
-'''Key Features'''
+<div>[[File:Kofi-logo.webp|x30px|center|link=https://ko-fi.com/renbaikun]]</div>
-|-
+<div>[[File:Database-logo.webp|center|x30px|link=https://spiritvale.info/]]</div>
-| style="padding:12px; text-align:left; line-height:1.7; font-size:100%;" |
-'''🛡️ 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.
-|}
-</div>
-</div>
-<!-- Horizontal Separator -->
-<div style="width:100%; border-top:1px solid #ccc; margin:2em 0;"></div>
-<div style="max-width:100%; margin:0 3px; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); background:#f0f2f8;">
-<div style="background:#f0f2f8; color:white; text-align:center; padding:4px 4px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
-<div style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;font-size:300%;">
-'''Explore the World'''
-</div>
-</div>
-</div>
-<br>
-<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;">
-<div style="background:#f0f2f8; color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
-<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'''
 </div>
-<div style="padding:1px; display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap:5px; text-align:center; font-size:115%;">
-<div style="padding:1px;">
-[[File:WarriorIcon.webp|80px|link=Warrior]]<br />
-[[Warrior]]
 </div>
-<div style="padding:1px;">
+<!-- ====================== -->
-[[File:KnightIcon.webp|80px|link=Knight]]<br />
+<!-- Introductory Description -->
-[[Knight]]
+<!-- ====================== -->
+<div style="max-width:1000px; margin:1.25em auto; line-height:1.6; font-size:110%;">
+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.<br /><br />
+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.<br /><br />
+We also have a database that has all the details on items, monsters, and more: [https://spiritvale.info/ https://spiritvale.info/]
 </div>
-<div style="padding:1px;">
-[[File:MageIcon.webp|80px|link=Mage]]<br />
-[[Mage]]
 </div>
+<!-- ========================================================= -->
-<div style="padding:1px;">
+<!-- PATCH HIGHLIGHTS SECTION -->
-[[File:RogueIcon.webp|80px|link=Rogue]]<br />
+<!-- ========================================================= -->
-[[Rogue]]
+{{PatchHighlights}}
+<!-- ========================================================= -->
+<!-- CLASSES OVERVIEW TABLE -->
+<!-- ========================================================= -->
+<div style="padding:6px; overflow:auto; -webkit-overflow-scrolling:touch; background:transparent;">
+<table class="custom-table" style="width:100%; table-layout:fixed; font-size:100%; text-align:center;">
+<tr>
+<th colspan="4">[[File:Classes.png|25px|link=Classes]] <span>Classes</span></th>
+</tr>
+<tr>
+<th>Base</th>
+<th>Advanced I</th>
+<th>Advanced II</th>
+<th>Advanced III</th>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-warrior.webp|25px]] [[Warrior]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-knight.webp|25px]] [[Knight]]</td>
+<td style="padding:6px;">[[File:class-paladin.webp|25px]] [[Paladin]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-rogue.webp|25px]] [[Rogue]]</td>
+<td style="padding:6px;">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-scout.webp|25px]] [[Scout]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-mage.webp|25px]] [[Mage]]</td>
+<td style="padding:6px;">[[File:class-wizard.webp|25px]] [[Wizard]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-acolyte.webp|25px]] [[Acolyte]]</td>
+<td style="padding:6px;">[[File:class-priest.webp|25px]] [[Priest]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-summoner.webp|25px]] [[Summoner]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+</table>
 </div>
-<div style="padding:1px;">
-[[File:ScoutIcon.webp|80px|link=Scout]]<br />
-[[Scout]]
-</div>
-<div style="padding:1px;">
+<!-- ========================================================= -->
-[[File:AcolyteIcon.webp|80px|link=Acolyte]]<br />
+<!-- SYSTEMS GRID (Character, Items, Combat, World) -->
-[[Acolyte]]
+<!-- ========================================================= -->
-</div>
-<div style="padding:1px;">
+<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;justify-items:center;align-content:start;width:100%;min-width:0;">
-[[File:SummonerIcon.webp|80px|link=Summoner]]<br />
+<!-- ====================== -->
-[[Summoner]]
+<!-- System Card: Character -->
+<!-- ====================== -->
+<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;">
+<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
+<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:.35rem;">[[File:SpiritValeLogo.png|30px|link=Character]] <b>Character</b></div>
+<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;">
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Character]]</span> <span>'''[[Character|Character]]'''</span></div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:CharacterIcon.png|24px|link=Attributes]]</span> [[Attributes|Attributes]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SkillsIcon.png|24px|link=Skills]]</span> [[Skills|Skills]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:StorageIcon.png|24px|link=Storage]]</span> [[Storage|Storage]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:GoldCoin.png|24px|link=Coin]]</span> [[Coin|Coin]]</div>
 </div>
 </div>
 </div>
+<!-- ====================== -->
+<!-- System Card: Items -->
+<!-- ====================== -->
+<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;">
+<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
+<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:.35rem;">[[File:SpiritValeLogo.png|30px|link=Items]] <b>Items</b></div>
+<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;">
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Items]]</span> <span>'''[[Items|Items]]'''</span></div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Consumables]]</span> [[Consumables|Consumables]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:EquipmentIcon.png|24px|link=Equipment]]</span> [[Equipment|Equipment]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:CardIcon.webp|24px|link=Card System#Cards]]</span> [[Card System#Cards|Cards]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:ArtifactIcon.png|24px|link=Artifacts]]</span> [[Artifacts|Artifacts]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Materials]]</span> [[Materials|Materials]]</div>
 </div>
-<br>
-<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;">
-<div style="background:#f0f2f8; color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
-<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'''
 </div>
-<div style="padding:1px; display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap:5px; text-align:center; font-size:115%;">
-<div style="padding:1px;">
-[[File:CharacterIcon.png|70px|link=Character]]<br />
-[[Attributes]]
 </div>
-<div style="padding:1px;">
+<!-- ====================== -->
-[[File:Classes.png|70px|link=Classes]]<br />
+<!-- System Card: Combat -->
-[[Classes]]
+<!-- ====================== -->
+<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;">
+<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
+<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:.35rem;">[[File:SpiritValeLogo.png|30px|link=Combat]] <b>Combat</b></div>
+<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;">
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Combat]]</span> <span>'''[[Combat|Combat]]'''</span></div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Dodge Roll]]</span> [[Dodge Roll|Dodge Roll]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:NeutralIcon.png|24px|link=Elements]]</span> [[Elements|Elements]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:BossMonsterIcon.webp|24px|link=Monsters]]</span> [[Monsters|Monsters]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Arena]]</span> [[Arena|Arena]]</div>
 </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:StorageIcon.png|70px|link=Storage]]<br />
+<!-- System Card: World -->
-[[Storage]]
+<!-- ====================== -->
+<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;">
+<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
+<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:.35rem;">[[File:SpiritValeLogo.png|30px|link=World]] <b>World</b></div>
+<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;">
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=World]]</span> <span>'''[[World|World]]'''</span></div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:WaypointsIcon.png|24px|link=Waypoints]]</span> [[Waypoints|Waypoints]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:Map_Icon.png|24px|link=Maps]]</span> [[Maps|Maps]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:NPCIcon.png|24px|link=NPC]]</span> [[NPC|Non-Player Characters]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:Refinement.png|24px|link=Refinement]]</span> [[Refinement|Refinement]]</div>
+<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:CraftingIcon.webp|24px|link=Crafting System]]</span> [[Crafting System|Crafting]]</div>
 </div>
-<div style="padding:1px;">
-[[File:CraftingIcon.webp|70px|link=Crafting]]<br />
-[[Crafting]]
 </div>
-<div style="padding:1px;">
-[[File:NPCIcon.png|70px|link=NPC]]<br />
-[[Non-Player Character]]
 </div>
-<div style="padding:1px;">
-[[File:Map_Icon.png|70px|link=Maps]]<br />
-[[Maps]]
 </div>
-<div style="padding:1px;">
-[[File:WaypointsIcon.png|70px|link=Waypoints]]<br />
-[[Waypoints]]
 </div>
-<div style="padding:1px;">
-[[File:BossMonsterIcon.webp|70px|link=Boss Monsters]]<br />
-[[Boss Monsters]]
 </div>
-</div>
-</div>
 </div>