Main Page: Difference between revisions
From Ragnafied Wiki
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
= | <div class="ragnawiki-modern"> | ||
<div class="wiki- | <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 style="font-size: 28px; font-weight: bold; margin-bottom: 10px; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);"> | |||
Welcome to Ragnawiki | |||
<div style="font-size: | </div> | ||
Welcome to Ragnawiki | <div style="font-size: 16px; opacity: 0.9; margin-bottom: 15px;"> | ||
</div> | Your Ultimate Ragnarok Online Resource | ||
<div style="font-size: | </div> | ||
Your Ultimate Ragnarok Online Resource | [[File:Ragnawikilogo.png|180px|center]] | ||
</div> | |||
[[File:Ragnawikilogo.png| | |||
</div> | </div> | ||
<div class=" | <div class="info-grid" style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px;"> | ||
<div class="info-card"> | <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="card-header" style="background: linear-gradient(135deg, #4682B4, #5a96d1);"> | <div class="card-header" style="background: linear-gradient(135deg, #4682B4, #5a96d1); color: white; padding: 12px 15px; font-weight: bold; font-size: 16px;"> | ||
🧾 Server Information | 🧾 Server Information | ||
</div> | </div> | ||
<div class="card-content"> | <div class="card-content" style="padding: 15px;"> | ||
<div class=" | <div class="compact-list"> | ||
<div class="list- | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
<div | <div style="width: 30px; text-align: center;">📅</div> | ||
<div | <div><strong>Episode:</strong> <span style="color: #2c5e9e; font-weight: 600;">20 Renewal</span></div> | ||
<strong>Episode:</strong> <span style="color: #2c5e9e; font-weight: 600;">20 Renewal</span> | </div> | ||
</div> | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
</div> | <div style="width: 30px; text-align: center;">⚡</div> | ||
<div class="list- | <div><strong>Max Level:</strong> <span style="color: #d35400; font-weight: 600;">275/60</span></div> | ||
<div | </div> | ||
<div | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
<strong>Max Level:</strong> <span style="color: #d35400; font-weight: 600;">275/60</span> | <div style="width: 30px; text-align: center;">📊</div> | ||
</div> | <div><strong>Max Stats:</strong> <span style="color: #27ae60; font-weight: 600;">130</span></div> | ||
</div> | </div> | ||
<div class="list- | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
<div | <div style="width: 30px; text-align: center;">🌟</div> | ||
<div | <div><strong>Max Traits:</strong> <span style="color: #8e44ad; font-weight: 600;">110</span></div> | ||
<strong>Max Stats:</strong> <span style="color: #27ae60; font-weight: 600;">130</span> | </div> | ||
</div> | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
</div> | <div style="width: 30px; text-align: center;">🎯</div> | ||
<div class="list- | <div><strong>Max ASPD:</strong> <span style="color: #c0392b; font-weight: 600;">193</span></div> | ||
<div | </div> | ||
<div | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
<strong>Max Traits:</strong> <span style="color: #8e44ad; font-weight: 600;">110</span> | <div style="width: 30px; text-align: center;">👥</div> | ||
</div> | <div><strong>Party Share Range:</strong> <span style="color: #16a085; font-weight: 600;">100 Levels</span></div> | ||
</div> | </div> | ||
<div class="list- | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0;"> | ||
<div | <div style="width: 30px; text-align: center;">📍</div> | ||
<div | <div><strong>Server Location:</strong> <span style="color: #e67e22; font-weight: 600;">🇸🇬 Singapore</span></div> | ||
<strong>Max ASPD:</strong> <span style="color: #c0392b; font-weight: 600;">193</span> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="list- | </div> | ||
<div | |||
<div | |||
<strong>Party Share Range:</strong> <span style="color: #16a085; font-weight: 600;">100 Levels</span> | |||
</div> | |||
</div> | |||
<div class="list- | |||
<div | |||
<div | |||
<strong>Server Location:</strong> <span style="color: #e67e22; font-weight: 600;">🇸🇬 Singapore</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="info-card"> | <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="card-header" style="background: linear-gradient(135deg, #DAA520, #e6b800);"> | <div class="card-header" style="background: linear-gradient(135deg, #DAA520, #e6b800); color: white; padding: 12px 15px; font-weight: bold; font-size: 16px;"> | ||
📈 Rate Information | 📈 Rate Information | ||
</div> | </div> | ||
<div class="card-content"> | <div class="card-content" style="padding: 15px;"> | ||
<div class=" | <div class="compact-list"> | ||
<div class="list- | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
<div | <div style="width: 30px; text-align: center;">🔥</div> | ||
<div | <div><strong>Base & Job EXP:</strong> <span style="color: #27ae60; font-weight: 600;">1000x</span></div> | ||
<strong>Base & Job EXP:</strong> <span style="color: #27ae60; font-weight: 600;">1000x</span> | </div> | ||
</div> | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
</div> | <div style="width: 30px; text-align: center;">📖</div> | ||
<div class="list- | <div><strong>Quest EXP:</strong> <span style="color: #2ecc71; font-weight: 600;">50x</span></div> | ||
<div | </div> | ||
<div | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
<strong>Quest EXP:</strong> <span style="color: #2ecc71; font-weight: 600;">50x</span> | <div style="width: 30px; text-align: center;">🎁</div> | ||
</div> | <div><strong>Item Drop:</strong> <span style="color: #e74c3c; font-weight: 600;">300x</span></div> | ||
</div> | </div> | ||
<div class="list- | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
<div | <div style="width: 30px; text-align: center;">🃏</div> | ||
<div | <div><strong>Card Drop:</strong> <span style="color: #9b59b6; font-weight: 600;">10%</span></div> | ||
<strong>Item Drop:</strong> <span style="color: #e74c3c; font-weight: 600;">300x</span> | </div> | ||
</div> | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
</div> | <div style="width: 30px; text-align: center;">👑</div> | ||
<div class="list- | <div><strong>MVP Card Drop:</strong> <span style="color: #c0392b; font-weight: 600;">1% (Depends on MVP)</span></div> | ||
<div | </div> | ||
<div | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0;"> | ||
<strong>Card Drop:</strong> <span style="color: #9b59b6; font-weight: 600;">10%</span> | <div style="width: 30px; text-align: center;">🌐</div> | ||
</div> | <div><strong>Global Drop Rate:</strong> <span style="color: #34495e; font-weight: 600;">0.25%</span></div> | ||
</div> | </div> | ||
<div class="list- | <div class="list-row" style="display: flex; align-items: center; padding: 8px 0;"> | ||
<div | <div style="width: 30px; text-align: center;">🗺️</div> | ||
<div | <div><strong>Specific Map Drop Rate:</strong> <span style="color: #e67e22; font-weight: 600;">5%</span></div> | ||
<strong>MVP Card Drop:</strong> <span style="color: #c0392b; font-weight: 600;">1% (Depends on MVP)</span> | </div> | ||
</div> | </div> | ||
</div> | |||
<div class="list- | <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 | <div style="font-weight: 600; color: #b22222; margin-bottom: 5px; font-size: 14px;">📝 Important Notes</div> | ||
<div | <div style="font-size: 12px; line-height: 1.4; color: #666;"> | ||
<strong>Global Drop Rate:</strong> <span style="color: #34495e; font-weight: 600;">0.25%</span> | • Some drop rates may be increased during events<br> | ||
</div> | • Price for some items are halved<br> | ||
</div> | • All drops are affected by modifiers | ||
<div class="list- | </div> | ||
<div | </div> | ||
<div | </div> | ||
<strong>Specific Map Drop Rate:</strong> <span style="color: #e67e22; font-weight: 600;">5%</span> | </div> | ||
</div> | |||
</div> | |||
</div> | |||
<div class="notes-box" style="margin-top: | |||
<div style="font-weight: 600; color: #b22222; margin-bottom: | |||
<div style="font-size: | |||
• Some drop rates may be increased during events<br> | |||
• Price for some items are halved<br> | |||
• All drops are affected by modifiers | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</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;"> | |||
🚀 Quick Start Navigation | |||
</div> | </div> | ||
<div class="nav-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 20px;"> | |||
<div class=" | |||
<div class="nav- | <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-header" style="background: linear-gradient(135deg, #87CEFA, #6ab0f5); color: white; padding: 10px 15px; font-weight: bold; text-align: center;"> | |||
🎯 Beginners Help | |||
</div> | |||
<div class="nav-content"> | |||
<div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0;"> | |||
<div style="width: 30px; text-align: center;"> | |||
<img src="https://ragnafied.net/themes/simple/img/logo.png" alt="" style="width: 24px; height: 24px;"> | |||
</div> | |||
<div style="flex: 1;">[[Ragnafied]]</div> | |||
</div> | |||
<div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0;"> | |||
<div style="width: 30px; text-align: center;"> | |||
<img src="https://irowiki.org/w/images/0/04/Greed.png" alt="" style="width: 24px; height: 24px;"> | |||
</div> | |||
<div style="flex: 1;">[[Autoloot]]</div> | |||
</div> | |||
<div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0;"> | |||
<div style="width: 30px; text-align: center;"> | |||
<img src="https://irowiki.org/w/images/e/e5/Longing_for_Freedom.png" alt="" style="width: 24px; height: 24px;"> | |||
</div> | |||
<div style="flex: 1;">[[Stats]]</div> | |||
</div> | |||
<div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px;"> | |||
<div style="width: 30px; text-align: center;"> | |||
<img src="https://irowiki.org/w/images/0/0b/I_MystAmp.png" alt="" style="width: 24px; height: 24px;"> | |||
</div> | |||
<div style="flex: 1;">[[Vip]]</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="nav-card"> | <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-header" style="background: linear-gradient(135deg, # | <div class="nav-header" style="background: linear-gradient(135deg, #DAA520, #e6b800); color: white; padding: 10px 15px; font-weight: bold; text-align: center;"> | ||
⚙️ Features | |||
</div> | |||
<div class="nav-content"> | |||
</div> | <div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0;"> | ||
<div class="nav-content"> | <div style="width: 30px; text-align: center;"> | ||
< | <img src="https://irowiki.org/w/images/2/20/Smith_Axe.png" alt="" style="width: 24px; height: 24px;"> | ||
</div> | |||
<div style="flex: 1;">[[Custom Systems]]</div> | |||
< | </div> | ||
<div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0;"> | |||
<div style="width: 30px; text-align: center;"> | |||
[[File:1000282.png|24px]] | |||
< | </div> | ||
<div style="flex: 1;">[[Episode Skips]]</div> | |||
</div> | |||
<div class="nav-item" style="display: flex; align-items: center; padding: 10px 12px;"> | |||
<div style="width: 30px; text-align: center;"> | |||
</ | <img src="https://static.divine-pride.net/images/skill/5201.png" alt="" style="width: 24px; height: 24px;"> | ||
< | </div> | ||
<div style="flex: 1;">[[4th Jobs]]</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="nav- | |||
< | |||
< | |||
</ | |||
< | |||
</ | |||
</div> | |||
</div> | |||
<div class="nav-card"> | <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-header" style="background: linear-gradient(135deg, #32CD32, #28a428); | <div class="nav-header" style="background: linear-gradient(135deg, #32CD32, #28a428); color: white; padding: 10px 15px; font-weight: bold; text-align: center;"> | ||
📖 Guides | |||
📖 Guides | </div> | ||
</div> | <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-content"> | <div style="width: 30px; text-align: center;"> | ||
< | <img src="https://irowiki.org/w/images/a/ae/I_Exceed_Break.png" alt="" style="width: 24px; height: 24px;"> | ||
</div> | |||
<div style="flex: 1;">[[Leveling Guide]]TDB</div> | |||
</div> | |||
</ | <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;"> | ||
< | <div style="width: 30px; text-align: center;"> | ||
<img src="https://irowiki.org/w/images/f/f3/I_Guard.png" alt="" style="width: 24px; height: 24px;"> | |||
</div> | |||
</ | <div style="flex: 1;">[[Equipment Progression]]TDB</div> | ||
< | </div> | ||
<div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;"> | |||
<div style="width: 30px; text-align: center;"> | |||
</ | <img src="https://muhro.eu/flux/data/items/icons/100381.png" alt="" style="width: 24px; height: 24px;"> | ||
< | </div> | ||
<div style="flex: 1;">[[Troubleshooting]]</div> | |||
</div> | |||
</ | <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;"> | ||
< | <div style="width: 30px; text-align: center;"> | ||
<img src="https://static.divine-pride.net/images/items/item/25723.png" alt="" style="width: 24px; height: 24px;"> | |||
</div> | |||
</ | <div style="flex: 1;">[[Illusion]]</div> | ||
< | </div> | ||
<div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;"> | |||
<div style="width: 30px; text-align: center;"> | |||
</ | <img src="https://irowiki.org/images/db/item/1000103.png" alt="" style="width: 24px; height: 24px;"> | ||
< | </div> | ||
<div style="flex: 1;">[[Sage Legacy]]</div> | |||
</div> | |||
</ | <div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px; border-bottom: 1px solid #f0f0f0;"> | ||
< | <div style="width: 30px; text-align: center;"> | ||
<img src="https://irowiki.org/images/db/item/1000405.png" alt="" style="width: 24px; height: 24px;"> | |||
</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> | <div style="width: 30px; text-align: center;"> | ||
<img src="https://irowiki.org/images/db/item/1000608.png" alt="" style="width: 24px; height: 24px;"> | |||
</div> | |||
<div style="flex: 1;">[[Issgard]]</div> | |||
</div> | |||
<div class="nav-item" style="display: flex; align-items: center; padding: 8px 12px;"> | |||
<div style="width: 30px; text-align: center;"> | |||
<img src="https://muhro.eu/flux/data/items/icons/1001217.png" alt="" style="width: 24px; height: 24px;"> | |||
</div> | |||
<div style="flex: 1;">[[The Immortal]]</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> |