Main Page: Difference between revisions
OSRS-style HTML layout v2 — div-based, no tables |
Refined OSRS HTML structure |
||
| Line 3: | Line 3: | ||
<div class="wov-welcome-box"> | <div class="wov-welcome-box"> | ||
<div class="wov-welcome-title">Welcome to the Winds of Valen Wiki!</div> | <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 | <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> | </div> | ||
| Line 15: | Line 15: | ||
<div class="wov-update-card"> | <div class="wov-update-card"> | ||
<div class="wov-update-tag">10 July 2026 • Game Update</div> | <div class="wov-update-tag">10 July 2026 • Game Update</div> | ||
<div class="wov-update-title">[[Open The Gates|Open The Gates | <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> | <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> | ||
| Line 30: | Line 30: | ||
<div class="wov-categories-grid"> | <div class="wov-categories-grid"> | ||
<div class="wov-cat-card"> | <div class="wov-cat-card"> | ||
<div class="wov-cat-img-box">[[File:T_BronzeSword_Icon.png | <div class="wov-cat-img-box">[[File:T_BronzeSword_Icon.png|link=Items]]</div> | ||
<div class="wov-cat-label">[[Items|Items]]</div> | <div class="wov-cat-label">[[Items|Items]]</div> | ||
</div> | </div> | ||
<div class="wov-cat-card"> | <div class="wov-cat-card"> | ||
<div class="wov-cat-img-box">[[File:T_BronzePickaxe_Icon.png | <div class="wov-cat-img-box">[[File:T_BronzePickaxe_Icon.png|link=Skills]]</div> | ||
<div class="wov-cat-label">[[Skills|Skills]]</div> | <div class="wov-cat-label">[[Skills|Skills]]</div> | ||
</div> | </div> | ||
<div class="wov-cat-card"> | <div class="wov-cat-card"> | ||
<div class="wov-cat-img-box">[[File:T_SantaHat_Icon.png | <div class="wov-cat-img-box">[[File:T_SantaHat_Icon.png|link=Quests]]</div> | ||
<div class="wov-cat-label">[[Quests|Quests]]</div> | <div class="wov-cat-label">[[Quests|Quests]]</div> | ||
</div> | </div> | ||
<div class="wov-cat-card"> | <div class="wov-cat-card"> | ||
<div class="wov-cat-img-box">[[File:T_LeatherBoots_Icon.png | <div class="wov-cat-img-box">[[File:T_LeatherBoots_Icon.png|link=Regions]]</div> | ||
<div class="wov-cat-label">[[Regions|Regions]]</div> | <div class="wov-cat-label">[[Regions|Regions]]</div> | ||
</div> | </div> | ||
| Line 66: | Line 66: | ||
<div class="wov-skills-inner"> | <div class="wov-skills-inner"> | ||
<div class="wov-skills-grid"> | <div class="wov-skills-grid"> | ||
<div class="wov-skill-item">[[File:T_BronzeSword_Icon.png | <div class="wov-skill-item">[[File:T_BronzeSword_Icon.png|link=Combat]] [[Combat]]</div> | ||
<div class="wov-skill-item">[[File:T_BronzePickaxe_Icon.png | <div class="wov-skill-item">[[File:T_BronzePickaxe_Icon.png|link=Mining]] [[Mining]]</div> | ||
<div class="wov-skill-item">[[File:T_SmithingHammer_Icon.png | <div class="wov-skill-item">[[File:T_SmithingHammer_Icon.png|link=Smithing]] [[Smithing]]</div> | ||
<div class="wov-skill-item">[[File:T_WoodBow_Icon.png | <div class="wov-skill-item">[[File:T_WoodBow_Icon.png|link=Archery]] [[Archery]]</div> | ||
<div class="wov-skill-item">[[File:T_FishingRod_Icon.png | <div class="wov-skill-item">[[File:T_FishingRod_Icon.png|link=Fishing]] [[Fishing]]</div> | ||
<div class="wov-skill-item">[[File:T_SmallVial_Icon.png | <div class="wov-skill-item">[[File:T_SmallVial_Icon.png|link=Potion Making]] [[Potion Making]]</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 80: | Line 80: | ||
<div class="wov-side-col"> | <div class="wov-side-col"> | ||
<div class="wov-widget | <div class="wov-widget"> | ||
<div class="wov-section-header">Wiki Statistics</div> | <div class="wov-section-header">Wiki Statistics</div> | ||
<div class="wov- | <div class="wov-widget-body"> | ||
<dl> | <dl> | ||
<dt>Articles</dt><dd>{{NUMBEROFARTICLES}}</dd> | <dt>Articles</dt><dd>{{NUMBEROFARTICLES}}</dd> | ||
| Line 93: | Line 93: | ||
<div class="wov-discord-widget"> | <div class="wov-discord-widget"> | ||
<div class="wov-section-header-dark"> | <div class="wov-section-header-dark">Join the Community</div> | ||
<div class="wov-discord-body"> | <div class="wov-discord-body"> | ||
<p class="wov-discord-desc">Chat with players, share discoveries, and stay up to date with game news and wiki announcements.</p> | <p class="wov-discord-desc">Chat with players, share discoveries, and stay up to date with game news and wiki announcements.</p> | ||
<a href="https://discord.gg/xxzDqg9xWc" class="wov-discord-link" target="_blank" rel="noopener"> | <a href="https://discord.gg/xxzDqg9xWc" class="wov-discord-btn-link" target="_blank" rel="noopener">Chat on Discord</a> | ||
Chat on Discord | |||
</a> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="wov-widget | <div class="wov-widget"> | ||
<div class="wov-section-header">Help Improve the Wiki</div> | <div class="wov-section-header">Help Improve the Wiki</div> | ||
<div class="wov- | <div class="wov-widget-body"> | ||
Anyone can contribute. Click <b>Edit</b> on any page to add or fix information. | |||
<ul> | <ul class="wov-help-list"> | ||
<li>[[Special:RecentChanges|Recent changes]]</li> | <li>[[Special:RecentChanges|Recent changes]]</li> | ||
<li>[[Special:WantedPages|Wanted pages]]</li> | <li>[[Special:WantedPages|Wanted pages]]</li> | ||