Main Page: Difference between revisions

From Winds Of Valen Wiki
Jump to navigation Jump to search
OSRS-style 2-col layout v2
Fix Discord widget pre-formatting
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="font-size:1.6em; font-weight:bold; font-family:'PT Serif','Georgia',serif; text-align:center; padding:0.3em 0 0.1em 0;">Welcome to the Winds of Valen Wiki!</div>
<div class="mainpage-container">
<div style="text-align:center; color:#4c4c4c; font-size:0.95em; margin-bottom:1.2em;">We are the official Winds of Valen encyclopaedia, written and maintained by the players.</div>


<div style="display:flex; gap:18px; align-items:flex-start;">
    <div class="mainpage-header">
        <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>


<!-- ===== LEFT MAIN COLUMN ===== -->
    <div class="mainpage-layout">
<div style="flex:3; min-width:0;">
        <div class="mainpage-left">


<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 14px; margin-bottom:14px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
            <!-- Latest Updates -->
<div style="font-family:'PT Serif','Georgia',serif; font-size:1.05em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:4px; margin-bottom:10px;">== Latest Updates ==</div>
            <div class="section-title">Latest Updates</div>
{| style="width:100%; border-spacing:8px 0;"
            <div class="tile-row updates-row">
|-
                <div class="tile-halves update-card">
| style="width:50%; vertical-align:top;" |
                    <div class="update-header">10 JULY 2026 &bull; GAME UPDATE</div>
<div style="background:var(--body-main,#e2dbc8); border:1px solid var(--body-border,#94866d); padding:8px;">
                    <div class="update-title">[[Open The Gates|Open The Gates &mdash; First Quest is Live!]]</div>
'''10 July 2026 • Game update'''
                    <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>


'''[[Open The Gates]] — The First Quest is Live!'''
            <!-- 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>


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.
            <!-- Popular Pages -->
</div>
            <div class="section-title">Popular Pages</div>
| style="width:50%; vertical-align:top;" |
            <div class="popular-grid">
<div style="background:var(--body-main,#e2dbc8); border:1px solid var(--body-border,#94866d); padding:8px;">
                <div class="link-button dark-button">[[Open The Gates|Quest: Open The Gates]]</div>
'''10 July 2026 • Wiki launch'''
                <div class="link-button dark-button">[[Valen City]]</div>
 
                <div class="link-button dark-button">[[The Wilderness|The Wilderness (PvP)]]</div>
'''Winds of Valen Wiki is Open!'''
                <div class="link-button dark-button">[[Lava Cavern]]</div>
 
                <div class="link-button dark-button">[[Combat|Combat Training]]</div>
The community wiki is now live. 169 items, 6 skills, regions, quests, and more are documented and ready to be expanded by players.
                <div class="link-button dark-button">[[Mining|Mining Guide]]</div>
</div>
            </div>
|}
           
</div>
            <!-- Skills -->
 
            <div class="section-title">Skill Training</div>
<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 14px; margin-bottom:14px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
            <div class="skills-grid">
<div style="font-family:'PT Serif','Georgia',serif; font-size:1.05em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:4px; margin-bottom:10px;">== Categories ==</div>
                <div class="skill-item">[[File:T_BronzeSword_Icon.png|16px|link=Combat]] [[Combat]]</div>
{| style="width:100%; border-spacing:8px; border-collapse:separate;"
                <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>
| style="width:25%; text-align:center;" |
                <div class="skill-item">[[File:T_WoodBow_Icon.png|16px|link=Archery]] [[Archery]]</div>
<div style="background:#fff; border:1px solid var(--body-border,#94866d); padding:6px 4px;">[[File:T_BronzeSword_Icon.png|96px|link=Items]]<div style="background:var(--body-dark,#b8a282); padding:4px; margin-top:4px; font-weight:bold;">'''[[Items]]'''</div></div>
                <div class="skill-item">[[File:T_FishingRod_Icon.png|16px|link=Fishing]] [[Fishing]]</div>
| style="width:25%; text-align:center;" |
                <div class="skill-item">[[File:T_SmallVial_Icon.png|16px|link=Potion Making]] [[Potion Making]]</div>
<div style="background:#fff; border:1px solid var(--body-border,#94866d); padding:6px 4px;">[[File:T_BronzePickaxe_Icon.png|96px|link=Skills]]<div style="background:var(--body-dark,#b8a282); padding:4px; margin-top:4px; font-weight:bold;">'''[[Skills]]'''</div></div>
            </div>
| style="width:25%; text-align:center;" |
<div style="background:#fff; border:1px solid var(--body-border,#94866d); padding:6px 4px;">[[File:T_SantaHat_Icon.png|96px|link=Quests]]<div style="background:var(--body-dark,#b8a282); padding:4px; margin-top:4px; font-weight:bold;">'''[[Quests]]'''</div></div>
| style="width:25%; text-align:center;" |
<div style="background:#fff; border:1px solid var(--body-border,#94866d); padding:6px 4px;">[[File:T_LeatherBoots_Icon.png|96px|link=Regions]]<div style="background:var(--body-dark,#b8a282); padding:4px; margin-top:4px; font-weight:bold;">'''[[Regions]]'''</div></div>
|}
</div>
 
