Main Page: Difference between revisions
Refined OSRS HTML structure |
Fix category redirect links |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div class=" | <div class="mainpage-container"> | ||
<div class=" | <div class="mainpage-header"> | ||
<div class=" | <div class="header-intro"> | ||
<p | <div class="header-title">Welcome to the Winds of Valen Wiki!</div> | ||
</div> | <p>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 class="header-stats plainlist nomobile"> | |||
<ul> | |||
<li><span>Articles:</span> <b>{{NUMBEROFARTICLES}}</b></li> | |||
<li><span>Files:</span> <b>{{NUMBEROFFILES}}</b></li> | |||
<li><span>Users:</span> <b>{{NUMBEROFUSERS}}</b></li> | |||
<li><span>Edits:</span> <b>{{NUMBEROFEDITS}}</b></li> | |||
</ul> | |||
</div> | |||
</div> | |||
<div class=" | <div class="mainpage-layout"> | ||
<div class="mainpage-left"> | |||
<div class=" | <!-- Latest Updates --> | ||
<div class="section-title">Latest Updates</div> | |||
<div class="tile-row updates-row"> | |||
<div class="update-card"> | |||
<div class="update-header">10 JULY 2026 • GAME UPDATE</div> | |||
<div class="update-title">[[Open The Gates|Open The Gates — First Quest is Live!]]</div> | |||
<p>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="update-card"> | |||
<div class="update-header">10 JULY 2026 • WIKI LAUNCH</div> | |||
<div class="update-title">[[Main Page|Winds of Valen Wiki is Open!]]</div> | |||
<p>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> | |||
< | <!-- Categories --> | ||
<div class=" | <div class="section-title">Categories</div> | ||
<div class=" | <div class="tile-row categories-grid"> | ||
<div class=" | <div class="category-card"> | ||
<div class=" | <div class="tile-top tile-image">[[File:T_BronzeSword_Icon.png|link=Category:Items]]</div> | ||
<div class=" | <div class="tile-bottom link-button">[[:Category:Items|Items]]</div> | ||
< | </div> | ||
</div> | <div class="category-card"> | ||
<div class=" | <div class="tile-top tile-image">[[File:skills.png|link=Category:Skills]]</div> | ||
<div class=" | <div class="tile-bottom link-button">[[:Category:Skills|Skills]]</div> | ||
<div class=" | </div> | ||
< | <div class="category-card"> | ||
</div> | <div class="tile-top tile-image">[[File:quest.png|link=Category:Quests]]</div> | ||
</div> | <div class="tile-bottom link-button">[[:Category:Quests|Quests]]</div> | ||
</div> | </div> | ||
<div class="category-card"> | |||
<div class="tile-top tile-image">[[File:T_Scroll_Icon.png|link=Category:Regions]]</div> | |||
<div class="tile-bottom link-button">[[:Category:Regions|Regions]]</div> | |||
</div> | |||
</div> | |||
< | <!-- Popular Pages --> | ||
<div class=" | <div class="section-title">Popular Pages</div> | ||
<div class=" | <div class="popular-grid"> | ||
<div class=" | <div class="link-button dark-button">[[Open The Gates|Quest: Open The Gates]]</div> | ||
<div class=" | <div class="link-button dark-button">[[Valen City]]</div> | ||
<div class=" | <div class="link-button dark-button">[[The Wilderness|The Wilderness (PvP)]]</div> | ||
<div class="link-button dark-button">[[Lava Cavern]]</div> | |||
<div class=" | <div class="link-button dark-button">[[Combat|Combat Training]]</div> | ||
<div class=" | <div class="link-button dark-button">[[Mining|Mining Guide]]</div> | ||
<div class=" | </div> | ||
</div> | |||
<div class=" | <!-- Skills --> | ||
<div class=" | <div class="section-title">Skill Training</div> | ||
<div class=" | <div class="skills-grid"> | ||
<div class="skill-item">[[File:T_BronzeSword_Icon.png|16px|link=Combat]] [[Combat]]</div> | |||
<div class=" | <div class="skill-item">[[File:T_BronzePickaxe_Icon.png|16px|link=Mining]] [[Mining]]</div> | ||
<div class=" | <div class="skill-item">[[File:T_SmithingHammer_Icon.png|16px|link=Smithing]] [[Smithing]]</div> | ||
<div class=" | <div class="skill-item">[[File:T_WoodBow_Icon.png|16px|link=Archery]] [[Archery]]</div> | ||
< | <div class="skill-item">[[File:T_FishingRod_Icon.png|16px|link=Fishing]] [[Fishing]]</div> | ||
</div> | <div class="skill-item">[[File:T_SmallVial_Icon.png|16px|link=Potion Making]] [[Potion Making]]</div> | ||
</div> | </div> | ||
</div> | |||
</div> | |||
<div class=" | <div class="mainpage-right"> | ||
<div class=" | |||
< | <!-- Discord --> | ||
<div class=" | <div class="discord-widget plainlinks"> | ||
<div class=" | [https://discord.gg/xxzDqg9xWc <span class="discord-click-target"></span>] | ||
<div class=" | <div class="discord-top"> | ||
<div class=" | <div class="discord-icon"></div> | ||
<div class=" | <div class="discord-text"> | ||
<div class=" | <div class="discord-title">Community</div> | ||
<div | <div class="discord-server-name">Winds of Valen</div> | ||
< | <div class="discord-join-text">Join the Discord server!</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="discord-bottom">Official Game Server</div> | |||
</div> | |||
< | <!-- Contribute --> | ||
<div class="widget-box"> | |||
<div class="widget-title">Help Improve the Wiki</div> | |||
<div class="widget-body plainlist"> | |||
<p>Anyone can contribute. Click '''Edit''' on any page to add or fix information.</p> | |||
<ul> | |||
<div class=" | <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 class=" | |||
<div class=" | |||
Anyone can contribute. Click | |||
<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> | |||
</div> | </div> | ||
__NOTOC__ | __NOTOC__ | ||