Main Page: Difference between revisions

Fix encoding
Modernize homepage layout
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">10 JULY 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">[[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>
                     <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>
                 <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">10 JULY 2026 &bull; WIKI LAUNCH</div>
                     <div class="update-title">[[Main Page|Winds of Valen Wiki is Open!]]</div>
                     <div class="update-title">[[Main Page|Winds of Valen Wiki is Open!]]</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=Items]]</div>
                     <div class="tile-bottom link-button">[[Items]]</div>
                     <div class="tile-bottom link-button">[[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:T_BronzePickaxe_Icon.png|link=Skills]]</div>
                     <div class="tile-bottom link-button">[[Skills]]</div>
                     <div class="tile-bottom link-button">[[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:T_SantaHat_Icon.png|link=Quests]]</div>
                     <div class="tile-bottom link-button">[[Quests]]</div>
                     <div class="tile-bottom link-button">[[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:T_LeatherBoots_Icon.png|link=Regions]]</div>
                     <div class="tile-bottom link-button">[[Regions]]</div>
                     <div class="tile-bottom link-button">[[Regions]]</div>
Line 82: Line 82:
              
              
             <!-- Discord -->
             <!-- Discord -->
             <div class="discord-widget-modern plainlinks">
             <div class="discord-widget plainlinks">
[https://discord.gg/xxzDqg9xWc <span class="discord-click-target"></span>]
[https://discord.gg/xxzDqg9xWc <span class="discord-click-target"></span>]
                 <div class="discord-top">
                 <div class="discord-top">
                     <div class="discord-icon"></div>
                     <div class="discord-icon"></div>
                     <div class="discord-text">
                     <div class="discord-text">
                        <div class="discord-title">Community</div>
                         <div class="discord-server-name">Winds of Valen</div>
                         <div class="discord-server-name">Winds of Valen</div>
                         <div class="discord-join-text">Join the server!</div>
                         <div class="discord-join-text">Join the Discord server!</div>
                     </div>
                     </div>
                    <div class="discord-arrow">&rsaquo;</div>
                 </div>
                 </div>
<div class="discord-bottom">OFFICIAL GAME DISCORD</div>
<div class="discord-bottom">Official Game Server</div>
             </div>
             </div>