Main Page: Difference between revisions

From Ragnafied Wiki
No edit summary
No edit summary
Line 1: Line 1:
<div class="ragnawiki-modern">
<div class="ragnawiki-homepage-v2">


     <div class="wiki-hero">
     <div class="main-hero">
         <div class="wiki-hero-title">Welcome to Ragnawiki 📜</div>
         <div class="hero-content">
        <div class="wiki-hero-subtitle">Your Ultimate Ragnarok Online Resource</div>
            <div class="hero-title">Welcome to Ragnawiki! 📜</div>
         <div class="hero-image">[[File:Ragnawikilogo.png|180px|center|link=]]</div>
            <div class="hero-subtitle">Your Ultimate Ragnarok Online Resource</div>
        </div>
         <div class="hero-image">[[File:Ragnawikilogo.png|150px|center|link=]]</div>
     </div>
     </div>


     <div class="info-grid">
     <div class="info-grid-compact">


         <div class="info-card server-card">
         <div class="stat-card server-info-card">
             <div class="card-header">🧾 Server Information</div>
             <div class="card-header-icon">🧾</div>
             <div class="card-content">
             <div class="card-header">Server Information</div>
                <div class="compact-list">
            <div class="card-content-list">
                    <div class="list-row">
                <div class="list-item">
                        <span class="list-icon">📅</span>
                    <span class="list-icon">📅</span>
                        <div class="list-label"><strong>Episode:</strong></div>
                    <div class="list-label">Episode</div>
                        <div class="list-value text-primary">20 Renewal</div>
                    <div class="list-value text-primary">20 Renewal</div>
                    </div>
                </div>
                    <div class="list-row">
                <div class="list-item">
                        <span class="list-icon">⚡</span>
                    <span class="list-icon">⚡</span>
                        <div class="list-label"><strong>Max Level:</strong></div>
                    <div class="list-label">Max Level</div>
                        <div class="list-value text-danger">275/60</div>
                    <div class="list-value text-danger">275/60</div>
                    </div>
                </div>
                    <div class="list-row">
                <div class="list-item">
                        <span class="list-icon">📊</span>
                    <span class="list-icon">📊</span>
                        <div class="list-label"><strong>Max Stats:</strong></div>
                    <div class="list-label">Max Stats</div>
                        <div class="list-value text-success">130</div>
                    <div class="list-value text-success">130</div>
                    </div>
                </div>
                    <div class="list-row">
                <div class="list-item">
                        <span class="list-icon">🌟</span>
                    <span class="list-icon">🌟</span>
                        <div class="list-label"><strong>Max Traits:</strong></div>
                    <div class="list-label">Max Traits</div>
                        <div class="list-value text-purple">110</div>
                    <div class="list-value text-purple">110</div>
                    </div>
                </div>
                    <div class="list-row">
                <div class="list-item">
                        <span class="list-icon">🎯</span>
                    <span class="list-icon">🎯</span>
                        <div class="list-label"><strong>Max ASPD:</strong></div>
                    <div class="list-label">Max ASPD</div>
                        <div class="list-value text-danger">193</div>
                    <div class="list-value text-danger">193</div>
                    </div>
                </div>
                    <div class="list-row">
                <div class="list-item">
                        <span class="list-icon">👥</span>
                    <span class="list-icon">👥</span>
                        <div class="list-label"><strong>Party Share Range:</strong></div>
                    <div class="list-label">Party Share</div>
                        <div class="list-value text-success">100 Levels</div>
                    <div class="list-value text-success">100 Levels</div>
                    </div>
                </div>
                    <div class="list-row">
                <div class="list-item">
                        <span class="list-icon">📍</span>
                    <span class="list-icon">📍</span>
                        <div class="list-label"><strong>Server Location:</strong></div>
                    <div class="list-label">Location</div>
                        <div class="list-value text-warning">🇸🇬 Singapore</div>
                    <div class="list-value text-warning">🇸🇬 Singapore</div>
                    </div>
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>


         <div class="info-card rates-card">
         <div class="stat-card rates-info-card">
             <div class="card-header">📈 Rate Information</div>
             <div class="card-header-icon">📈</div>
             <div class="card-content">
             <div class="card-header">Rate Information</div>
                <div class="compact-list">
            <div class="card-content-list">
                    <div class="list-row">
                <div class="list-item">
                        <span class="list-icon">🔥</span>
                    <span class="list-icon">🔥</span>
                        <div class="list-label"><strong>Base & Job EXP:</strong></div>
                    <div class="list-label">Base & Job EXP</div>
                        <div class="list-value text-success">1000x</div>
                    <div class="list-value text-success">1000x</div>
                    </div>
                </div>
                    <div class="list-row">
                <div class="list-item">
                        <span class="list-icon">📖</span>
                    <span class="list-icon">📖</span>
                        <div class="list-label"><strong>Quest EXP:</strong></div>
                    <div class="list-label">Quest EXP</div>
                        <div class="list-value text-success">50x</div>
                    <div class="list-value text-success">50x</div>
                    </div>
                    <div class="list-row">
                        <span class="list-icon">🎁</span>
                        <div class="list-label"><strong>Item Drop:</strong></div>
                        <div class="list-value text-danger">300x</div>
                    </div>
                    <div class="list-row">
                        <span class="list-icon">🃏</span>
                        <div class="list-label"><strong>Card Drop:</strong></div>
                        <div class="list-value text-purple">10%</div>
                    </div>
                    <div class="list-row">
                        <span class="list-icon">👑</span>
                        <div class="list-label"><strong>MVP Card Drop:</strong></div>
                        <div class="list-value text-danger">1% (Depends on MVP)</div>
                    </div>
                    <div class="list-row">
                        <span class="list-icon">🌐</span>
                        <div class="list-label"><strong>Global Drop Rate:</strong></div>
                        <div class="list-value text-muted">0.25%</div>
                    </div>
                    <div class="list-row">
                        <span class="list-icon">🗺️</span>
                        <div class="list-label"><strong>Specific Map Drop Rate:</strong></div>
                        <div class="list-value text-warning">5%</div>
                    </div>
                 </div>
                 </div>
                <div class="list-item">
                    <span class="list-icon">🎁</span>
                    <div class="list-label">Item Drop</div>
                    <div class="list-value text-danger">300x</div>
                </div>
                <div class="list-item">
                    <span class="list-icon">🃏</span>
                    <div class="list-label">Card Drop</div>
                    <div class="list-value text-purple">10%</div>
                </div>
                <div class="list-item">
                    <span class="list-icon">👑</span>
                    <div class="list-label">MVP Card Drop</div>
                    <div class="list-value text-danger">1% (Variable)</div>
                </div>
                <div class="list-item">
                    <span class="list-icon">🌐</span>
                    <div class="list-label">Global Drop Rate</div>
                    <div class="list-value text-muted">0.25%</div>
                </div>
                <div class="list-item">
                    <span class="list-icon">🗺️</span>
                    <div class="list-label">Map Specific Drop</div>
                    <div class="list-value text-warning">5%</div>
                </div>
            </div>
        </div>


                <div class="notes-box">
        <div class="stat-card notes-card">
                    <div class="notes-title">📝 Important Notes</div>
            <div class="card-header-icon">📝</div>
                    <div class="notes-content">
            <div class="card-header">Important Notes</div>
                        <ul>
            <div class="card-content-notes">
                            <li>Some drop rates may be increased during events</li>
                <ul>
                            <li>Price for some items are halved</li>
                    <li>Drop rates may be **increased during events**.</li>
                            <li>All drops are affected by modifiers</li>
                    <li>Price for some items are **halved**.</li>
                        </ul>
                    <li>All drops are affected by **character modifiers**.</li>
                    </div>
                </ul>
                </div>
             </div>
             </div>
         </div>
         </div>
     </div>
     </div>


     <h2 class="section-title">🚀 Quick Start Navigation</h2>
     <h2 class="section-heading-v2">🚀 Quick Start Navigation</h2>


     <div class="nav-grid">
     <div class="nav-grid-v2">


         <div class="nav-card beginners-nav">
         <div class="nav-category-v2 beginners-category">
             <div class="nav-header">🎯 Beginners Help</div>
             <div class="category-header">🎯 Beginners Help</div>
             <div class="nav-content">
             <div class="category-links">
                 <div class="nav-item">
                 <a href="/Ragnafied" class="nav-link-v2">
                     <span class="nav-icon icon-external-ragna"></span>
                     <span class="nav-icon icon-external-ragna"></span>
                     <div class="nav-text">[[Ragnafied]]</div>
                     <span class="nav-text">Ragnafied</span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/Autoloot" class="nav-link-v2">
                     <span class="nav-icon icon-external-greed"></span>
                     <span class="nav-icon icon-external-greed"></span>
                     <div class="nav-text">[[Autoloot]]</div>
                     <span class="nav-text">Autoloot</span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/Stats" class="nav-link-v2">
                     <span class="nav-icon icon-external-longing"></span>
                     <span class="nav-icon icon-external-longing"></span>
                     <div class="nav-text">[[Stats]]</div>
                     <span class="nav-text">Stats & Mechanics</span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/Vip" class="nav-link-v2">
                     <span class="nav-icon icon-external-vip"></span>
                     <span class="nav-icon icon-external-vip"></span>
                     <div class="nav-text">[[Vip]]</div>
                     <span class="nav-text">VIP System</span>
                 </div>
                 </a>
             </div>
             </div>
         </div>
         </div>


         <div class="nav-card features-nav">
         <div class="nav-category-v2 features-category">
             <div class="nav-header">⚙️ Features</div>
             <div class="category-header">⚙️ Server Features</div>
             <div class="nav-content">
             <div class="category-links">
                 <div class="nav-item">
                 <a href="/Custom_Systems" class="nav-link-v2">
                     <span class="nav-icon icon-external-smith"></span>
                     <span class="nav-icon icon-external-smith"></span>
                     <div class="nav-text">[[Custom Systems]]</div>
                     <span class="nav-text">Custom Systems</span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/Episode_Skips" class="nav-link-v2">
                     <span class="nav-icon">[[File:1000282.png|24px|link=]]</span>
                     <span class="nav-icon">[[File:1000282.png|24px|link=]]</span>
                     <div class="nav-text">[[Episode Skips]]</div>
                     <span class="nav-text">Episode Skips</span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/4th_Jobs" class="nav-link-v2">
                     <span class="nav-icon icon-external-4thjob"></span>
                     <span class="nav-icon icon-external-4thjob"></span>
                     <div class="nav-text">[[4th Jobs]]</div>
                     <span class="nav-text">4th Jobs</span>
                 </div>
                 </a>
                <a href="/Community" class="nav-link-v2">
                    <span class="nav-icon icon-external-party"></span>
                    <span class="nav-text">Community Links</span>
                </a>
             </div>
             </div>
         </div>
         </div>


         <div class="nav-card guides-nav">
         <div class="nav-category-v2 guides-category">
             <div class="nav-header">📖 Guides</div>
             <div class="category-header">📖 Full Guides</div>
             <div class="nav-content">
             <div class="category-links">
                 <div class="nav-item">
                 <a href="/Leveling_Guide" class="nav-link-v2 nav-link-placeholder">
                     <span class="nav-icon icon-external-exceed"></span>
                     <span class="nav-icon icon-external-exceed"></span>
                     <div class="nav-text">[[Leveling Guide]]<span class="nav-addon">TDB</span></div>
                     <span class="nav-text">Leveling Guide <span class="nav-addon-tdb">TDB</span></span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/Equipment_Progression" class="nav-link-v2 nav-link-placeholder">
                     <span class="nav-icon icon-external-guard"></span>
                     <span class="nav-icon icon-external-guard"></span>
                     <div class="nav-text">[[Equipment Progression]]<span class="nav-addon">TDB</span></div>
                     <span class="nav-text">Equipment Progression <span class="nav-addon-tdb">TDB</span></span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/Troubleshooting" class="nav-link-v2">
                     <span class="nav-icon icon-external-trouble"></span>
                     <span class="nav-icon icon-external-trouble"></span>
                     <div class="nav-text">[[Troubleshooting]]</div>
                     <span class="nav-text">Troubleshooting</span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/Illusion" class="nav-link-v2">
                     <span class="nav-icon icon-external-illusion"></span>
                     <span class="nav-icon icon-external-illusion"></span>
                     <div class="nav-text">[[Illusion]]</div>
                     <span class="nav-text">Illusion Dungeons</span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/Sage_Legacy" class="nav-link-v2">
                     <span class="nav-icon icon-external-sage"></span>
                     <span class="nav-icon icon-external-sage"></span>
                     <div class="nav-text">[[Sage Legacy]]</div>
                     <span class="nav-text">Sage Legacy</span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/Direction_of_Prayer" class="nav-link-v2">
                     <span class="nav-icon icon-external-prayer"></span>
                     <span class="nav-icon icon-external-prayer"></span>
                     <div class="nav-text">[[Direction of Prayer]]</div>
                     <span class="nav-text">Direction of Prayer</span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/Issgard" class="nav-link-v2">
                     <span class="nav-icon icon-external-issgard"></span>
                     <span class="nav-icon icon-external-issgard"></span>
                     <div class="nav-text">[[Issgard]]</div>
                     <span class="nav-text">Issgard</span>
                 </div>
                 </a>
                 <div class="nav-item">
                 <a href="/The_Immortal" class="nav-link-v2">
                     <span class="nav-icon icon-external-immortal"></span>
                     <span class="nav-icon icon-external-immortal"></span>
                     <div class="nav-text">[[The Immortal]]</div>
                     <span class="nav-text">The Immortal Quest</span>
                 </div>
                 </a>
             </div>
             </div>
         </div>
         </div>
 
       
     </div>
     </div>


</div>
</div>

Revision as of 20:54, 30 September 2025

Welcome to Ragnawiki! 📜
Your Ultimate Ragnarok Online Resource
🧾
Server Information
                   📅
Episode
20 Renewal
                   
Max Level
275/60
                   📊
Max Stats
130
                   🌟
Max Traits
110
                   🎯
Max ASPD
193
                   👥
Party Share
100 Levels
                   📍
Location
🇸🇬 Singapore
📈
Rate Information
                   🔥
Base & Job EXP
1000x
                   📖
Quest EXP
50x
                   🎁
Item Drop
300x
                   🃏
Card Drop
10%
                   👑
MVP Card Drop
1% (Variable)
                   🌐
Global Drop Rate
0.25%
                   🗺️
Map Specific Drop
5%
📝
Important Notes
  • Drop rates may be **increased during events**.
  • Price for some items are **halved**.
  • All drops are affected by **character modifiers**.

🚀 Quick Start Navigation