User:Eviand/Mainpagetest: Difference between revisions
From SpiritVale Wiki
More actions
| Line 103: | Line 103: | ||
== Systems == | == Systems == | ||
<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;"> | |||
<div style="display:grid | |||
<div style="width:100%;max-width:250px;height:250px;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="flex:1 1 auto;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:4px 6px;"> | |||
<div style="width:250px; height:250px; 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;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; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Character]] <span>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="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;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: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: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: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: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: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> | </div> | ||
<div style="width:100%;max-width:250px;height:250px;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="flex:1 1 auto;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:4px 6px;"> | |||
<div style="width:250px; height:250px; 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;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; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Items]] <span>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="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;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: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: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: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: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: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: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: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> | </div> | ||
<div style="width:100%;max-width:250px;height:250px;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="flex:1 1 auto;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:4px 6px;"> | |||
<div style="width:250px; height:250px; 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;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; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Combat]] <span>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="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;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: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: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=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=Arena]]</span> [[Arena|Arena]]</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> | </div> | ||
<div style="width:100%;max-width:250px;height:250px;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="flex:1 1 auto;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:4px 6px;"> | |||
<div style="width:250px; height:250px; 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;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; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=World]] <span>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="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;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: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: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: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: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: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: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: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> | ||
Revision as of 03:41, 14 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.
