Main Page: Difference between revisions

From Ragnafied Wiki
← Older editNewer edit →
No edit summary
No edit summary
Line 1: Line 1:
<div class="ragnawiki-modern">
<div class="ragnawiki-modern">


<div class="wiki-hero" style="background: linear-gradient(135deg, #2c5e9e 0%, #1e3a5f 100%); color: white; padding: 25px; border-radius: 10px; text-align: center; margin-bottom: 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
<div class="wiki-hero">
   <div style="font-size: 28px; font-weight: bold; margin-bottom: 10px; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);">
   <div class="wiki-hero-title">Welcome to Ragnawiki</div>
    Welcome to Ragnawiki
   <div class="wiki-hero-subtitle">Your Ultimate Ragnarok Online Resource</div>
  </div>
   <div style="font-size: 16px; opacity: 0.9; margin-bottom: 15px;">
    Your Ultimate Ragnarok Online Resource
  </div>
   [[File:Ragnawikilogo.png|180px|center]]
   [[File:Ragnawikilogo.png|180px|center]]
</div>
</div>


<div class="info-grid" style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px;">
<div class="info-grid">


   <div class="info-card" style="background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
   <div class="info-card">
     <div class="card-header" style="background: linear-gradient(135deg, #4682B4, #5a96d1); color: white; padding: 12px 15px; font-weight: bold; font-size: 16px;">
     <div class="card-header server">🧾 Server Information</div>
      🧾 Server Information
     <div class="card-content">
    </div>
     <div class="card-content" style="padding: 15px;">
       <div class="compact-list">
       <div class="compact-list">
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">📅</div>
           <div class="list-icon">📅</div>
           <div><strong>Episode:</strong> <span style="color: #2c5e9e; font-weight: 600;">20 Renewal</span></div>
           <div><strong>Episode:</strong> <span class="text-primary">20 Renewal</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">⚡</div>
           <div class="list-icon">⚡</div>
           <div><strong>Max Level:</strong> <span style="color: #d35400; font-weight: 600;">275/60</span></div>
           <div><strong>Max Level:</strong> <span class="text-danger">275/60</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">📊</div>
           <div class="list-icon">📊</div>
           <div><strong>Max Stats:</strong> <span style="color: #27ae60; font-weight: 600;">130</span></div>
           <div><strong>Max Stats:</strong> <span class="text-success">130</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">🌟</div>
           <div class="list-icon">🌟</div>
           <div><strong>Max Traits:</strong> <span style="color: #8e44ad; font-weight: 600;">110</span></div>
           <div><strong>Max Traits:</strong> <span class="text-purple">110</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">🎯</div>
           <div class="list-icon">🎯</div>
           <div><strong>Max ASPD:</strong> <span style="color: #c0392b; font-weight: 600;">193</span></div>
           <div><strong>Max ASPD:</strong> <span class="text-danger">193</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">👥</div>
           <div class="list-icon">👥</div>
           <div><strong>Party Share Range:</strong> <span style="color: #16a085; font-weight: 600;">100 Levels</span></div>
           <div><strong>Party Share Range:</strong> <span class="text-success">100 Levels</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">📍</div>
           <div class="list-icon">📍</div>
           <div><strong>Server Location:</strong> <span style="color: #e67e22; font-weight: 600;">🇸🇬 Singapore</span></div>
           <div><strong>Server Location:</strong> <span class="text-warning">🇸🇬 Singapore</span></div>
         </div>
         </div>
       </div>
       </div>
