Main Page: Difference between revisions

Using tables for guaranteed layout
Fix category redirect links
 
(12 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="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="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="tile-row categories-grid">
                <div class="category-card">
                    <div class="tile-top tile-image">[[File:T_BronzeSword_Icon.png|link=Category:Items]]</div>
                    <div class="tile-bottom link-button">[[:Category:Items|Items]]</div>
                </div>
                <div class="category-card">
                    <div class="tile-top tile-image">[[File:skills.png|link=Category:Skills]]</div>
                    <div class="tile-bottom link-button">[[:Category:Skills|Skills]]</div>
                </div>
                <div class="category-card">
                    <div class="tile-top tile-image">[[File:quest.png|link=Category:Quests]]</div>
                    <div class="tile-bottom link-button">[[:Category:Quests|Quests]]</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="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>


== Categories ==
        <div class="mainpage-right">
{| style="width: 100%; border-spacing: 15px;"
           
|-
            <!-- Discord -->
| style="width: 25%; background: #fff; border: 2px solid #7d6b54; text-align: center; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); vertical-align: top;" |
            <div class="discord-widget plainlinks">
<div style="padding: 10px;">[[File:T_BronzeSword_Icon.png|link=Items]]</div>
[https://discord.gg/xxzDqg9xWc <span class="discord-click-target"></span>]
<div style="font-weight: bold; color: #332717; background-color: #e8dcc4; padding: 5px; border-top: 1px solid #7d6b54;">[[Items]]</div>
                <div class="discord-top">
| style="width: 25%; background: #fff; border: 2px solid #7d6b54; text-align: center; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); vertical-align: top;" |
                    <div class="discord-icon"></div>
<div style="padding: 10px;">[[File:T_BronzePickaxe_Icon.png|link=Skills]]</div>
                    <div class="discord-text">
<div style="font-weight: bold; color: #332717; background-color: #e8dcc4; padding: 5px; border-top: 1px solid #7d6b54;">[[Skills]]</div>
                        <div class="discord-title">Community</div>
| style="width: 25%; background: #fff; border: 2px solid #7d6b54; text-align: center; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); vertical-align: top;" |
                        <div class="discord-server-name">Winds of Valen</div>
<div style="padding: 10px;">[[File:T_SantaHat_Icon.png|link=Quests]]</div>
                        <div class="discord-join-text">Join the Discord server!</div>
<div style="font-weight: bold; color: #332717; background-color: #e8dcc4; padding: 5px; border-top: 1px solid #7d6b54;">[[Quests]]</div>
                    </div>
| style="width: 25%; background: #fff; border: 2px solid #7d6b54; text-align: center; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); vertical-align: top;" |
                </div>
<div style="padding: 10px;">[[File:T_LeatherBoots_Icon.png|link=Regions]]</div>
<div class="discord-bottom">Official Game Server</div>
<div style="font-weight: bold; color: #332717; background-color: #e8dcc4; padding: 5px; border-top: 1px solid #7d6b54;">[[Regions]]</div>
            </div>
|}


== Popular Pages ==
            <!-- Contribute -->
{| style="width: 100%; border-spacing: 10px;"
            <div class="widget-box">
|-
                <div class="widget-title">Help Improve the Wiki</div>
| style="width: 33%; background: #4a3a25; border: 2px solid #332717; text-align: center; padding: 10px; font-weight: bold;" | [[Open The Gates|<span style="color: white;">Quest: Open The Gates</span>]]
                <div class="widget-body plainlist">
| style="width: 33%; background: #4a3a25; border: 2px solid #332717; text-align: center; padding: 10px; font-weight: bold;" | [[Valen City|<span style="color: white;">Valen City</span>]]
                    <p>Anyone can contribute. Click '''Edit''' on any page to add or fix information.</p>
| style="width: 33%; background: #4a3a25; border: 2px solid #332717; text-align: center; padding: 10px; font-weight: bold;" | [[The Wilderness|<span style="color: white;">The Wilderness (PvP)</span>]]
                    <ul>
|-
                        <li>[[Special:RecentChanges|Recent changes]]</li>
| style="width: 33%; background: #4a3a25; border: 2px solid #332717; text-align: center; padding: 10px; font-weight: bold;" | [[Lava Cavern|<span style="color: white;">Lava Cavern</span>]]
                        <li>[[Special:WantedPages|Wanted pages]]</li>
| style="width: 33%; background: #4a3a25; border: 2px solid #332717; text-align: center; padding: 10px; font-weight: bold;" | [[Combat|<span style="color: white;">Combat Training</span>]]
                        <li>[[Special:NewFiles|New files]]</li>
| style="width: 33%; background: #4a3a25; border: 2px solid #332717; text-align: center; padding: 10px; font-weight: bold;" | [[Mining|<span style="color: white;">Mining Guide</span>]]
                        <li>[[Special:Statistics|Statistics]]</li>
|}
                    </ul>
                </div>
            </div>


== Skill Training ==
        </div>
{| style="width: 100%; margin-top: 10px; background-color: #e8dcc4; border: 1px solid #7d6b54; padding: 10px;"
    </div>
|-
</div>
| 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]]
|}
__NOTOC__
__NOTOC__