User:Eviand/Mainpagetest: Difference between revisions
From SpiritVale Wiki
More actions
| Line 104: | Line 104: | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
<!-- PORTAL CARDS: | <!-- PORTAL CARDS: fixed size, 5 per column, centered --> | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
<div style="display:grid; grid-template- | <div style="display:grid; grid-auto-flow:column; grid-template-rows:repeat(5,200px); grid-auto-columns:200px; gap:12px; justify-content:center; align-content:start; width:100%; min-width:0;"> | ||
<!-- =================== --> | <!-- =================== --> | ||
<!-- Character Systems --> | <!-- Character Systems --> | ||
<!-- =================== --> | <!-- =================== --> | ||
<div style="border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; | <div style="width:200px; height:200px; box-sizing:border-box; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; display:flex; flex-direction:column; align-items:center; text-align:center;"> | ||
<div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Character]] <span>Character</span></div> | |||
<div style="padding: | <div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:SpiritValeLogo.png|24px|link=Character]]</span> <span>'''[[Character|Character]]'''</span></div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:CharacterIcon.png|24px|link=Attributes]]</span> [[Attributes|Attributes]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:SkillsIcon.png|24px|link=Skills]]</span> [[Skills|Skills]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:StorageIcon.png|24px|link=Storage]]</span> [[Storage|Storage]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><span>[[File:GoldCoin.png|24px|link=Coin]]</span> [[Coin|Coin]]</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> | </div> | ||
| Line 125: | Line 125: | ||
<!-- Items Card --> | <!-- Items Card --> | ||
<!-- ============ --> | <!-- ============ --> | ||
<div style="border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; | <div style="width:200px; height:200px; box-sizing:border-box; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; display:flex; flex-direction:column; align-items:center; text-align:center;"> | ||
<div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Items]] <span>Items</span></div> | |||
<div style="padding: | <div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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=Items]]</span> <span>'''[[Items|Items]]'''</span></div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:SpiritValeLogo.png|24px|link=Consumables]]</span> [[Consumables|Consumables]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:EquipmentIcon.png|24px|link=Equipment]]</span> [[Equipment|Equipment]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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: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;"><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:ArtifactIcon.png|24px|link=Artifacts]]</span> [[Artifacts|Artifacts]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><span>[[File:SpiritValeLogo.png|24px|link=Materials]]</span> [[Materials|Materials]]</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> | </div> | ||
| Line 140: | Line 140: | ||
<!-- Combat Card --> | <!-- Combat Card --> | ||
<!-- ============== --> | <!-- ============== --> | ||
<div style="border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; | <div style="width:200px; height:200px; box-sizing:border-box; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; display:flex; flex-direction:column; align-items:center; text-align:center;"> | ||
<div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Combat]] <span>Combat</span></div> | |||
<div style="padding: | <div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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=Combat]]</span> <span>'''[[Combat|Combat]]'''</span></div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:SpiritValeLogo.png|24px|link=Dodge Roll]]</span> [[Dodge Roll|Dodge Roll]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:NeutralIcon.png|24px|link=Elements]]</span> [[Elements|Elements]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:BossMonsterIcon.webp|24px|link=Monsters]]</span> [[Monsters|Monsters]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><span>[[File:SpiritValeLogo.png|24px|link=Arena]]</span> [[Arena|Arena]]</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> | </div> | ||
| Line 154: | Line 154: | ||
<!-- World Card --> | <!-- World Card --> | ||
<!-- ============== --> | <!-- ============== --> | ||
<div style="border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; | <div style="width:200px; height:200px; box-sizing:border-box; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; display:flex; flex-direction:column; align-items:center; text-align:center;"> | ||
<div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=World]] <span>World</span></div> | |||
<div style="padding: | <div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:SpiritValeLogo.png|24px|link=World]]</span> <span>'''[[World|World]]'''</span></div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:WaypointsIcon.png|24px|link=Waypoints]]</span> [[Waypoints|Waypoints]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:Map_Icon.png|24px|link=Maps]]</span> [[Maps|Maps]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:NPCIcon.png|24px|link=NPC]]</span> [[NPC|Non-Player Characters]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><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:Refinement.png|24px|link=Refinement]]</span> [[Refinement|Refinement]]</div> | ||
<div style="display:flex; align-items:center; gap:.35rem; margin:.2rem 0;"><span>[[File:CraftingIcon.webp|24px|link=Crafting System]]</span> [[Crafting System|Crafting]]</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> | ||
Revision as of 23:44, 13 October 2025
Click to Search
Welcome to the SpiritVale Wiki
Steam page • https://spiritvale.info/
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
18 December 2025
New weapon graphics, leech and autocast system changes, and balance adjustments across multiple classes.