Line 51: Line 45:
   </div>
   </div>


   <div class="info-card" style="background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
   <div class="info-card">
     <div class="card-header" style="background: linear-gradient(135deg, #DAA520, #e6b800); color: white; padding: 12px 15px; font-weight: bold; font-size: 16px;">
     <div class="card-header rates">📈 Rate Information</div>
      📈 Rate Information
     <div class="card-content">
    </div>
     <div class="card-content" style="padding: 15px;">
       <div class="compact-list">
       <div class="compact-list">
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">🔥</div>
           <div class="list-icon">🔥</div>
           <div><strong>Base & Job EXP:</strong> <span style="color: #27ae60; font-weight: 600;">1000x</span></div>
           <div><strong>Base & Job EXP:</strong> <span class="text-success">1000x</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">📖</div>
           <div class="list-icon">📖</div>
           <div><strong>Quest EXP:</strong> <span style="color: #2ecc71; font-weight: 600;">50x</span></div>
           <div><strong>Quest EXP:</strong> <span class="text-success">50x</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">🎁</div>
           <div class="list-icon">🎁</div>
           <div><strong>Item Drop:</strong> <span style="color: #e74c3c; font-weight: 600;">300x</span></div>
           <div><strong>Item Drop:</strong> <span class="text-danger">300x</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">🃏</div>
           <div class="list-icon">🃏</div>
           <div><strong>Card Drop:</strong> <span style="color: #9b59b6; font-weight: 600;">10%</span></div>
           <div><strong>Card Drop:</strong> <span class="text-purple">10%</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">👑</div>
           <div class="list-icon">👑</div>
           <div><strong>MVP Card Drop:</strong> <span style="color: #c0392b; font-weight: 600;">1% (Depends on MVP)</span></div>
           <div><strong>MVP Card Drop:</strong> <span class="text-danger">1% (Depends on MVP)</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">🌐</div>
           <div class="list-icon">🌐</div>
           <div><strong>Global Drop Rate:</strong> <span style="color: #34495e; font-weight: 600;">0.25%</span></div>
           <div><strong>Global Drop Rate:</strong> <span style="color: #34495e; font-weight: 600;">0.25%</span></div>
         </div>
         </div>
         <div class="list-row" style="display: flex; align-items: center; padding: 8px 0;">
         <div class="list-row">
           <div style="width: 30px; text-align: center;">🗺️</div>
           <div class="list-icon">🗺️</div>
           <div><strong>Specific Map Drop Rate:</strong> <span style="color: #e67e22; font-weight: 600;">5%</span></div>
           <div><strong>Specific Map Drop Rate:</strong> <span class="text-warning">5%</span></div>
         </div>
         </div>
       </div>
       </div>
        
        
       <div class="notes-box" style="margin-top: 15px; background: rgba(255, 243, 243, 0.8); border-left: 4px solid #b22222; padding: 12px; border-radius: 6px;">
       <div class="notes-box">
         <div style="font-weight: 600; color: #b22222; margin-bottom: 5px; font-size: 14px;">📝 Important Notes</div>
         <div class="notes-title">📝 Important Notes</div>
         <div style="font-size: 12px; line-height: 1.4; color: #666;">
         <div class="notes-content">
           • Some drop rates may be increased during events<br>
           • Some drop rates may be increased during events<br>
           • Price for some items are halved<br>
           • Price for some items are halved<br>
Line 100: Line 92:
</div>
</div>


<div class="section-title" style="font-size: 20px; font-weight: bold; margin: 25px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #2c5e9e;">
<div class="section-title">🚀 Quick Start Navigation</div>
  🚀 Quick Start Navigation
</div>


<div class="nav-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 20px;">
<div class="nav-grid">


   <div class="nav-card" style="background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
   <div class="nav-card">
     <div class="nav-header" style="background: linear-gradient(135deg, #87CEFA, #6ab0f5); color: white; padding: 10px 15px; font-weight: bold; text-align: center;">
     <div class="nav-header beginners">🎯 Beginners Help</div>
      🎯 Beginners Help
    </div>
     <div class="nav-content">
     <div class="nav-content">
       <div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://ragnafied.net/themes/simple/img/logo.png" alt=""></div>
          <img src="https://ragnafied.net/themes/simple/img/logo.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Ragnafied]]</a>
        </div>
         <div style="flex: 1;">[[Ragnafied]]</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://irowiki.org/w/images/0/04/Greed.png" alt=""></div>
          <img src="https://irowiki.org/w/images/0/04/Greed.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Autoloot]]</a>
        </div>
         <div style="flex: 1;">[[Autoloot]]</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://irowiki.org/w/images/e/e5/Longing_for_Freedom.png" alt=""></div>
          <img src="https://irowiki.org/w/images/e/e5/Longing_for_Freedom.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Stats]]</a>
        </div>
         <div style="flex: 1;">[[Stats]]</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://irowiki.org/w/images/0/0b/I_MystAmp.png" alt=""></div>
          <img src="https://irowiki.org/w/images/0/0b/I_MystAmp.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Vip]]</a>
        </div>
         <div style="flex: 1;">[[Vip]]</div>
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>


   <div class="nav-card" style="background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
   <div class="nav-card">
     <div class="nav-header" style="background: linear-gradient(135deg, #DAA520, #e6b800); color: white; padding: 10px 15px; font-weight: bold; text-align: center;">
     <div class="nav-header features">⚙️ Features</div>
      ⚙️ Features
    </div>
     <div class="nav-content">
     <div class="nav-content">
       <div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://irowiki.org/w/images/2/20/Smith_Axe.png" alt=""></div>
          <img src="https://irowiki.org/w/images/2/20/Smith_Axe.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Custom Systems]]</a>
        </div>
         <div style="flex: 1;">[[Custom Systems]]</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon">[[File:1000282.png|24px]]</div>
          [[File:1000282.png|24px]]
         <a href="#" class="nav-link">[[Episode Skips]]</a>
        </div>
         <div style="flex: 1;">[[Episode Skips]]</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://static.divine-pride.net/images/skill/5201.png" alt=""></div>
          <img src="https://static.divine-pride.net/images/skill/5201.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[4th Jobs]]</a>
        </div>
         <div style="flex: 1;">[[4th Jobs]]</div>
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>


   <div class="nav-card" style="background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
   <div class="nav-card">
     <div class="nav-header" style="background: linear-gradient(135deg, #32CD32, #28a428); color: white; padding: 10px 15px; font-weight: bold; text-align: center;">
     <div class="nav-header guides">📖 Guides</div>
      📖 Guides
    </div>
     <div class="nav-content">
     <div class="nav-content">
       <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://irowiki.org/w/images/a/ae/I_Exceed_Break.png" alt=""></div>
          <img src="https://irowiki.org/w/images/a/ae/I_Exceed_Break.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Leveling Guide]]TDB</a>
        </div>
         <div style="flex: 1;">[[Leveling Guide]]TDB</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://irowiki.org/w/images/f/f3/I_Guard.png" alt=""></div>
          <img src="https://irowiki.org/w/images/f/f3/I_Guard.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Equipment Progression]]TDB</a>
        </div>
         <div style="flex: 1;">[[Equipment Progression]]TDB</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://muhro.eu/flux/data/items/icons/100381.png" alt=""></div>
          <img src="https://muhro.eu/flux/data/items/icons/100381.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Troubleshooting]]</a>
        </div>
         <div style="flex: 1;">[[Troubleshooting]]</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://static.divine-pride.net/images/items/item/25723.png" alt=""></div>
          <img src="https://static.divine-pride.net/images/items/item/25723.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Illusion]]</a>
        </div>
         <div style="flex: 1;">[[Illusion]]</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://irowiki.org/images/db/item/1000103.png" alt=""></div>
          <img src="https://irowiki.org/images/db/item/1000103.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Sage Legacy]]</a>
        </div>
         <div style="flex: 1;">[[Sage Legacy]]</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://irowiki.org/images/db/item/1000405.png" alt=""></div>
          <img src="https://irowiki.org/images/db/item/1000405.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Direction of Prayer]]</a>
        </div>
         <div style="flex: 1;">[[Direction of Prayer]]</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://irowiki.org/images/db/item/1000608.png" alt=""></div>
          <img src="https://irowiki.org/images/db/item/1000608.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[Issgard]]</a>
        </div>
         <div style="flex: 1;">[[Issgard]]</div>
       </div>
       </div>
       <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px;">
       <div class="nav-item">
         <div style="width: 30px; text-align: center;">
         <div class="nav-icon"><img src="https://muhro.eu/flux/data/items/icons/1001217.png" alt=""></div>
          <img src="https://muhro.eu/flux/data/items/icons/1001217.png" alt="" style="width: 24px; height: 24px;">
         <a href="#" class="nav-link">[[The Immortal]]</a>
        </div>
         <div style="flex: 1;">[[The Immortal]]</div>
       </div>
       </div>
     </div>
     </div>

