Main Page: Difference between revisions

OSRS-style 2-col layout v2
OSRS-style HTML layout v2 — div-based, no tables
Line 1: Line 1:
<div style="font-size:1.6em; font-weight:bold; font-family:'PT Serif','Georgia',serif; text-align:center; padding:0.3em 0 0.1em 0;">Welcome to the Winds of Valen Wiki!</div>
<div class="wov-main-page">
<div style="text-align:center; color:#4c4c4c; font-size:0.95em; margin-bottom:1.2em;">We are the official Winds of Valen encyclopaedia, written and maintained by the players.</div>


<div style="display:flex; gap:18px; align-items:flex-start;">
<div class="wov-welcome-box">
<div class="wov-welcome-title">Welcome to the Winds of Valen Wiki!</div>
<p class="wov-welcome-sub">We are the official community-maintained encyclopaedia for the fantasy sandbox MMORPG. Anyone can contribute — [[Special:CreateAccount|create an account]] to get started.</p>
</div>


<!-- ===== LEFT MAIN COLUMN ===== -->
<div class="wov-layout-grid">
<div style="flex:3; min-width:0;">


<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 14px; margin-bottom:14px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
<div class="wov-main-col">
<div style="font-family:'PT Serif','Georgia',serif; font-size:1.05em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:4px; margin-bottom:10px;">== Latest Updates ==</div>
{| style="width:100%; border-spacing:8px 0;"
|-
| style="width:50%; vertical-align:top;" |
<div style="background:var(--body-main,#e2dbc8); border:1px solid var(--body-border,#94866d); padding:8px;">
'''10 July 2026 • Game update'''


'''[[Open The Gates]] The First Quest is Live!'''
<div class="wov-parchment-box">
<div class="wov-section-header">Latest Updates</div>
<div class="wov-updates-row">
<div class="wov-update-card">
<div class="wov-update-tag">10 July 2026 &bull; Game Update</div>
<div class="wov-update-title">[[Open The Gates|Open The Gates — First Quest is Live!]]</div>
<p class="wov-update-snippet">Help the guards of Valen City open the ancient sealed gates and earn 5,000 Mining XP. The first official quest is now available to all players.</p>
</div>
<div class="wov-update-card">
<div class="wov-update-tag">10 July 2026 &bull; Wiki Launch</div>
<div class="wov-update-title">[[Main Page|Winds of Valen Wiki is Open!]]</div>
<p class="wov-update-snippet">The community wiki is now live. 169 items, 6 skills, regions, quests, and more are documented and ready to be expanded by players.</p>
</div>
</div>
</div>


Help the guards of Valen City open the ancient sealed gates and earn 5,000 Mining XP. The first official quest is now available to all players.
<div class="wov-parchment-box">
<div class="wov-section-header">Categories</div>
<div class="wov-categories-grid">
<div class="wov-cat-card">
<div class="wov-cat-img-box">[[File:T_BronzeSword_Icon.png|80px|link=Items]]</div>
<div class="wov-cat-label">[[Items|Items]]</div>
</div>
<div class="wov-cat-card">
<div class="wov-cat-img-box">[[File:T_BronzePickaxe_Icon.png|80px|link=Skills]]</div>
<div class="wov-cat-label">[[Skills|Skills]]</div>
</div>
<div class="wov-cat-card">
<div class="wov-cat-img-box">[[File:T_SantaHat_Icon.png|80px|link=Quests]]</div>
<div class="wov-cat-label">[[Quests|Quests]]</div>
</div>
<div class="wov-cat-card">
<div class="wov-cat-img-box">[[File:T_LeatherBoots_Icon.png|80px|link=Regions]]</div>
<div class="wov-cat-label">[[Regions|Regions]]</div>
</div>
</div>
</div>
</div>
| style="width:50%; vertical-align:top;" |
<div style="background:var(--body-main,#e2dbc8); border:1px solid var(--body-border,#94866d); padding:8px;">
'''10 July 2026 • Wiki launch'''


'''Winds of Valen Wiki is Open!'''
<div class="wov-parchment-box">
 
<div class="wov-section-header">Popular Pages</div>
The community wiki is now live. 169 items, 6 skills, regions, quests, and more are documented and ready to be expanded by players.
<div class="wov-popular-inner">
<div class="wov-popular-grid">
[[Open The Gates|<span class="wov-popular-btn">Quest: Open The Gates</span>]]
[[Valen City|<span class="wov-popular-btn">Valen City</span>]]
[[The Wilderness|<span class="wov-popular-btn">The Wilderness (PvP)</span>]]
[[Lava Cavern|<span class="wov-popular-btn">Lava Cavern</span>]]
[[Combat|<span class="wov-popular-btn">Combat Training</span>]]
[[Mining|<span class="wov-popular-btn">Mining Guide</span>]]
</div>
</div>
</div>
|}
</div>
</div>


