User:Eviand/Mainpagetest: Difference between revisions

|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

<div class="citizen-search-trigger sv-hover-lift sv-focus-ring sv-tile" role="button" tabindex="0" style="display:flex; align-items:center; justify-content:center; padding:.55rem 1rem; margin:.7rem auto 0 auto; width:100%; max-width:340px; max-height:44px; min-height:44px; border-radius:999px; cursor:pointer; text-align:center; box-sizing:border-box;">

<span style="font-weight:800; white-space:nowrap;">Click to Search</span>

'''Welcome to the SpiritVale Wiki'''

<div style="display:grid; grid-template-columns:repeat(auto-fit, 100px); justify-content:center; gap:8px; place-items:center; width:100%; min-width:0; margin-top:.45rem;">

<div class="sv-hover-lift">[[File:Steam-logo.webp|center|x30px|link=https://store.steampowered.com/app/3767850/SpiritVale/]]</div>

<div class="sv-hover-lift">[[File:Discord-logo.webp|center|x30px|link=https://discord.gg/SpiritVale]]</div>

<div class="sv-hover-lift">[[File:Reddit-logo.webp|center|x30px|link=https://www.reddit.com/r/SpiritVale/]]</div>

<div class="sv-hover-lift">[[File:Kofi-logo.webp|center|x30px|link=https://ko-fi.com/renbaikun]]</div>

<div class="sv-hover-lift">[[File:Database-logo.webp|center|x30px|link=https://spiritvale.info/]]</div>

</div>

<div class="sv-tile" style="display:flex; align-items:center; justify-content:center; gap:.45rem; padding:.75rem 1rem; border-radius:0; border-left:none; border-right:none; border-top:none;">

[[File:Classes.png|25px|link=Classes]]

<b>Classes</b>

</div>

<div style="padding:8px; overflow:auto; -webkit-overflow-scrolling:touch;">

<table style="width:100%; table-layout:fixed; font-size:100%; text-align:center; border-collapse:separate; border-spacing:0;">

<tr>

<th style="padding:8px;">Base</th>

<th style="padding:8px;">Advanced I</th>

<th style="padding:8px;">Advanced II</th>

<th style="padding:8px;">Advanced III</th>

</tr>

<tr>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-warrior.webp|25px]] [[Warrior]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

</tr>

<tr>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-knight.webp|25px]] [[Knight]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-paladin.webp|25px]] [[Paladin]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

</tr>

<tr>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-rogue.webp|25px]] [[Rogue]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

</tr>

<tr>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-scout.webp|25px]] [[Scout]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

</tr>

<tr>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-mage.webp|25px]] [[Mage]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-wizard.webp|25px]] [[Wizard]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

</tr>

<tr>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-acolyte.webp|25px]] [[Acolyte]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-priest.webp|25px]] [[Priest]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

</tr>

<tr>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-summoner.webp|25px]] [[Summoner]]</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>

</tr>

</table>

</div>

<!-- Character -->

<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">

<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">

<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; 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:2px 4px 4px 4px;">

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Character]] '''[[Character|Character]]'''</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:CharacterIcon.png|24px|link=Attributes]] [[Attributes|Attributes]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SkillsIcon.png|24px|link=Skills]] [[Skills|Skills]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:StorageIcon.png|24px|link=Storage]] [[Storage|Storage]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:GoldCoin.png|24px|link=Coin]] [[Coin|Coin]]</div>

</div>

</div>

</div>

<!-- Items -->

<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">

<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">

<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; 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:2px 4px 4px 4px;">

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Items]] '''[[Items|Items]]'''</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Consumables]] [[Consumables|Consumables]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:EquipmentIcon.png|24px|link=Equipment]] [[Equipment|Equipment]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:CardIcon.webp|24px|link=Card System#Cards]] [[Card System#Cards|Cards]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:ArtifactIcon.png|24px|link=Artifacts]] [[Artifacts|Artifacts]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Materials]] [[Materials|Materials]]</div>

</div>

</div>

</div>

<!-- Combat -->

<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">

<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">

<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; 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:2px 4px 4px 4px;">

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Combat]] '''[[Combat|Combat]]'''</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Dodge Roll]] [[Dodge Roll|Dodge Roll]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:NeutralIcon.png|24px|link=Elements]] [[Elements|Elements]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:BossMonsterIcon.webp|24px|link=Monsters]] [[Monsters|Monsters]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Arena]] [[Arena|Arena]]</div>

</div>

</div>

</div>

<!-- World -->

<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">

<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">

<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; 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:2px 4px 4px 4px;">

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=World]] '''[[World|World]]'''</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:WaypointsIcon.png|24px|link=Waypoints]] [[Waypoints|Waypoints]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:Map_Icon.png|24px|link=Maps]] [[Maps|Maps]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:NPCIcon.png|24px|link=NPC]] [[NPC|Non-Player Characters]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:Refinement.png|24px|link=Refinement]] [[Refinement|Refinement]]</div>

<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:CraftingIcon.webp|24px|link=Crafting System]] [[Crafting System|Crafting]]</div>

</div>

</div>

</div>