<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 14px; margin-bottom:14px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
<div style="font-family:'PT Serif','Georgia',serif; font-size:1.05em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:4px; margin-bottom:10px;">== Popular Pages ==</div>
{| style="width:100%; border-spacing:6px; border-collapse:separate;"
|-
| style="width:33%; background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[Open The Gates|<span style="color:#fff; font-weight:bold;">Quest: Open The Gates</span>]]
| style="width:33%; background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[Valen City|<span style="color:#fff; font-weight:bold;">Valen City</span>]]
| style="width:33%; background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[The Wilderness|<span style="color:#fff; font-weight:bold;">The Wilderness (PvP)</span>]]
|-
| style="background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[Lava Cavern|<span style="color:#fff; font-weight:bold;">Lava Cavern</span>]]
| style="background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[Combat|<span style="color:#fff; font-weight:bold;">Combat Training</span>]]
| style="background:var(--button-background,#605443); text-align:center; padding:8px; border:1px solid var(--button-border,#3c352a);" |[[Mining|<span style="color:#fff; font-weight:bold;">Mining Guide</span>]]
|}
</div>


<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 14px; margin-bottom:14px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
        </div>
<div style="font-family:'PT Serif','Georgia',serif; font-size:1.05em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:4px; margin-bottom:10px;">== Skill Training ==</div>
{| style="width:100%; background:var(--body-main,#e2dbc8); border:1px solid var(--body-border,#94866d); padding:6px; border-spacing:0;"
|-
| style="width:33%; padding:6px 10px;" | [[File:T_BronzeSword_Icon.png|18px|link=Combat]] [[Combat]]
| style="width:33%; padding:6px 10px;" | [[File:T_BronzePickaxe_Icon.png|18px|link=Mining]] [[Mining]]
| style="width:33%; padding:6px 10px;" | [[File:T_SmithingHammer_Icon.png|18px|link=Smithing]] [[Smithing]]
|-
| style="padding:6px 10px;" | [[File:T_WoodBow_Icon.png|18px|link=Archery]] [[Archery]]
| style="padding:6px 10px;" | [[File:T_FishingRod_Icon.png|18px|link=Fishing]] [[Fishing]]
| style="padding:6px 10px;" | [[File:T_SmallVial_Icon.png|18px|link=Potion Making]] [[Potion Making]]
|}
</div>


</div><!-- /left column -->
        <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>


<!-- ===== RIGHT SIDEBAR COLUMN ===== -->
            <!-- Contribute -->
<div style="flex:1; min-width:200px; max-width:250px;">
            <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>
                        <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 style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 12px; margin-bottom:12px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
        </div>
<div style="font-family:'PT Serif','Georgia',serif; font-size:0.95em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:3px; margin-bottom:8px;">Wiki Statistics</div>
    </div>
<div style="font-size:0.9em; line-height:1.8;">
Number of articles: '''{{NUMBEROFARTICLES}}'''<br>
Number of files: '''{{NUMBEROFFILES}}'''<br>
Number of users: '''{{NUMBEROFUSERS}}'''<br>
Number of edits: '''{{NUMBEROFEDITS}}'''
</div>
</div>
</div>
<div style="background:#2b5797; border:1px solid #1a3a6e; padding:10px 12px; margin-bottom:12px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.2);">
<div style="font-family:'PT Serif','Georgia',serif; font-size:0.95em; font-weight:bold; color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:3px; margin-bottom:8px;">🎮 Join the Community</div>
<div style="font-size:0.85em; color:#d0e8ff; line-height:1.6;">Chat with players, get help, and stay up to date with game news.</div>
<div style="margin-top:8px;"><span style="background:rgba(255,255,255,0.15); padding:4px 10px; font-size:0.85em; color:#fff; display:inline-block;">→ Official Discord</span></div>
</div>
<div style="background:var(--body-light,#d8ccb4); border:1px solid var(--body-border,#94866d); padding:10px 12px; margin-bottom:12px; box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);">
<div style="font-family:'PT Serif','Georgia',serif; font-size:0.95em; font-weight:bold; border-bottom:1px solid var(--body-border,#94866d); padding-bottom:3px; margin-bottom:8px;">Help Improve the Wiki</div>
<div style="font-size:0.85em; line-height:1.7; color:#333;">Anyone can contribute. Click <b>Edit</b> on any page to add or fix information.
* [[Special:RecentChanges|Recent changes]]
* [[Special:WantedPages|Wanted pages]]
* [[Special:NewFiles|New files]]
</div>
</div>
</div><!-- /right column -->
</div><!-- /flex container -->
__NOTOC__
__NOTOC__

Revision as of 13:10, 11 July 2026

Welcome to the Winds of Valen Wiki!

We are the official community-maintained encyclopaedia for the fantasy sandbox MMORPG. Anyone can contribute — create an account to get started.

  • Articles: 6
  • Files: 176
  • Users: 1
  • Edits: 916
Latest Updates
10 JULY 2026 • GAME UPDATE

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.

10 JULY 2026 • WIKI LAUNCH

The community wiki is now live. 169 items, 6 skills, regions, quests, and more are documented and ready to be expanded by players.

Categories
Popular Pages
Skill Training
Help Improve the Wiki

Anyone can contribute. Click Edit on any page to add or fix information.