Editing User:Eviand/Mainpagetest

{{#seo:
 |title=SpiritVale Wiki — Classes, Items, Maps, Monsters & Guides
 |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;">

<!-- ====================== -->
<!-- Site Logo -->
<!-- ====================== -->
[[File:SpiritValeLogo.png|center|alt=Welcome to the SpiritVale Wiki!]]

<!-- ====================== -->
<!-- Search Button -->
<!-- ====================== -->
<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>

<!-- ====================== -->
<!-- Welcome Message and Links -->
<!-- ====================== -->
<div style="text-align:center; margin-top:.75rem;">
'''Welcome to the SpiritVale Wiki'''  
<br />
<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;">
<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>
<div>[[File:Reddit-logo.webp|center|x30px|link=https://www.reddit.com/r/SpiritVale/]]</div>
<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>
</div>
</div>

<!-- ====================== -->
<!-- Introductory Description -->
<!-- ====================== -->
<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>
<!-- ========================================================= -->
<!-- PATCH HIGHLIGHTS SECTION -->
<!-- ========================================================= -->
{{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>


<!-- ========================================================= -->
<!-- SYSTEMS GRID (Character, Items, Combat, World) -->
<!-- ========================================================= -->

<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;">
<!-- ====================== -->
<!-- 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>
</div>
</div>

<!-- ====================== -->
<!-- System Card: Combat -->
<!-- ====================== -->
<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>
</div>

<!-- ====================== -->
<!-- System Card: World -->
<!-- ====================== -->
<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>
</div>

</div>
</div>
</div>

</div>