Main Page: Difference between revisions

Fixing grid layout spaces
Fix Discord widget pre-formatting
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="text-align:center; padding: 20px;">
<div class="mainpage-container">
<h1 style="border: none; font-size: 2.5em; color: #332717; text-shadow: 1px 1px #fff;">Welcome to the Winds of Valen Wiki!</h1>
 
<p style="font-size: 1.1em; color: #4a3a25;">The official community-maintained encyclopaedia for the fantasy sandbox MMORPG.</p>
    <div class="mainpage-header">
</div>
        <div class="header-intro">
            <div class="header-title">Welcome to the Winds of Valen Wiki!</div>
            <p>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>
        <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="mainpage-layout">
        <div class="mainpage-left">
 
            <!-- Latest Updates -->
            <div class="section-title">Latest Updates</div>
            <div class="tile-row updates-row">
                <div class="tile-halves update-card">
                    <div class="update-header">10 JULY 2026 &bull; GAME UPDATE</div>
                    <div class="update-title">[[Open The Gates|Open The Gates &mdash; 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="tile-halves update-card">
                    <div class="update-header">10 JULY 2026 &bull; 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="section-title">Categories</div>
            <div class="mainpage-contents tile-row categories-grid">
                <div class="tile-halves">
                    <div class="tile-top tile-image">[[File:T_BronzeSword_Icon.png|link=Items]]</div>
                    <div class="tile-bottom link-button">[[Items]]</div>
                </div>
                <div class="tile-halves">
                    <div class="tile-top tile-image">[[File:T_BronzePickaxe_Icon.png|link=Skills]]</div>
                    <div class="tile-bottom link-button">[[Skills]]</div>
                </div>
                <div class="tile-halves">
                    <div class="tile-top tile-image">[[File:T_SantaHat_Icon.png|link=Quests]]</div>
                    <div class="tile-bottom link-button">[[Quests]]</div>
                </div>
                <div class="tile-halves">
                    <div class="tile-top tile-image">[[File:T_LeatherBoots_Icon.png|link=Regions]]</div>
                    <div class="tile-bottom link-button">[[Regions]]</div>
                </div>
            </div>
 
            <!-- Popular Pages -->
            <div class="section-title">Popular Pages</div>
            <div class="popular-grid">
                <div class="link-button dark-button">[[Open The Gates|Quest: Open The Gates]]</div>
                <div class="link-button dark-button">[[Valen City]]</div>
                <div class="link-button dark-button">[[The Wilderness|The Wilderness (PvP)]]</div>
                <div class="link-button dark-button">[[Lava Cavern]]</div>
                <div class="link-button dark-button">[[Combat|Combat Training]]</div>
                <div class="link-button dark-button">[[Mining|Mining Guide]]</div>
            </div>
           
            <!-- Skills -->
            <div class="section-title">Skill Training</div>
            <div class="skills-grid">
                <div class="skill-item">[[File:T_BronzeSword_Icon.png|16px|link=Combat]] [[Combat]]</div>
                <div class="skill-item">[[File:T_BronzePickaxe_Icon.png|16px|link=Mining]] [[Mining]]</div>
                <div class="skill-item">[[File:T_SmithingHammer_Icon.png|16px|link=Smithing]] [[Smithing]]</div>
                <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 class="skill-item">[[File:T_SmallVial_Icon.png|16px|link=Potion Making]] [[Potion Making]]</div>
            </div>
 
        </div>
 
        <div class="mainpage-right">
           
            <!-- Discord -->
            <div class="discord-widget-modern plainlinks">
[https://discord.gg/xxzDqg9xWc <span class="discord-click-target"></span>]
                <div class="discord-top">
                    <div class="discord-icon"></div>
                    <div class="discord-text">
                        <div class="discord-server-name">Winds of Valen Wiki</div>
                        <div class="discord-join-text">Join our server!</div>
                    </div>
                    <div class="discord-arrow">›</div>
                </div>
<div class="discord-bottom">OFFICIAL WIKI DISCORD</div>
            </div>


== Categories ==
            <!-- Contribute -->
<div class="osrs-grid-container">
            <div class="widget-box">
<div class="osrs-grid-item">
                <div class="widget-title">Help Improve the Wiki</div>
[[File:T_BronzeSword_Icon.png|link=Items]]
                <div class="widget-body plainlist">
<div class="osrs-grid-item-title">[[Items]]</div>
                    <p>Anyone can contribute. Click '''Edit''' on any page to add or fix information.</p>
</div>
                    <ul>
<div class="osrs-grid-item">
                        <li>[[Special:RecentChanges|Recent changes]]</li>
[[File:T_BronzePickaxe_Icon.png|link=Skills]]
                        <li>[[Special:WantedPages|Wanted pages]]</li>
<div class="osrs-grid-item-title">[[Skills]]</div>
                        <li>[[Special:NewFiles|New files]]</li>
</div>
                        <li>[[Special:Statistics|Statistics]]</li>
<div class="osrs-grid-item">
                    </ul>
[[File:T_SantaHat_Icon.png|link=Quests]]
                </div>
<div class="osrs-grid-item-title">[[Quests]]</div>
            </div>
</div>
<div class="osrs-grid-item">
[[File:T_LeatherBoots_Icon.png|link=Regions]]
<div class="osrs-grid-item-title">[[Regions]]</div>
</div>
</div>


== Popular Pages ==
        </div>
<div class="osrs-popular-grid">
    </div>
[[Open The Gates|<div class="osrs-button">Quest: Open The Gates</div>]]
[[Valen City|<div class="osrs-button">Valen City</div>]]
[[The Wilderness|<div class="osrs-button">The Wilderness (PvP)</div>]]
[[Lava Cavern|<div class="osrs-button">Lava Cavern</div>]]
[[Combat|<div class="osrs-button">Combat Training</div>]]
[[Mining|<div class="osrs-button">Mining Guide</div>]]
</div>
</div>
 
__NOTOC__
== Skill Training ==
{| style="width: 100%; margin-top: 10px; background-color: #e8dcc4; border: 1px solid #7d6b54; padding: 10px;"
|-
| style="width: 33%;" | [[File:T_BronzeSword_Icon.png|20px]] [[Combat]]
| style="width: 33%;" | [[File:T_BronzePickaxe_Icon.png|20px]] [[Mining]]
| style="width: 33%;" | [[File:T_SmithingHammer_Icon.png|20px]] [[Smithing]]
|-
| [[File:T_WoodBow_Icon.png|20px]] [[Archery]]
| [[File:T_FishingRod_Icon.png|20px]] [[Fishing]]
| [[File:T_SmallVial_Icon.png|20px]] [[Potion Making]]
|}