Main Page: Difference between revisions

Line 1:

{{~~Template~~:~~PageHeader~~

{{#seo:

| ~~PageImage~~ = SpiritValeLogo.png

|title=SpiritVale Wiki — Classes, Items, Maps, Monsters & Guides

| ~~PageHeader~~ = ~~Welcome to the~~ SpiritVale ~~Wiki~~

|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

}}

__NOTOC__

[[File:SpiritValeLogo.png|center|alt=Welcome to the SpiritVale Wiki!]]

<div class="citizen-search-trigger sv-hover-lift sv-focus-ring" role="button" tabindex="0" 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>

<div style="text-align:center; margin-top:.85rem;">'''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:.35rem;"><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|x30px|center|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>

@@ Line 1: / Line 1: @@
-{{Template:PageHeader
+{{#seo:
-| PageImage = SpiritValeLogo.png
+ |title=SpiritVale Wiki — Classes, Items, Maps, Monsters & Guides
-| PageHeader = Welcome to the SpiritVale Wiki
+ |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: flexible two-column band (intro + key features) -->
+<!-- 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 -->
+<!-- - Keep citizen-search-trigger for Citizen search integration -->
+<!-- - Styling uses blue tokens from Common.css -->
+<!-- ====================== -->
+<div class="citizen-search-trigger sv-hover-lift sv-focus-ring" role="button" tabindex="0" 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>
-<div style="display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:12px; margin-bottom:2em;">
+<!-- ====================== -->
+<!-- Welcome Message and Links -->
+<!-- ====================== -->
+<div style="text-align:center; margin-top:.85rem;">'''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:.35rem;"><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|x30px|center|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>
 <!-- ====================== -->