|
|
| Line 1: |
Line 1: |
|
| |
| <templatestyles src="Template:MainPage/styles.css" /> | | <templatestyles src="Template:MainPage/styles.css" /> |
|
| |
|
| <!-- SECTION 1: ESSENTIALS--> | | <!-- SECTION 1: ESSENTIALS --> |
| <div class="divider-ornamental" style="text-align: left;"> | | <div class="divider-ornamental" style="text-align: left;"> |
| <div class="symbol">᛭ Essential Information</div> | | <div class="symbol">᛭ Essential Information</div> |
| <div class="divider-line-only"></div> | | <div class="divider-line-only"></div> |
| <div style="margin-top: 1px;">Important information to all players about the available classes, how combat works, how to navigate the menus, the world and other details.</div>
| | <div style="margin-top: 1px;">Important information to all players about the available classes, how combat works, how to navigate the menus, the world and other details.</div> |
| | </div> |
|
| |
|
| <!-- ROW 1: 3 BIG + 4 WIDE --> | | <!-- ROW 1: 3 BIG + 4 WIDE --> |
| <div class="tiles-row"> | | <div class="tiles-row"> |
| <div class="big-box bg-classes" onclick="window.location.href='{{fullurl:Job_Classes}}';" style="cursor:pointer;"> | | <div class="big-box bg-classes"> |
| <div class="overlay-title">Job Classes</div>
| | <a href="{{fullurl:Job_Classes}}" class="box-link"> |
| <div class="overlay-desc">The right person for the right job</div>
| | <div class="overlay-title">Job Classes</div> |
| <div class="overlay-desc"><span style="color:red;">32 Brand New Classes</span></div>
| | <div class="overlay-desc">The right person for the right job</div> |
| | <div class="overlay-desc"><span style="color:red;">32 Brand New Classes</span></div> |
| | </a> |
| </div> | | </div> |
| <div class="big-box bg-combat" onclick="window.location.href='{{fullurl:Combat_and_Gameplay}}';" style="cursor:pointer;"> | | <div class="big-box bg-combat"> |
| <div class="overlay-title">Combat and Gameplay</div>
| | <a href="{{fullurl:Combat_and_Gameplay}}" class="box-link"> |
| <div class="overlay-desc">A new focus on action</div>
| | <div class="overlay-title">Combat and Gameplay</div> |
| <div class="overlay-desc"><span style="color:red;">Parry and Quickstep Recommended</span></div>
| | <div class="overlay-desc">A new focus on action</div> |
| | <div class="overlay-desc"><span style="color:red;">Parry and Quickstep Recommended</span></div> |
| | </a> |
| </div> | | </div> |
| <div class="big-box bg-elements" onclick="location.href='/wiki/Element';" style="cursor:pointer;">
| | <div class="big-box bg-elements"> |
| <div class="overlay-title">Elements and Effects</div>
| | <a href="{{fullurl:Element}}" class="box-link"> |
| <div class="overlay-desc">Everything is useful in good hands</div>
| | <div class="overlay-title">Elements and Effects</div> |
| <div class="overlay-desc"><span style="color:red;">Mechanically Improved</span></div>
| | <div class="overlay-desc">Everything is useful in good hands</div> |
| | <div class="overlay-desc"><span style="color:red;">Mechanically Improved</span></div> |
| | </a> |
| </div> | | </div> |
| <div class="big-box bg-world" onclick="window.location.href='{{fullurl:World}}';" style="cursor:pointer;"> | | <div class="big-box bg-world"> |
| <div class="overlay-title">World</div>
| | <a href="{{fullurl:World}}" class="box-link"> |
| <div class="overlay-desc">Dominated by beasts and danger</div>
| | <div class="overlay-title">World</div> |
| <div class="overlay-desc"><span style="color:red;">Completely new experience</span></div>
| | <div class="overlay-desc">Dominated by beasts and danger</div> |
| | <div class="overlay-desc"><span style="color:red;">Completely new experience</span></div> |
| | </a> |
| </div> | | </div> |
| <div class="small-column"> | | <div class="small-column"> |
| <div class="small-box bg-bstatus" onclick="window.location.href='{{fullurl:Status_Points}}';" style="cursor:pointer;"> | | <div class="small-box bg-bstatus"> |
| <div class="overlay-title">Status Points</div>
| | <a href="{{fullurl:Status_Points}}" class="box-link"> |
| <div class="overlay-desc">Body and Mind as one</div>
| | <div class="overlay-title">Status Points</div> |
| | <div class="overlay-desc">Body and Mind as one</div> |
| | </a> |
| </div> | | </div> |
| <div class="small-box bg-button" onclick="window.location.href='{{fullurl:Menus_and_Interface}}';" style="cursor:pointer;"> | | <div class="small-box bg-button"> |
| <div class="overlay-title">Menus and Interface</div>
| | <a href="{{fullurl:Menus_and_Interface}}" class="box-link"> |
| <div class="overlay-desc">Thematic and Modernized</div>
| | <div class="overlay-title">Menus and Interface</div> |
| | <div class="overlay-desc">Thematic and Modernized</div> |
| | </a> |
| </div> | | </div> |
| <div class="small-box bg-bunique" onclick="window.location.href='{{fullurl:Unique_Systems}}';" style="cursor:pointer;"> | | <div class="small-box bg-bunique"> |
| <div class="overlay-title">Unique Systems</div>
| | <a href="{{fullurl:Unique_Systems}}" class="box-link"> |
| <div class="overlay-desc">Unslot, Elements, Storage...<span style="color:red;">and more</span></div>
| | <div class="overlay-title">Unique Systems</div> |
| | <div class="overlay-desc">Unslot, Elements, Storage...<span style="color:red;">and more</span></div> |
| | </a> |
| </div> | | </div> |
| <div class="small-box bg-bveteran" onclick="window.location.href='{{fullurl:Veteran_of_RO}}';" style="cursor:pointer;"> | | <div class="small-box bg-bveteran"> |
| <div class="overlay-title">Veteran of RO</div>
| | <a href="{{fullurl:Veteran_of_RO}}" class="box-link"> |
| <div class="overlay-desc">What do I need to forget about?</div>
| | <div class="overlay-title">Veteran of RO</div> |
| </div>
| | <div class="overlay-desc">What do I need to forget about?</div> |
| </div>
| | </a> |
| </div>
| |
| <div class="divider-ornamental" style="text-align: center;">
| |
| <div class="symbol"><span style="color:orange;">☀</span> <span style="color:cyan;">☾</span></div>
| |
| </div>
| |
| <!-- SECTION 2: CONTENT -->
| |
| <div class="divider-ornamental" style="text-align: right;">
| |
| <div class="symbol">Game Content ᛭</div>
| |
| <div class="divider-line-only"></div>
| |
| <div style="margin-top: 1px;">Includes details about the setting of the game, what content exists, where you can go and what you can do in Luna Obscura.</div>
| |
| </div>
| |
| <!-- ROW 2: 4 WIDE + 3 BIG -->
| |
| <div class="tiles-row">
| |
| <div class="small-column">
| |
| <div class="small-box bg-button" onclick="window.location.href='{{fullurl:Characters}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Characters</div> | |
| <div class="overlay-desc">No world is saved without help</div>
| |
| </div>
| |
| <div class="small-box bg-bprogress" onclick="window.location.href='{{fullurl:Progression}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Player Progression</div>
| |
| <div class="overlay-desc">One step at a time to Lv100</div>
| |
| </div>
| |
| <div class="small-box bg-button" onclick="window.location.href='{{fullurl:Nocturne}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Server Progression</div>
| |
| <div class="overlay-desc">Both the Cathedral and Nocturne</div>
| |
| </div>
| |
| <div class="small-box bg-bexplore" onclick="window.location.href='{{fullurl:Exploration}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Exploration</div>
| |
| <div class="overlay-desc">Endless paths and choices</div>
| |
| </div>
| |
| </div>
| |
| <div class="big-box bg-quests" onclick="window.location.href='{{fullurl:Quests}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Quests</div>
| |
| <div class="overlay-desc">Damarossa is looking for you...</div>
| |
| <div class="overlay-desc"><span style="color:red;">Dark Roses, Sage Reports and more</span></div>
| |
| </div>
| |
| <div class="big-box bg-maidens" onclick="window.location.href='{{fullurl:Maidens}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Maidens</div>
| |
| <div class="overlay-desc">Gorgeous envoys of darkness</div>
| |
| <div class="overlay-desc"><span style="color:red;">Major bosses of the game</span></div>
| |
| </div>
| |
| <div class="big-box bg-dungeons" onclick="window.location.href='{{fullurl:Dungeons}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Dungeons</div>
| |
| <div class="overlay-desc"><span style="color:red;">Includes Grand Dungeons</span></div>
| |
| </div>
| |
| <div class="big-box bg-banomaly" onclick="window.location.href='{{fullurl:Job_Classes}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Anomalies</div>
| |
| <div class="overlay-desc">Special situations with quick action</div>
| |
| <div class="overlay-desc"><span style="color:red;">Random Map Encounters</span></div>
| |
| </div>
| |
| </div>
| |
| <div class="divider-ornamental" style="text-align: center;">
| |
| <div class="symbol"><span style="color:orange;">☀</span> <span style="color:cyan;">☾</span></div>
| |
| </div>
| |
| <!-- SECTION 3: EQUIPMENT -->
| |
| <div class="divider-ornamental" style="text-align: left;">
| |
| <div class="symbol">᛭ Equipment and Gearing</div>
| |
| <div class="divider-line-only"></div>
| |
| <div style="margin-top: 1px;">Equipment types, details on how to improve your character, important loot, healing, consumables and much more</div>
| |
| </div>
| |
| <!-- ROW 3: 3 BIG + 4 WIDE -->
| |
| <div class="tiles-row">
| |
| <div class="big-box bg-signets" onclick="window.location.href='{{fullurl:Signets}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Signets</div>
| |
| <div class="overlay-desc">Wielding game-changing tools</div>
| |
| <div class="overlay-desc"><span style="color:red;">Extensive passive system from gear</span></div>
| |
| </div>
| |
| <div class="big-box bg-weapons" onclick="window.location.href='{{fullurl:Weapon_Forms}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Weapon Forms</div>
| |
| <div class="overlay-desc">Tailor-made for your style</div>
| |
| <div class="overlay-desc"><span style="color:red;">Multiple choices for each build</span></div>
| |
| </div>
| |
| <div class="big-box bg-tools" onclick="window.location.href='{{fullurl:Stigmatas}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Hunter Tools</div>
| |
| <div class="overlay-desc">Unique in their own ways</div>
| |
| <div class="overlay-desc"><span style="color:red;">Game changing mechanics</span></div>
| |
| </div>
| |
| <div class="big-box bg-stigmata" onclick="window.location.href='{{fullurl:Stigmatas}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Stigmatas</div>
| |
| <div class="overlay-desc">Powered by your emotions</div>
| |
| <div class="overlay-desc"><span style="color:red;">Specialized, thematic equipment</span></div>
| |
| </div>
| |
| <div class="small-column">
| |
| <div class="small-box bg-bhealing" onclick="window.location.href='{{fullurl:Healing_and_Consumables}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Healing and Consumables</div>
| |
| <div class="overlay-desc">Staying alive and healthy</div>
| |
| </div>
| |
| <div class="small-box bg-benchant" onclick="window.location.href='{{fullurl:Enchantment}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Enchantment</div>
| |
| <div class="overlay-desc">Power in precision and relics</div>
| |
| </div>
| |
| <div class="small-box bg-bcards" onclick="window.location.href='{{fullurl:Cards}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Cards</div>
| |
| <div class="overlay-desc">Monster Cards and Arcana Cards</div>
| |
| </div>
| |
| <div class="small-box bg-bcostume" onclick="window.location.href='{{fullurl:Costumes}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Costumes</div>
| |
| <div class="overlay-desc">Looking good while hunting</div>
| |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
| | |
| <div class="divider-ornamental" style="text-align: center;"> | | <div class="divider-ornamental" style="text-align: center;"> |
| <div class="symbol"><span style="color:orange;">☀</span> <span style="color:cyan;">☾</span></div> | | <div class="symbol"><span style="color:orange;">☀</span> <span style="color:cyan;">☾</span></div> |
| </div>
| |
| <!-- SECTION 4: ENDGAME -->
| |
| <div class="divider-ornamental" style="text-align: right;">
| |
| <div class="symbol">Advanced and Endgame ᛭</div>
| |
| <div class="divider-line-only"></div>
| |
| <div style="margin-top: 1px;">For those who want a true challenge, complete everything and conquer every boss. Or just want to extract the most of their potential.</div>
| |
| </div>
| |
| <!-- ROW 4: 4 WIDE + 3 BIG -->
| |
| <div class="tiles-row">
| |
| <div class="small-column">
| |
| <div class="small-box bg-bobscura" onclick="window.location.href='{{fullurl:Obscura_Dungeons}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Obscura Dungeons</div>
| |
| <div class="overlay-desc">Altered dungeons full of adrenaline</div>
| |
| </div>
| |
| <div class="small-box bg-bchallenges" onclick="window.location.href='{{fullurl:Challenges}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Challenges</div>
| |
| <div class="overlay-desc">Raise your Hunter Rank</div>
| |
| </div>
| |
| <div class="small-box bg-bpvpinfo" onclick="window.location.href='{{fullurl:PvP_Information}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">PvP Information</div>
| |
| <div class="overlay-desc">For a good duel once in a while</div>
| |
| </div>
| |
| <div class="small-box bg-bpatch" onclick="window.location.href='{{fullurl:Patch_Notes}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Patch Notes</div>
| |
| <div class="overlay-desc">Orchestria is always changing</div>
| |
| </div>
| |
| </div>
| |
| <div class="big-box bg-bossrelic" onclick="window.location.href='{{fullurl:Stigmatas}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Relic Bosses</div>
| |
| <div class="overlay-desc">Accessible to all</div>
| |
| <div class="overlay-desc"><span style="color:red;">Level-appropriate challenge</span></div>
| |
| </div>
| |
| <div class="big-box bg-railways" onclick="window.location.href='{{fullurl:Forgotten_Railways}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Forgotten Railways</div>
| |
| <div class="overlay-desc">Can you survive the road to afterlife?</div>
| |
| <div class="overlay-desc"><span style="color:red;">Solo or Party Leaderboards</span></div>
| |
| </div>
| |
| <div class="big-box bg-rhapsody" onclick="window.location.href='{{fullurl:Rhapsody_Castle}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Rhapsody Castle</div>
| |
| <div class="overlay-desc">For those who conquer the madness</div>
| |
| <div class="overlay-desc"><span style="color:red;">PvPvE for glory</span></div>
| |
| </div>
| |
| <div class="big-box bg-abyss" onclick="window.location.href='{{fullurl:Abyss_of_Sinners}}';" style="cursor:pointer;">
| |
| <div class="overlay-title">Abyss of Sinners</div>
| |
| <div class="overlay-desc">An epic dungeon descending to hell</div>
| |
| <div class="overlay-desc"><span style="color:red;">High-End Episodic Content</span></div>
| |
| </div>
| |
| </div> | | </div> |