<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 14px; margin-bottom:14px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
<div class="wov-parchment-box">
<div style="font-family:'PT Serif','Georgia',serif; font-size:1.05em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:4px; margin-bottom:10px;">== Categories ==</div>
<div class="wov-section-header">Skill Training</div>
{| style="width:100%; border-spacing:8px; border-collapse:separate;"
<div class="wov-skills-inner">
|-
<div class="wov-skills-grid">
| style="width:25%; text-align:center;" |
<div class="wov-skill-item">[[File:T_BronzeSword_Icon.png|16px|link=Combat]] [[Combat]]</div>
<div style="background:#fff; border:1px solid var(--body-border,#94866d); padding:6px 4px;">[[File:T_BronzeSword_Icon.png|96px|link=Items]]<div style="background:var(--body-dark,#b8a282); padding:4px; margin-top:4px; font-weight:bold;">'''[[Items]]'''</div></div>
<div class="wov-skill-item">[[File:T_BronzePickaxe_Icon.png|16px|link=Mining]] [[Mining]]</div>
| style="width:25%; text-align:center;" |
<div class="wov-skill-item">[[File:T_SmithingHammer_Icon.png|16px|link=Smithing]] [[Smithing]]</div>
<div style="background:#fff; border:1px solid var(--body-border,#94866d); padding:6px 4px;">[[File:T_BronzePickaxe_Icon.png|96px|link=Skills]]<div style="background:var(--body-dark,#b8a282); padding:4px; margin-top:4px; font-weight:bold;">'''[[Skills]]'''</div></div>
<div class="wov-skill-item">[[File:T_WoodBow_Icon.png|16px|link=Archery]] [[Archery]]</div>
| style="width:25%; text-align:center;" |
<div class="wov-skill-item">[[File:T_FishingRod_Icon.png|16px|link=Fishing]] [[Fishing]]</div>
<div style="background:#fff; border:1px solid var(--body-border,#94866d); padding:6px 4px;">[[File:T_SantaHat_Icon.png|96px|link=Quests]]<div style="background:var(--body-dark,#b8a282); padding:4px; margin-top:4px; font-weight:bold;">'''[[Quests]]'''</div></div>
<div class="wov-skill-item">[[File:T_SmallVial_Icon.png|16px|link=Potion Making]] [[Potion Making]]</div>
| style="width:25%; text-align:center;" |
</div>
<div style="background:#fff; border:1px solid var(--body-border,#94866d); padding:6px 4px;">[[File:T_LeatherBoots_Icon.png|96px|link=Regions]]<div style="background:var(--body-dark,#b8a282); padding:4px; margin-top:4px; font-weight:bold;">'''[[Regions]]'''</div></div>
|}
</div>
</div>
<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 14px; margin-bottom:14px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
<div style="font-family:'PT Serif','Georgia',serif; font-size:1.05em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:4px; margin-bottom:10px;">== Popular Pages ==</div>
{| style="width:100%; border-spacing:6px; border-collapse:separate;"
|-
| style="width:33%; background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[Open The Gates|<span style="color:#fff; font-weight:bold;">Quest: Open The Gates</span>]]
| style="width:33%; background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[Valen City|<span style="color:#fff; font-weight:bold;">Valen City</span>]]
| style="width:33%; background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[The Wilderness|<span style="color:#fff; font-weight:bold;">The Wilderness (PvP)</span>]]
|-
| style="background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[Lava Cavern|<span style="color:#fff; font-weight:bold;">Lava Cavern</span>]]
| style="background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[Combat|<span style="color:#fff; font-weight:bold;">Combat Training</span>]]
| style="background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[Mining|<span style="color:#fff; font-weight:bold;">Mining Guide</span>]]
|}
</div>
</div>


