Main Page: Difference between revisions
Using tables for guaranteed layout |
OSRS-style 2-col layout v2 |
||
| Line 1: | Line 1: | ||
<div style="text-align:center; padding: | <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 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;"> | |||
<!-- ===== LEFT MAIN COLUMN ===== --> | |||
<div style="flex:3; min-width:0;"> | |||
<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;">== Latest Updates ==</div> | |||
{| style="width:100%; border-spacing:8px 0;" | |||
|- | |||
| style="width:50%; vertical-align:top;" | | |||
<div style="background:var(--body-main,#e2dbc8); border:1px solid var(--body-border,#94866d); padding:8px;"> | |||
'''10 July 2026 • Game update''' | |||
'''[[Open The Gates]] — The First Quest is Live!''' | |||
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. | |||
</div> | </div> | ||
| style="width:50%; vertical-align:top;" | | |||
<div style="background:var(--body-main,#e2dbc8); border:1px solid var(--body-border,#94866d); padding:8px;"> | |||
'''10 July 2026 • Wiki launch''' | |||
== Categories == | '''Winds of Valen Wiki is Open!''' | ||
{| style="width: 100%; border-spacing: | |||
The community wiki is now live. 169 items, 6 skills, regions, quests, and more are documented and ready to be expanded by players. | |||
</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;">== Categories ==</div> | |||
{| style="width:100%; border-spacing:8px; border-collapse:separate;" | |||
|- | |- | ||
| style="width: 25% | | style="width:25%; text-align:center;" | | ||
<div style="padding: | <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 style=" | | style="width:25%; text-align:center;" | | ||
| style="width: 25% | <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="padding: | | style="width:25%; text-align:center;" | | ||
<div style=" | <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% | | style="width:25%; text-align:center;" | | ||
<div style="padding: | <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 style=" | |||
| style="width: 25% | |||
<div style="padding: | |||
<div style=" | |||
|} | |} | ||
</div> | |||
== Popular Pages == | <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);"> | ||
{| style="width: 100%; border-spacing: | <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: # | | 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: # | | 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: # | | 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=" | | 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=" | | 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=" | | 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> | |||
== Skill Training == | <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);"> | ||
{| style="width: 100%; | <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%;" | [[File:T_BronzeSword_Icon.png| | | style="width:33%; padding:6px 10px;" | [[File:T_BronzeSword_Icon.png|18px|link=Combat]] [[Combat]] | ||
| style="width: 33%;" | [[File:T_BronzePickaxe_Icon.png| | | style="width:33%; padding:6px 10px;" | [[File:T_BronzePickaxe_Icon.png|18px|link=Mining]] [[Mining]] | ||
| style="width: 33%;" | [[File:T_SmithingHammer_Icon.png| | | style="width:33%; padding:6px 10px;" | [[File:T_SmithingHammer_Icon.png|18px|link=Smithing]] [[Smithing]] | ||
|- | |- | ||
| [[File:T_WoodBow_Icon.png| | | style="padding:6px 10px;" | [[File:T_WoodBow_Icon.png|18px|link=Archery]] [[Archery]] | ||
| [[File:T_FishingRod_Icon.png| | | style="padding:6px 10px;" | [[File:T_FishingRod_Icon.png|18px|link=Fishing]] [[Fishing]] | ||
| [[File:T_SmallVial_Icon.png| | | style="padding:6px 10px;" | [[File:T_SmallVial_Icon.png|18px|link=Potion Making]] [[Potion Making]] | ||
|} | |} | ||
</div> | |||
</div><!-- /left column --> | |||
<!-- ===== RIGHT SIDEBAR COLUMN ===== --> | |||
<div style="flex:1; min-width:200px; max-width:250px;"> | |||
<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;">Wiki Statistics</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 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__ | ||