Main Page: Difference between revisions

OSRS native DOM extraction mapping
Run (talk | contribs)
mNo edit summary
 
(22 intermediate revisions by one other user not shown)
Line 22: Line 22:
             <div class="section-title">Latest Updates</div>
             <div class="section-title">Latest Updates</div>
             <div class="tile-row updates-row">
             <div class="tile-row updates-row">
                <div class="tile-halves update-card">
<div class="update-card">
                     <div class="update-header">10 JULY 2026 &bull; GAME UPDATE</div>
                     <div class="update-header">22 AUG 2026 &bull; GAME UPDATE</div>
                     <div class="update-title">[[Open The Gates|Open The Gates &mdash; First Quest is Live!]]</div>
                     <div class="update-title">[https://steamstore-a.akamaihd.net/news/externalpost/steam_community_announcements/1841579228672457 Smithing Rework and Abandoned Dwarven Mine Outpost]</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>
                     <p>We are very excited for todays massive update, smithing is getting overhauled to add more depth and to tie into future skills. Along with this we a...</p>
                 </div>
                 </div>
                 <div class="tile-halves update-card">
                 <div class="update-card">
                     <div class="update-header">10 JULY 2026 &bull; WIKI LAUNCH</div>
                     <div class="update-header">20 AUG 2026 &bull; GAME UPDATE</div>
                     <div class="update-title">[[Main Page|Winds of Valen Wiki is Open!]]</div>
                     <div class="update-title">[https://steamstore-a.akamaihd.net/news/externalpost/steam_community_announcements/1841579228665246 Smithing Rework is Coming]</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>
                     <p>The smithing rework is releasing this weekend! The exact times are: Sunday, 23 August 2026 12:00 pm, NZST Sunday, 23 August 2026 12:00 am, GMT Satu...</p>
                 </div>
                 </div>
             </div>
             </div>
Line 36: Line 36:
             <!-- Categories -->
             <!-- Categories -->
             <div class="section-title">Categories</div>
             <div class="section-title">Categories</div>
             <div class="mainpage-contents tile-row categories-grid">
             <div class="tile-row categories-grid">
                 <div class="tile-halves">
                 <div class="category-card">
                     <div class="tile-top tile-image">[[File:T_BronzeSword_Icon.png|link=Items]]</div>
                     <div class="tile-top tile-image">[[File:T_BronzeSword_Icon.png|link=Category:Items]]</div>
                     <div class="tile-bottom link-button">[[Items]]</div>
                     <div class="tile-bottom link-button">[[:Category:Items|Items]]</div>
                 </div>
                 </div>
                 <div class="tile-halves">
                 <div class="category-card">
                     <div class="tile-top tile-image">[[File:T_BronzePickaxe_Icon.png|link=Skills]]</div>
                     <div class="tile-top tile-image">[[File:skills.png|link=Category:Skills]]</div>
                     <div class="tile-bottom link-button">[[Skills]]</div>
                     <div class="tile-bottom link-button">[[:Category:Skills|Skills]]</div>
                 </div>
                 </div>
                 <div class="tile-halves">
                 <div class="category-card">
                     <div class="tile-top tile-image">[[File:T_SantaHat_Icon.png|link=Quests]]</div>
                     <div class="tile-top tile-image">[[File:quest.png|link=Category:Quests]]</div>
                     <div class="tile-bottom link-button">[[Quests]]</div>
                     <div class="tile-bottom link-button">[[:Category:Quests|Quests]]</div>
                 </div>
                 </div>
                 <div class="tile-halves">
                 <div class="category-card">
                     <div class="tile-top tile-image">[[File:T_LeatherBoots_Icon.png|link=Regions]]</div>
                     <div class="tile-top tile-image">[[File:map.png|link=Category:Regions]]</div>
                     <div class="tile-bottom link-button">[[Regions]]</div>
                     <div class="tile-bottom link-button">[[:Category:Regions|Regions]]</div>
                 </div>
                 </div>
             </div>
             </div>
Line 60: Line 60:
                 <div class="link-button dark-button">[[Open The Gates|Quest: Open The Gates]]</div>
                 <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">[[Valen City]]</div>
                 <div class="link-button dark-button">[[The Wilderness|The Wilderness (PvP)]]</div>
                 <div class="link-button dark-button">[[The Wilderness|The Darklands (PVP)]]</div>
                 <div class="link-button dark-button">[[Lava Cavern]]</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">[[Combat|Combat Training]]</div>
Line 75: Line 75:
                 <div class="skill-item">[[File:T_FishingRod_Icon.png|16px|link=Fishing]] [[Fishing]]</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 class="skill-item">[[File:T_SmallVial_Icon.png|16px|link=Potion Making]] [[Potion Making]]</div>
            </div>
            <!-- Leaderboards -->
            <div class="section-title">Community Leaderboards</div>
            <div class="leaderboard-announcement" style="background: #fdf5e6; border-left: 4px solid #d2b48c; border-right: 4px solid #d2b48c; padding: 10px 15px; margin-bottom: 20px; border-radius: 4px; font-weight: bold; color: #5c4033; text-align: center;">
                Event: On August 31st, we will give the top 3 contributors of "All-Time" 1 month of membership each!
            </div>
            <div class="leaderboards-row" style="display: flex; gap: 20px; flex-wrap: wrap;">
                <div class="widget-box" style="flex: 1; min-width: 300px;">
                    <div class="widget-title">Weekly Leaderboard</div>
                    <div class="widget-body plainlist" style="overflow-x: auto;">
                        {{Special:ContributionScores/5/7}}
                    </div>
                </div>
                <div class="widget-box" style="flex: 1; min-width: 300px;">
                    <div class="widget-title">All-Time Leaderboard</div>
                    <div class="widget-body plainlist" style="overflow-x: auto;">
                        {{Special:ContributionScores/10/0}}
                    </div>
                </div>
             </div>
             </div>


Line 82: Line 103:
              
              
             <!-- Discord -->
             <!-- Discord -->
             <div class="discord-widget">
             <div class="discord-widget plainlinks">
                <div class="discord-title">Join the Community</div>
[https://discord.gg/xxzDqg9xWc <span class="discord-click-target"></span>]
                 <div class="discord-body">
                 <div class="discord-top">
                     <p>Chat with players, share discoveries, and stay up to date with game news and wiki announcements.</p>
                     <div class="discord-icon"></div>
                     <div class="discord-btn">[https://discord.gg/xxzDqg9xWc Chat on Discord]</div>
                     <div class="discord-text">
                        <div class="discord-title">Community</div>
                        <div class="discord-server-name">Winds of Valen</div>
                        <div class="discord-join-text">Join the Discord server!</div>
                    </div>
                 </div>
                 </div>
<div class="discord-bottom">Official Game Server</div>
             </div>
             </div>


Line 108: Line 134:
</div>
</div>
__NOTOC__
__NOTOC__
<!-- Bust 2 -->