<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 14px; margin-bottom:14px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
<div style="font-family:'PT Serif','Georgia',serif; font-size:1.05em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:4px; margin-bottom:10px;">== Skill Training ==</div>
{| style="width:100%; background:var(--body-main,#e2dbc8); border:1px solid var(--body-border,#94866d); padding:6px; border-spacing:0;"
|-
| style="width:33%; padding:6px 10px;" | [[File:T_BronzeSword_Icon.png|18px|link=Combat]] [[Combat]]
| style="width:33%; padding:6px 10px;" | [[File:T_BronzePickaxe_Icon.png|18px|link=Mining]] [[Mining]]
| style="width:33%; padding:6px 10px;" | [[File:T_SmithingHammer_Icon.png|18px|link=Smithing]] [[Smithing]]
|-
| style="padding:6px 10px;" | [[File:T_WoodBow_Icon.png|18px|link=Archery]] [[Archery]]
| style="padding:6px 10px;" | [[File:T_FishingRod_Icon.png|18px|link=Fishing]] [[Fishing]]
| style="padding:6px 10px;" | [[File:T_SmallVial_Icon.png|18px|link=Potion Making]] [[Potion Making]]
|}
</div>
</div>


</div><!-- /left column -->
<div class="wov-side-col">


<!-- ===== RIGHT SIDEBAR COLUMN ===== -->
<div class="wov-widget-stats">
<div style="flex:1; min-width:200px; max-width:250px;">
<div class="wov-section-header">Wiki Statistics</div>
<div class="wov-stats-body">
<dl>
<dt>Articles</dt><dd>{{NUMBEROFARTICLES}}</dd>
<dt>Files</dt><dd>{{NUMBEROFFILES}}</dd>
<dt>Users</dt><dd>{{NUMBEROFUSERS}}</dd>
<dt>Edits</dt><dd>{{NUMBEROFEDITS}}</dd>
</dl>
</div>
</div>


<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 12px; margin-bottom:12px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
<div class="wov-discord-widget">
<div style="font-family:'PT Serif','Georgia',serif; font-size:0.95em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:3px; margin-bottom:8px;">Wiki Statistics</div>
<div class="wov-section-header-dark">&#127918; Join the Community</div>
<div style="font-size:0.9em; line-height:1.8;">
<div class="wov-discord-body">
Number of articles: '''{{NUMBEROFARTICLES}}'''<br>
<p class="wov-discord-desc">Chat with players, share discoveries, and stay up to date with game news and wiki announcements.</p>
Number of files: '''{{NUMBEROFFILES}}'''<br>
<a href="https://discord.gg/xxzDqg9xWc" class="wov-discord-link" target="_blank" rel="noopener">
Number of users: '''{{NUMBEROFUSERS}}'''<br>
<svg class="wov-discord-icon" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/></svg>
Number of edits: '''{{NUMBEROFEDITS}}'''
Chat on Discord
</a>
</div>
</div>
</div>
</div>


<div style="background:#2b5797; border:1px solid #1a3a6e; padding:10px 12px; margin-bottom:12px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.2);">
<div class="wov-widget-help">
<div style="font-family:'PT Serif','Georgia',serif; font-size:0.95em; font-weight:bold; color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:3px; margin-bottom:8px;">🎮 Join the Community</div>
<div class="wov-section-header">Help Improve the Wiki</div>
<div style="font-size:0.85em; color:#d0e8ff; line-height:1.6;">Chat with players, get help, and stay up to date with game news.</div>
<div class="wov-help-body">
<div style="margin-top:8px;"><span style="background:rgba(255,255,255,0.15); padding:4px 10px; font-size:0.85em; color:#fff; display:inline-block;">→ Official Discord</span></div>
<p>Anyone can contribute. Click <b>Edit</b> on any page to add or fix information.</p>
<ul>
<li>[[Special:RecentChanges|Recent changes]]</li>
<li>[[Special:WantedPages|Wanted pages]]</li>
<li>[[Special:NewFiles|New files]]</li>
<li>[[Special:Statistics|Statistics]]</li>
</ul>
</div>
</div>
</div>


<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 12px; margin-bottom:12px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
<div style="font-family:'PT Serif','Georgia',serif; font-size:0.95em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:3px; margin-bottom:8px;">Help Improve the Wiki</div>
<div style="font-size:0.85em; line-height:1.7; color:#333;">Anyone can contribute. Click <b>Edit</b> on any page to add or fix information.
* [[Special:RecentChanges|Recent changes]]
* [[Special:WantedPages|Wanted pages]]
* [[Special:NewFiles|New files]]
</div>
</div>
</div>
</div>


</div><!-- /right column -->
</div>
 
</div><!-- /flex container -->
__NOTOC__
__NOTOC__