Revision as of 20:00, 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 Range: 100 Levels
📍
Server Location: 🇸🇬 Singapore
📈 Rate Information
🔥
Base & Job EXP: 1000x
📖
Quest EXP: 50x
🎁
Item Drop: 300x
🃏
Card Drop: 10%
👑
MVP Card Drop: 1% (Depends on MVP)
🌐
Global Drop Rate: 0.25%
🗺️
Specific Map Drop Rate: 5%
📝 Important Notes
         • Some drop rates may be increased during events

         • Price for some items are halved

         • All drops are affected by modifiers
🚀 Quick Start Navigation
🎯 Beginners Help
<img src="logo.png" alt="">
       <a href="#" class="nav-link">Ragnafied</a>
<img src="Greed.png" alt="">
       <a href="#" class="nav-link">Autoloot</a>
<img src="Longing_for_Freedom.png" alt="">
       <a href="#" class="nav-link">Stats</a>
<img src="I_MystAmp.png" alt="">
       <a href="#" class="nav-link">Vip</a>
⚙️ Features
<img src="Smith_Axe.png" alt="">
       <a href="#" class="nav-link">Custom Systems</a>

       <a href="#" class="nav-link">Episode Skips</a>
<img src="5201.png" alt="">
       <a href="#" class="nav-link">4th Jobs</a>
📖 Guides
<img src="I_Exceed_Break.png" alt="">
       <a href="#" class="nav-link">Leveling GuideTDB</a>
<img src="I_Guard.png" alt="">
       <a href="#" class="nav-link">Equipment ProgressionTDB</a>
<img src="100381.png" alt="">
       <a href="#" class="nav-link">Troubleshooting</a>
<img src="25723.png" alt="">
       <a href="#" class="nav-link">Illusion</a>
<img src="1000103.png" alt="">
       <a href="#" class="nav-link">Sage Legacy</a>
<img src="1000405.png" alt="">
       <a href="#" class="nav-link">Direction of Prayer</a>
<img src="1000608.png" alt="">
       <a href="#" class="nav-link">Issgard</a>
<img src="1001217.png" alt="">
       <a href="#" class="nav-link">The Immortal</a>
Retrieved from "https://wiki.ragnafied.net/index.php?title=Main_Page&oldid=585"