User:Eviand/Mainpagetest: Difference between revisions
From SpiritVale Wiki
More actions
No edit summary |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 11: | Line 11: | ||
|robots=index, follow | |robots=index, follow | ||
}} | }} | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
<!-- MAIN AREA: Logo, Search, Welcome, and Introduction --> | <!-- MAIN AREA: Logo, Search, Welcome, and Introduction --> | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
__NOTOC__ | __NOTOC__ | ||
<div style="text-align:center; margin-bottom:2em;"> | <div style="text-align:center; margin-bottom:2em;"> | ||
| Line 24: | Line 26: | ||
<!-- ====================== --> | <!-- ====================== --> | ||
<!-- Search Button --> | <!-- Search Button --> | ||
<!-- - Keep citizen-search-trigger for Citizen search integration --> | |||
<!-- - Styling uses blue tokens from Common.css --> | |||
<!-- ====================== --> | <!-- ====================== --> | ||
<div class="citizen-search-trigger" role="button" style="display:flex; align-items:center; justify-content:center; padding:.45rem .9rem; margin:. | <div class="citizen-search-trigger sv-focus-ring" role="button" style="display:flex; align-items:center; justify-content:center; padding:.45rem .9rem; margin:.55rem auto 0 auto; width:100%; max-width:340px; border:2px solid var(--sv-ui-line2); border-radius:9999px; background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); cursor:pointer; text-align:center; box-shadow:var(--sv-ui-shadow1);"><span style="font-weight:800; white-space:nowrap;">Click to Search</span></div> | ||
<!-- ====================== --> | <!-- ====================== --> | ||
<!-- Welcome Message and Links --> | <!-- Welcome Message and Links --> | ||
<!-- ====================== --> | <!-- ====================== --> | ||
<div style="text-align:center; margin-top:. | <div style="text-align:center; margin-top:.85rem;"> | ||
'''Welcome to the SpiritVale Wiki''' | '''Welcome to the SpiritVale Wiki''' | ||
<br /> | <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:. | <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:.35rem;"> | ||
<div>[[File:Steam-logo.webp|center|x30px|link=https://store.steampowered.com/app/3767850/SpiritVale/]]</div> | <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:Discord-logo.webp|center|x30px|link=https://discord.gg/2Ga8ZPAj]]</div> | ||
| Line 48: | Line 52: | ||
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 /> | 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 /> | 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 | We also have a database with full details on items, monsters, and more: [https://spiritvale.info/ spiritvale.info] | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
<!-- PATCH HIGHLIGHTS SECTION --> | <!-- PATCH HIGHLIGHTS SECTION --> | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
{{PatchHighlights}} | {{PatchHighlights}} | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
<!-- CLASSES OVERVIEW TABLE --> | <!-- CLASSES OVERVIEW TABLE --> | ||
| Line 70: | Line 77: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="padding:6px; border-right:1px solid | <td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-warrior.webp|25px]] [[Warrior]]</td> | ||
<td style="padding:6px;">—</td> | <td style="padding:6px;">—</td> | ||
<td style="padding:6px;">—</td> | <td style="padding:6px;">—</td> | ||
| Line 76: | Line 83: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="padding:6px; border-right:1px solid | <td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-knight.webp|25px]] [[Knight]]</td> | ||
<td style="padding:6px;">[[File:class-paladin.webp|25px]] [[Paladin]]</td> | <td style="padding:6px;">[[File:class-paladin.webp|25px]] [[Paladin]]</td> | ||
<td style="padding:6px;">—</td> | <td style="padding:6px;">—</td> | ||
| Line 82: | Line 89: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="padding:6px; border-right:1px solid | <td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-rogue.webp|25px]] [[Rogue]]</td> | ||
<td style="padding:6px;">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td> | <td style="padding:6px;">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td> | ||
<td style="padding:6px;">—</td> | <td style="padding:6px;">—</td> | ||
| Line 88: | Line 95: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="padding:6px; border-right:1px solid | <td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-scout.webp|25px]] [[Scout]]</td> | ||
<td style="padding:6px;">—</td> | <td style="padding:6px;">—</td> | ||
<td style="padding:6px;">—</td> | <td style="padding:6px;">—</td> | ||
| Line 94: | Line 101: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="padding:6px; border-right:1px solid | <td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-mage.webp|25px]] [[Mage]]</td> | ||
<td style="padding:6px;">[[File:class-wizard.webp|25px]] [[Wizard]]</td> | <td style="padding:6px;">[[File:class-wizard.webp|25px]] [[Wizard]]</td> | ||
<td style="padding:6px;">—</td> | <td style="padding:6px;">—</td> | ||
| Line 100: | Line 107: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="padding:6px; border-right:1px solid | <td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-acolyte.webp|25px]] [[Acolyte]]</td> | ||
<td style="padding:6px;">[[File:class-priest.webp|25px]] [[Priest]]</td> | <td style="padding:6px;">[[File:class-priest.webp|25px]] [[Priest]]</td> | ||
<td style="padding:6px;">—</td> | <td style="padding:6px;">—</td> | ||
| Line 106: | Line 113: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="padding:6px; border-right:1px solid | <td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-summoner.webp|25px]] [[Summoner]]</td> | ||
<td style="padding:6px;">—</td> | <td style="padding:6px;">—</td> | ||
<td style="padding:6px;">—</td> | <td style="padding:6px;">—</td> | ||
| Line 113: | Line 120: | ||
</table> | </table> | ||
</div> | </div> | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
| Line 119: | Line 125: | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
<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; 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 --> | <!-- System Card: Character --> | ||
<!-- ====================== --> | <!-- ====================== --> | ||
<div class=" | <div class="sv-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;"> | ||
<div style="padding: | <div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;"> | ||
<div style="background:linear-gradient(180deg, | <div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; 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:0 4px;"> | <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: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: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: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: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 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> | </div> | ||
<!-- ====================== --> | <!-- ====================== --> | ||
<!-- System Card: Items --> | <!-- System Card: Items --> | ||
<!-- ====================== --> | <!-- ====================== --> | ||
<div class=" | <div class="sv-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;"> | ||
<div style="padding: | <div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;"> | ||
<div style="background:linear-gradient(180deg, | <div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; 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:0 4px;"> | <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=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: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: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: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: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 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 155: | Line 163: | ||
<!-- System Card: Combat --> | <!-- System Card: Combat --> | ||
<!-- ====================== --> | <!-- ====================== --> | ||
<div class=" | <div class="sv-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;"> | ||
<div style="padding: | <div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;"> | ||
<div style="background:linear-gradient(180deg, | <div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; 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:0 4px;"> | <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=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: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: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: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 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 171: | Line 179: | ||
<!-- System Card: World --> | <!-- System Card: World --> | ||
<!-- ====================== --> | <!-- ====================== --> | ||
<div class=" | <div class="sv-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;"> | ||
<div style="padding: | <div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;"> | ||
<div style="background:linear-gradient(180deg, | <div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; 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:0 4px;"> | <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: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: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: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: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: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 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> | ||