Main Page: Difference between revisions

Refined OSRS HTML structure
OSRS strict HTML/wiki-syntax rewrite
Line 1: Line 1:
<div class="wov-main-page">
<div class="osrs-main-page-wrapper">


<div class="wov-welcome-box">
<div class="osrs-welcome-box">
<div class="wov-welcome-title">Welcome to the Winds of Valen Wiki!</div>
<div class="osrs-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 &mdash; [[Special:CreateAccount|create an account]] to get started.</p>
<div class="osrs-welcome-sub">We are the official community-maintained encyclopaedia for the fantasy sandbox MMORPG. Anyone can contribute &mdash; [[Special:CreateAccount|create an account]] to get started.</div>
</div>
</div>


<div class="wov-layout-grid">
<div class="osrs-layout-grid">


<div class="wov-main-col">
<!-- MAIN COLUMN -->
<div class="osrs-main-col">


<div class="wov-parchment-box">
<div class="osrs-component-box">
<div class="wov-section-header">Latest Updates</div>
<div class="osrs-section-title">Latest Updates</div>
<div class="wov-updates-row">
<div class="osrs-updates-row">
<div class="wov-update-card">
<div class="osrs-update-card">
<div class="wov-update-tag">10 July 2026 &bull; Game Update</div>
<div class="osrs-update-tag">10 July 2026 &bull; Game Update</div>
<div class="wov-update-title">[[Open The Gates|Open The Gates &mdash; First Quest is Live!]]</div>
<div class="osrs-update-title">[[Open The Gates|Open The Gates &mdash; 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 class="osrs-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.</div>
</div>
</div>
<div class="wov-update-card">
<div class="osrs-update-card">
<div class="wov-update-tag">10 July 2026 &bull; Wiki Launch</div>
<div class="osrs-update-tag">10 July 2026 &bull; Wiki Launch</div>
<div class="wov-update-title">[[Main Page|Winds of Valen Wiki is Open!]]</div>
<div class="osrs-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 class="osrs-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.</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="wov-parchment-box">
<div class="osrs-component-box">
<div class="wov-section-header">Categories</div>
<div class="osrs-section-title">Categories</div>
<div class="wov-categories-grid">
<div class="osrs-categories-grid">
<div class="wov-cat-card">
<div class="osrs-cat-card">
<div class="wov-cat-img-box">[[File:T_BronzeSword_Icon.png|link=Items]]</div>
<div class="osrs-cat-img-box">[[File:T_BronzeSword_Icon.png|link=Items]]</div>
<div class="wov-cat-label">[[Items|Items]]</div>
<div class="osrs-cat-label">[[Items|Items]]</div>
</div>
</div>
<div class="wov-cat-card">
<div class="osrs-cat-card">
<div class="wov-cat-img-box">[[File:T_BronzePickaxe_Icon.png|link=Skills]]</div>
<div class="osrs-cat-img-box">[[File:T_BronzePickaxe_Icon.png|link=Skills]]</div>
<div class="wov-cat-label">[[Skills|Skills]]</div>
<div class="osrs-cat-label">[[Skills|Skills]]</div>
</div>
</div>
<div class="wov-cat-card">
<div class="osrs-cat-card">
<div class="wov-cat-img-box">[[File:T_SantaHat_Icon.png|link=Quests]]</div>
<div class="osrs-cat-img-box">[[File:T_SantaHat_Icon.png|link=Quests]]</div>
<div class="wov-cat-label">[[Quests|Quests]]</div>
<div class="osrs-cat-label">[[Quests|Quests]]</div>
</div>
</div>
<div class="wov-cat-card">
<div class="osrs-cat-card">
<div class="wov-cat-img-box">[[File:T_LeatherBoots_Icon.png|link=Regions]]</div>
<div class="osrs-cat-img-box">[[File:T_LeatherBoots_Icon.png|link=Regions]]</div>
<div class="wov-cat-label">[[Regions|Regions]]</div>
<div class="osrs-cat-label">[[Regions|Regions]]</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="wov-parchment-box">
<div class="osrs-component-box">
<div class="wov-section-header">Popular Pages</div>
<div class="osrs-section-title">Popular Pages</div>
<div class="wov-popular-inner">
<div class="osrs-popular-inner">
<div class="wov-popular-grid">
<div class="osrs-popular-grid">
[[Open The Gates|<span class="wov-popular-btn">Quest: Open The Gates</span>]]
<div class="osrs-btn-wrapper">[[Open The Gates|Quest: Open The Gates]]</div>
[[Valen City|<span class="wov-popular-btn">Valen City</span>]]
<div class="osrs-btn-wrapper">[[Valen City|Valen City]]</div>
[[The Wilderness|<span class="wov-popular-btn">The Wilderness (PvP)</span>]]
<div class="osrs-btn-wrapper">[[The Wilderness|The Wilderness (PvP)]]</div>
[[Lava Cavern|<span class="wov-popular-btn">Lava Cavern</span>]]
<div class="osrs-btn-wrapper">[[Lava Cavern|Lava Cavern]]</div>
[[Combat|<span class="wov-popular-btn">Combat Training</span>]]
<div class="osrs-btn-wrapper">[[Combat|Combat Training]]</div>
[[Mining|<span class="wov-popular-btn">Mining Guide</span>]]
<div class="osrs-btn-wrapper">[[Mining|Mining Guide]]</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="wov-parchment-box">
<div class="osrs-component-box">
<div class="wov-section-header">Skill Training</div>
<div class="osrs-section-title">Skill Training</div>
<div class="wov-skills-inner">
<div class="osrs-skills-inner">
<div class="wov-skills-grid">
<div class="osrs-skills-grid">
<div class="wov-skill-item">[[File:T_BronzeSword_Icon.png|link=Combat]] [[Combat]]</div>
<div class="osrs-skill-item">[[File:T_BronzeSword_Icon.png|16px|link=Combat]] [[Combat]]</div>
<div class="wov-skill-item">[[File:T_BronzePickaxe_Icon.png|link=Mining]] [[Mining]]</div>
<div class="osrs-skill-item">[[File:T_BronzePickaxe_Icon.png|16px|link=Mining]] [[Mining]]</div>
<div class="wov-skill-item">[[File:T_SmithingHammer_Icon.png|link=Smithing]] [[Smithing]]</div>
<div class="osrs-skill-item">[[File:T_SmithingHammer_Icon.png|16px|link=Smithing]] [[Smithing]]</div>
<div class="wov-skill-item">[[File:T_WoodBow_Icon.png|link=Archery]] [[Archery]]</div>
<div class="osrs-skill-item">[[File:T_WoodBow_Icon.png|16px|link=Archery]] [[Archery]]</div>
<div class="wov-skill-item">[[File:T_FishingRod_Icon.png|link=Fishing]] [[Fishing]]</div>
<div class="osrs-skill-item">[[File:T_FishingRod_Icon.png|16px|link=Fishing]] [[Fishing]]</div>
<div class="wov-skill-item">[[File:T_SmallVial_Icon.png|link=Potion Making]] [[Potion Making]]</div>
<div class="osrs-skill-item">[[File:T_SmallVial_Icon.png|16px|link=Potion Making]] [[Potion Making]]</div>
</div>
</div>
</div>
</div>
Line 78: Line 79:
</div>
</div>


<div class="wov-side-col">
<!-- SIDEBAR COLUMN -->
<div class="osrs-side-col">


<div class="wov-widget">
<div class="osrs-widget">
<div class="wov-section-header">Wiki Statistics</div>
<div class="osrs-section-title">Wiki Statistics</div>
<div class="wov-widget-body">
<div class="osrs-widget-body osrs-stats">
<dl>
<div class="osrs-stat-row"><span>Articles:</span> <b>{{NUMBEROFARTICLES}}</b></div>
<dt>Articles</dt><dd>{{NUMBEROFARTICLES}}</dd>
<div class="osrs-stat-row"><span>Files:</span> <b>{{NUMBEROFFILES}}</b></div>
<dt>Files</dt><dd>{{NUMBEROFFILES}}</dd>
<div class="osrs-stat-row"><span>Users:</span> <b>{{NUMBEROFUSERS}}</b></div>
<dt>Users</dt><dd>{{NUMBEROFUSERS}}</dd>
<div class="osrs-stat-row"><span>Edits:</span> <b>{{NUMBEROFEDITS}}</b></div>
<dt>Edits</dt><dd>{{NUMBEROFEDITS}}</dd>
</dl>
</div>
</div>
</div>
</div>


<div class="wov-discord-widget">
<div class="osrs-discord-widget">
<div class="wov-section-header-dark">Join the Community</div>
<div class="osrs-discord-title">Join the Community</div>
<div class="wov-discord-body">
<div class="osrs-discord-body">
<p class="wov-discord-desc">Chat with players, share discoveries, and stay up to date with game news and wiki announcements.</p>
<div class="osrs-discord-desc">Chat with players, share discoveries, and stay up to date with game news and wiki announcements.</div>
<a href="https://discord.gg/xxzDqg9xWc" class="wov-discord-btn-link" target="_blank" rel="noopener">Chat on Discord</a>
<div class="osrs-discord-btn-wrapper">[https://discord.gg/xxzDqg9xWc Chat on Discord]</div>
</div>
</div>
</div>
</div>


<div class="wov-widget">
<div class="osrs-widget">
<div class="wov-section-header">Help Improve the Wiki</div>
<div class="osrs-section-title">Help Improve the Wiki</div>
<div class="wov-widget-body">
<div class="osrs-widget-body osrs-help">
Anyone can contribute. Click <b>Edit</b> on any page to add or fix information.
Anyone can contribute. Click '''Edit''' on any page to add or fix information.
<ul class="wov-help-list">
* [[Special:RecentChanges|Recent changes]]
<li>[[Special:RecentChanges|Recent changes]]</li>
* [[Special:WantedPages|Wanted pages]]
<li>[[Special:WantedPages|Wanted pages]]</li>
* [[Special:NewFiles|New files]]
<li>[[Special:NewFiles|New files]]</li>
* [[Special:Statistics|Statistics]]
<li>[[Special:Statistics|Statistics]]</li>
</ul>
</div>
</div>
</div>
</div>