|
Β |
(19 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| = π° Ragnawiki - Your Ultimate Ragnarok Online Resource = | | = π° Ragnawiki - Your Ultimate Ragnarok Online Resource = |
|
| |
|
| <div class="wiki-header-container"> | | <div class="ragnawiki-hero"> |
| Β | | <div class="ragnawiki-hero-title">Welcome to Ragnawiki</div> |
| <div class="hero-section" style="background: linear-gradient(135deg, #2c5e9e 0%, #1e3a5f 100%); color: white; padding: 30px; border-radius: 12px; text-align: center; margin: 20px 0; box-shadow: 0 4px 20px rgba(0,0,0,0.1);"> | | <div class="ragnawiki-hero-subtitle">Your Ultimate Ragnarok Online Resource</div> |
| <div style="font-size: 32px; font-weight: bold; margin-bottom: 15px; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);">
| |
| Welcome to Ragnawiki | |
| </div> | |
| <div style="font-size: 18px; opacity: 0.9; margin-bottom: 20px;"> | |
| Your Ultimate Ragnarok Online Resource | |
| </div> | |
| [[File:Ragnawikilogo.png|200px|center]] | | [[File:Ragnawikilogo.png|200px|center]] |
| </div> | | </div> |
|
| |
|
| <div class="quick-overview" style="display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin: 30px 0;"> | | <div class="ragnawiki-grid"> |
| Β | | <div class="ragnawiki-card"> |
| <div class="info-card"> | | <div class="ragnawiki-card-header ragna-blue">π§Ύ Server Information</div> |
| <div class="card-header" style="background: linear-gradient(135deg, #4682B4, #5a96d1);"> | | <div class="ragnawiki-card-content"> |
| π§Ύ Server Information | | {| class="ragnawiki-list" |
| </div> | | |- |
| <div class="card-content"> | | | π
|| '''Episode:''' <span class="ragna-value">20 Renewal</span> |
| <div class="modern-list">
| | |- |
| <div class="list-item">
| | | β‘ || '''Max Level:''' <span class="ragna-value">275/60</span> |
| <div class="list-icon">π
</div>
| | |- |
| <div class="list-content">
| | | π || '''Max Stats:''' <span class="ragna-value">130</span> |
| <strong>Episode:</strong> <span style="color: #2c5e9e; font-weight: 600;">20 Renewal</span>
| | |- |
| </div>
| | | π || '''Max Traits:''' <span class="ragna-value">110</span> |
| </div>
| | |- |
| <div class="list-item">
| | | π― || '''Max ASPD:''' <span class="ragna-value">193</span> |
| <div class="list-icon">β‘</div>
| | |- |
| <div class="list-content">
| | | π₯ || '''Party Share Range:''' <span class="ragna-value">100 Levels</span> |
| <strong>Max Level:</strong> <span style="color: #d35400; font-weight: 600;">275/60</span>
| | |- |
| </div>
| | | π || '''Server Location:''' <span class="ragna-value">πΈπ¬ Singapore</span> |
| </div>
| | |} |
| <div class="list-item">
| |
| <div class="list-icon">π</div>
| |
| <div class="list-content">
| |
| <strong>Max Stats:</strong> <span style="color: #27ae60; font-weight: 600;">130</span>
| |
| </div>
| |
| </div>
| |
| <div class="list-item">
| |
| <div class="list-icon">π</div>
| |
| <div class="list-content">
| |
| <strong>Max Traits:</strong> <span style="color: #8e44ad; font-weight: 600;">110</span>
| |
| </div>
| |
| </div>
| |
| <div class="list-item">
| |
| <div class="list-icon">π―</div>
| |
| <div class="list-content">
| |
| <strong>Max ASPD:</strong> <span style="color: #c0392b; font-weight: 600;">193</span>
| |
| </div>
| |
| </div>
| |
| <div class="list-item">
| |
| <div class="list-icon">π₯</div>
| |
| <div class="list-content">
| |
| <strong>Party Share Range:</strong> <span style="color: #16a085; font-weight: 600;">100 Levels</span>
| |
| </div>
| |
| </div>
| |
| <div class="list-item">
| |
| <div class="list-icon">π</div>
| |
| <div class="list-content">
| |
| <strong>Server Location:</strong> <span style="color: #e67e22; font-weight: 600;">πΈπ¬ Singapore</span>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |
| </div> | | </div> |
|
| |
|
| <div class="info-card"> | | <div class="ragnawiki-card"> |
| <div class="card-header" style="background: linear-gradient(135deg, #DAA520, #e6b800);"> | | <div class="ragnawiki-card-header ragna-gold">π Rate Information</div> |
| π Rate Information | | <div class="ragnawiki-card-content"> |
| </div> | | {| class="ragnawiki-list" |
| <div class="card-content"> | | |- |
| <div class="modern-list">
| | | π₯ || '''Base & Job EXP:''' <span class="ragna-value">1000x</span> |
| <div class="list-item">
| | |- |
| <div class="list-icon">π₯</div>
| | | π || '''Quest EXP:''' <span class="ragna-value">50x</span> |
| <div class="list-content">
| | |- |
| <strong>Base & Job EXP:</strong> <span style="color: #27ae60; font-weight: 600;">1000x</span>
| | | π || '''Item Drop:''' <span class="ragna-value">300x</span> |
| </div>
| | |- |
| </div>
| | | π || '''Card Drop:''' <span class="ragna-value">10%</span> |
| <div class="list-item">
| | |- |
| <div class="list-icon">π</div>
| | | π || '''MVP Card Drop:''' <span class="ragna-value">1% (Depends on MVP)</span> |
| <div class="list-content">
| | |- |
| <strong>Quest EXP:</strong> <span style="color: #2ecc71; font-weight: 600;">50x</span>
| | | π || '''Global Drop Rate:''' <span class="ragna-value">0.25%</span> |
| </div>
| | |- |
| </div>
| | | πΊοΈ || '''Specific Map Drop Rate:''' <span class="ragna-value">5%</span> |
| <div class="list-item">
| | |} |
| <div class="list-icon">π</div>
| |
| <div class="list-content">
| |
| <strong>Item Drop:</strong> <span style="color: #e74c3c; font-weight: 600;">300x</span>
| |
| </div>
| |
| </div>
| |
| <div class="list-item">
| |
| <div class="list-icon">π</div>
| |
| <div class="list-content">
| |
| <strong>Card Drop:</strong> <span style="color: #9b59b6; font-weight: 600;">10%</span>
| |
| </div>
| |
| </div>
| |
| <div class="list-item">
| |
| <div class="list-icon">π</div>
| |
| <div class="list-content">
| |
| <strong>MVP Card Drop:</strong> <span style="color: #c0392b; font-weight: 600;">1% (Depends on MVP)</span>
| |
| </div>
| |
| </div>
| |
| <div class="list-item">
| |
| <div class="list-icon">π</div>
| |
| <div class="list-content">
| |
| <strong>Global Drop Rate:</strong> <span style="color: #34495e; font-weight: 600;">0.25%</span>
| |
| </div>
| |
| </div>
| |
| <div class="list-item">
| |
| <div class="list-icon">πΊοΈ</div>
| |
| <div class="list-content">
| |
| <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: 20px;"> | | <div class="ragnawiki-notes"> |
| <div class="tip-box" style="background: rgba(255, 243, 243, 0.8); border-left: 4px solid #b22222; padding: 15px; border-radius: 6px;"> | | <div class="ragnawiki-tip-box"> |
| <div style="font-weight: 600; color: #b22222; margin-bottom: 8px;">π Important Notes</div>
| | '''π Important Notes''' |
| <div style="font-size: 13px; line-height: 1.4; color: #666;">
| | * Some drop rates may be increased during events |
| β’ Some drop rates may be increased during events<br>
| | * Price for some items are halved |
| β’ Price for some items are halved<br>
| | * All drops are affected by modifiers |
| β’ All drops are affected by modifiers
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
|
| |
| </div>
| |
|
| |
| </div> | | </div> |
|
| |
|
| == π Quick Start Navigation == | | == π Quick Start Navigation == |
|
| |
|
| <div class="quick-nav-container"> | | <div class="ragnawiki-nav-grid"> |
| Β | | <div class="ragnawiki-nav-card"> |
| <div class="nav-cards-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 30px 0;"> | | <div class="ragnawiki-nav-header ragna-light-blue">π― Beginners Help</div> |
| Β | | <div class="ragnawiki-nav-content"> |
| <div class="nav-card">
| | {| class="ragnawiki-nav-table" |
| <div class="nav-header" style="background: linear-gradient(135deg, #87CEFA, #6ab0f5);"> | | |- |
| <div style="display: flex; align-items: center; justify-content: center; gap: 8px;">
| | | [[File:Ragnawikilogo.png|24px]] || [[Ragnafied]] |
| π― Beginners Help | | |- |
| </div>
| | | https://irowiki.org/w/images/0/04/Greed.png || [[Autoloot]] |
| </div> | | |- |
| <div class="nav-content"> | | | https://irowiki.org/w/images/e/e5/Longing_for_Freedom.png || [[Stats]] |
| <table class="nav-table" style="width:100%; border: none; background: transparent;">
| | |- |
| <tr>
| | | https://irowiki.org/w/images/0/0b/I_MystAmp.png || [[Vip|VIP (Premium)]] |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 248, 255, 0.7);">https://ragnafied.net/themes/simple/img/logo.png</td>
| | |} |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 248, 255, 0.7);"><span style="font-weight: 600; color: #2c5e9e;">[[Ragnafied]]</span></td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 255, 255, 0.9);">https://irowiki.org/w/images/0/04/Greed.png</td>
| |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 255, 255, 0.9);"><span style="font-weight: 600; color: #2c5e9e;">[[Autoloot]]</span></td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 248, 255, 0.7);">https://irowiki.org/w/images/e/e5/Longing_for_Freedom.png</td>
| |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 248, 255, 0.7);"><span style="font-weight: 600; color: #2c5e9e;">[[Stats]]</span></td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align: center; padding: 12px 8px; background: rgba(255, 255, 255, 0.9); border-radius: 0 0 0 6px;">https://irowiki.org/w/images/0/0b/I_MystAmp.png</td>
| |
| <td style="padding: 12px 8px; background: rgba(255, 255, 255, 0.9); border-radius: 0 0 6px 0;"><span style="font-weight: 600; color: #2c5e9e;">[[Vip]]</span></td>
| |
| </tr>
| |
| </table>
| |
| </div> | | </div> |
| </div> | | </div> |
|
| |
|
| <div class="nav-card"> | | <div class="ragnawiki-nav-card"> |
| <div class="nav-header" style="background: linear-gradient(135deg, #DAA520, #e6b800);"> | | <div class="ragnawiki-nav-header ragna-gold">βοΈ Features</div> |
| <div style="display: flex; align-items: center; justify-content: center; gap: 8px;">
| | <div class="ragnawiki-nav-content"> |
| βοΈ Features | | {| class="ragnawiki-nav-table" |
| </div>
| | |- |
| </div> | | | https://irowiki.org/w/images/2/20/Smith_Axe.png || [[Custom Systems]] |
| <div class="nav-content"> | | |- |
| <table class="nav-table" style="width:100%; border: none; background: transparent;">
| | | [[File:1000282.png|24px]] || [[Episode Skips]] |
| <tr>
| | |- |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 248, 220, 0.7);">https://irowiki.org/w/images/2/20/Smith_Axe.png</td>
| | | https://static.divine-pride.net/images/skill/5201.png || [[4th Jobs]] |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 248, 220, 0.7);"><span style="font-weight: 600; color: #b8860b;">[[Custom Systems]]</span></td>
| | |- |
| </tr>
| | | https://db.irowiki.org/image/item/450177.png || [[Equipment Enhancement]] |
| <tr>
| | |} |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 255, 255, 0.9);">[[File:1000282.png|24px]]</td>
| |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 255, 255, 0.9);"><span style="font-weight: 600; color: #b8860b;">[[Episode Skips]]</span></td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align: center; padding: 12px 8px; background: rgba(255, 248, 220, 0.7); border-radius: 0 0 0 6px;">https://static.divine-pride.net/images/skill/5201.png</td>
| |
| <td style="padding: 12px 8px; background: rgba(255, 248, 220, 0.7); border-radius: 0 0 6px 0;"><span style="font-weight: 600; color: #b8860b;">[[4th Jobs]]</span></td>
| |
| </tr>
| |
| </table>
| |
| </div> | | </div> |
| </div> | | </div> |
|
| |
|
| <div class="nav-card"> | | <div class="ragnawiki-nav-card"> |
| <div class="nav-header" style="background: linear-gradient(135deg, #32CD32, #28a428);"> | | <div class="ragnawiki-nav-header ragna-green">π Guides</div> |
| <div style="display: flex; align-items: center; justify-content: center; gap: 8px;">
| | <div class="ragnawiki-nav-content"> |
| π Guides | | {| class="ragnawiki-nav-table" |
| </div>
| | |- |
| </div> | | | https://irowiki.org/w/images/a/ae/I_Exceed_Break.png || [[Leveling Guide]] |
| <div class="nav-content"> | | |- |
| <table class="nav-table" style="width:100%; border: none; background: transparent;">
| | | https://irowiki.org/w/images/f/f3/I_Guard.png || [[Equipment Progression]] |
| <tr>
| | |- |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 255, 240, 0.7);">https://irowiki.org/w/images/a/ae/I_Exceed_Break.png</td>
| | | https://muhro.eu/flux/data/items/icons/100381.png || [[Troubleshooting]] |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 255, 240, 0.7);"><span style="font-weight: 600; color: #228b22;">[[Leveling Guide]]TDB</span></td>
| | |- |
| </tr>
| | | https://static.divine-pride.net/images/items/item/25723.png || [[Illusion]] |
| <tr>
| | |- |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 255, 255, 0.9);">https://irowiki.org/w/images/f/f3/I_Guard.png</td>
| | | https://irowiki.org/images/db/item/1000103.png || [[Sage Legacy]] |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 255, 255, 0.9);"><span style="font-weight: 600; color: #228b22;">[[Equipment Progression]]TDB</span></td>
| | |- |
| </tr>
| | | https://irowiki.org/images/db/item/1000405.png || [[Direction of Prayer]] |
| <tr>
| | |- |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 255, 240, 0.7);">https://muhro.eu/flux/data/items/icons/100381.png</td>
| | | https://irowiki.org/images/db/item/1000608.png || [[Issgard]] |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 255, 240, 0.7);"><span style="font-weight: 600; color: #228b22;">[[Troubleshooting]]</span></td>
| | |- |
| </tr>
| | | https://muhro.eu/flux/data/items/icons/1001217.png || [[The Immortal]] |
| <tr>
| | |} |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 255, 255, 0.9);">https://static.divine-pride.net/images/items/item/25723.png</td>
| |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 255, 255, 0.9);"><span style="font-weight: 600; color: #228b22;">[[Illusion]]</span></td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 255, 240, 0.7);">https://irowiki.org/images/db/item/1000103.png</td>
| |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 255, 240, 0.7);"><span style="font-weight: 600; color: #228b22;">[[Sage Legacy]]</span></td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 255, 255, 0.9);">https://irowiki.org/images/db/item/1000405.png</td>
| |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(255, 255, 255, 0.9);"><span style="font-weight: 600; color: #228b22;">[[Direction of Prayer]]</span></td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align: center; padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 255, 240, 0.7);">https://irowiki.org/images/db/item/1000608.png</td>
| |
| <td style="padding: 12px 8px; border-bottom: 1px solid #e1e8ed; background: rgba(240, 255, 240, 0.7);"><span style="font-weight: 600; color: #228b22;">[[Issgard]]</span></td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align: center; padding: 12px 8px; background: rgba(255, 255, 255, 0.9); border-radius: 0 0 0 6px;">https://muhro.eu/flux/data/items/icons/1001217.png</td>
| |
| <td style="padding: 12px 8px; background: rgba(255, 255, 255, 0.9); border-radius: 0 0 6px 0;"><span style="font-weight: 600; color: #228b22;">[[The Immortal]]</span></td>
| |
| </tr>
| |
| </table>
| |
| </div>
| |
| </div> | | </div> |
|
| |
| </div> | | </div> |
|
| |
| </div> | | </div> |