Main Page: Difference between revisions

OSRS-style 2-col layout v2
Fix encoding
 
(8 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</div>
                        <div class="discord-join-text">Join the server!</div>
                    </div>
                    <div class="discord-arrow">&rsaquo;</div>
                </div>
<div class="discord-bottom">OFFICIAL GAME 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__