kitanois_dungeon_framework
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| kitanois_dungeon_framework [2026/06/09 06:22] – kitanoi | kitanois_dungeon_framework [2026/10/27 03:32] (current) – kitanoi | ||
|---|---|---|---|
| Line 10: | Line 10: | ||
| ==== Supported Dungeons ==== | ==== Supported Dungeons ==== | ||
| - | |||
| - | < | ||
| - | <img src=" | ||
| - | </br> | ||
| - | </br> | ||
| - | <img src=" | ||
| - | </ | ||
| - | |||
| - | ===Duty Support / Trust=== | ||
| - | **All duty support dungeons are supported upto The Lunar Subterrane.** | ||
| < | < | ||
| Line 31: | Line 21: | ||
| <link rel=" | <link rel=" | ||
| < | < | ||
| + | #dw__toc { | ||
| + | display: | ||
| + | } | ||
| body { | body { | ||
| font-family: | font-family: | ||
| margin: 0; /* Remove default body margin */ | margin: 0; /* Remove default body margin */ | ||
| padding: 0; | padding: 0; | ||
| - | overflow: visible; /* Set default overflow to visible */ | ||
| } | } | ||
| - | |||
| - | body:target { | ||
| - | overflow: hidden; | ||
| - | } | ||
| - | .no-scroll { | ||
| - | overflow: hidden !important; | ||
| - | } | ||
| .tabs { | .tabs { | ||
| display: flex; | display: flex; | ||
| list-style: none; | list-style: none; | ||
| padding: 0; | padding: 0; | ||
| - | overflow: hidden | + | overflow: hidden; |
| - | | + | |
| } | } | ||
| - | .icon { | + | /* fixed height: the 2.x image is twice the size of the others, so a percentage width made it (and its tab) bigger */ |
| - | width: | + | .tabs .tab img.icon { |
| + | height: 40px; | ||
| + | width: auto; | ||
| + | max-width: | ||
| } | } | ||
| .icon2 { | .icon2 { | ||
| Line 65: | Line 52: | ||
| cursor: pointer; | cursor: pointer; | ||
| background-color: | background-color: | ||
| + | border-bottom: | ||
| display: flex; | display: flex; | ||
| align-items: | align-items: | ||
| justify-content: | justify-content: | ||
| + | } | ||
| + | |||
| + | .tab:hover { | ||
| + | background-color: | ||
| + | } | ||
| + | |||
| + | .tab.is-selected { | ||
| + | background-color: | ||
| + | border-bottom-color: | ||
| + | font-weight: | ||
| } | } | ||
| Line 74: | Line 72: | ||
| } | } | ||
| + | /* the wiki draws its own grey box around every link in a ul.tabs (and recolours it on hover/ | ||
| + | drop that so all tabs look the same and only the selected tab is highlighted */ | ||
| + | .dokuwiki ul.tabs li.tab a[href^="# | ||
| + | .dokuwiki ul.tabs li.tab a[href^="# | ||
| + | .dokuwiki ul.tabs li.tab a[href^="# | ||
| + | .dokuwiki ul.tabs li.tab a[href^="# | ||
| + | display: flex; | ||
| + | align-items: | ||
| + | justify-content: | ||
| + | gap: 6px; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | background: transparent; | ||
| + | border: 0; | ||
| + | border-radius: | ||
| + | color: inherit; | ||
| + | text-decoration: | ||
| + | } | ||
| + | |||
| + | /* the wiki inserts an empty <a> into the first tab and styles it as a small rounded tab; hide it */ | ||
| + | .tabs .tab a: | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | /* only the selected tab's list is shown; tab1 is selected in the markup so it shows even before the script runs */ | ||
| .tab-content { | .tab-content { | ||
| display: none; | display: none; | ||
| - | } | ||
| - | .tab-content: | ||
| - | display: block; | ||
| - | } | ||
| - | .active { | ||
| - | background-color: | ||
| } | } | ||
| - | .tab-content.active | + | .tab-content.is-selected |
| display: block; | display: block; | ||
| } | } | ||
| - | .tab-content: | ||
| - | display: none; | ||
| - | } | ||
| .list-container { | .list-container { | ||
| Line 106: | Line 120: | ||
| margin-right: | margin-right: | ||
| } | } | ||
| - | # | ||
| - | display: block; | ||
| - | overflow: hidden; | ||
| - | } | ||
| </ | </ | ||
| </ | </ | ||
| Line 115: | Line 125: | ||
| <ul class=" | <ul class=" | ||
| - | <li class=" | + | <li class=" |
| <a href="# | <a href="# | ||
| </ | </ | ||
| Line 126: | Line 136: | ||
| <li class=" | <li class=" | ||
| <a href="# | <a href="# | ||
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| <a href="# | <a href="# | ||
| - | </ | + | </ |
| </ul> | </ul> | ||
| Line 135: | Line 145: | ||
| <!-- The rest of your content remains the same --> | <!-- The rest of your content remains the same --> | ||
| <!-- ... --> | <!-- ... --> | ||
| - | <div id=" | + | <div id=" |
| <ul class=" | <ul class=" | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| </ | </ | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| </ | </ | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| </ | </ | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| </ | </ | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| - | + | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| </ul> | </ul> | ||
| </ | </ | ||
| Line 205: | Line 215: | ||
| <ul class=" | <ul class=" | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| </ | </ | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| </ | </ | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| </ul> | </ul> | ||
| </ | </ | ||
| Line 237: | Line 247: | ||
| <ul class=" | <ul class=" | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| </ | </ | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| </ | </ | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| </ | </ | ||
| </ | </ | ||
| Line 266: | Line 276: | ||
| <ul class=" | <ul class=" | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| </ | </ | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| </ | </ | ||
| </ | </ | ||
| Line 304: | Line 314: | ||
| <ul class=" | <ul class=" | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| </ | </ | ||
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| <li class=" | <li class=" | ||
| - | <img src=" | + | <img src=" |
| - | </ | + | </ |
| </ | </ | ||
| </ | </ | ||
| - | |||
| - | <script src=" | ||
| < | < | ||
| - | window.onload = function() { | + | // Tabs: a click shows that tab's list and marks the tab as selected. Nothing is written to the URL, so the page |
| - | // Function to handle hash without scrolling | + | // never jumps or reloads. A link that ends in #tab1 .. #tab5 still opens on that tab; anything else opens on tab1. |
| - | function | + | (function () { |
| - | // Capture the current scroll position | + | var tabs = document.querySelectorAll(' |
| - | | + | var panels = document.querySelectorAll(' |
| - | + | ||
| - | // Allow the default behavior to complete | + | |
| - | setTimeout(function() { | + | |
| - | // Update the URL hash | + | |
| - | window.location.hash = targetHash; | + | |
| - | // Reset the scroll position to its original value | + | function showTab(id) { |
| - | $(window).scrollTop(currentScrollTop); | + | var panel = document.getElementById(id); |
| - | | + | if (!panel || !panel.classList.contains(' |
| + | id = ' | ||
| + | | ||
| } | } | ||
| - | + | panels.forEach(function (p) { | |
| - | // Handle clicks on anchor tags with hash | + | |
| - | $(' | + | |
| - | | + | |
| - | + | ||
| - | // Allow the default behavior to complete | + | |
| - | setTimeout(function() { | + | |
| - | handleHashWithoutScrolling(targetHash); | + | |
| - | }, 0); | + | |
| }); | }); | ||
| + | tabs.forEach(function (tab) { | ||
| + | var link = tab.querySelector(' | ||
| + | tab.classList.toggle(' | ||
| + | }); | ||
| + | } | ||
| - | // Function to change the tab | + | |
| - | function changeTab(tabIndex) { | + | tab.addEventListener('click', function (event) { |
| - | // Hide all tab contents | + | |
| - | var tabContents = document.querySelectorAll(' | + | // the wiki inserts an empty <a> before the first tab's link, so match the link by its href |
| - | tabContents.forEach(function(tabContent) { | + | |
| - | tabContent.classList.remove(' | + | if (link) { |
| - | }); | + | |
| - | + | ||
| - | // Show the selected tab content | + | |
| - | var selectedTab = document.getElementById(' | + | |
| - | if (selectedTab) { | + | |
| - | selectedTab.classList.add(' | + | |
| - | } | + | |
| - | + | ||
| - | // Remove ' | + | |
| - | var tabs = document.querySelectorAll(' | + | |
| - | | + | |
| - | tab.classList.remove('active'); | + | |
| - | }); | + | |
| - | + | ||
| - | // Add ' | + | |
| - | tabs[tabIndex - 1].classList.add(' | + | |
| - | } | + | |
| - | + | ||
| - | // Function to set the default tab | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | handleHashWithoutScrolling('# | + | |
| - | } | + | |
| - | changeTab(1); | + | |
| - | } | + | |
| - | + | ||
| - | | + | |
| - | if (window.location.hash) { | + | |
| - | var initialHash = window.location.hash; | + | |
| - | window.location.replace(window.location.href.split('#' | + | |
| - | } else { | + | |
| - | setDefaultTab(); | + | |
| - | } | + | |
| - | + | ||
| - | // Handle hashchange event | + | |
| - | window.addEventListener(' | + | |
| - | | + | |
| - | const tabs = document.querySelectorAll(' | + | |
| - | tabs.forEach(function(tab) { | + | |
| - | tab.classList.remove('active' | + | |
| - | }); | + | |
| - | + | ||
| - | const activeTab = document.querySelector(`.tabs .tab a[href=" | + | |
| - | if (activeTab) { | + | |
| - | | + | |
| - | } | + | |
| - | + | ||
| - | const tabContents = document.querySelectorAll('.tab-content'); | + | |
| - | tabContents.forEach(function(content) { | + | |
| - | content.classList.remove(' | + | |
| - | }); | + | |
| - | + | ||
| - | const activeContent = document.querySelector(hash); | + | |
| - | if (activeContent) { | + | |
| - | activeContent.classList.add(' | + | |
| } | } | ||
| }); | }); | ||
| + | }); | ||
| - | // Trigger hashchange on load to set the initial active tab | + | showTab(window.location.hash.slice(1)); |
| - | | + | })(); |
| - | }; | + | |
| </ | </ | ||
| Line 447: | Line 395: | ||
| < | < | ||
| - | | + | |
| </ | </ | ||
| </ | </ | ||
| Line 453: | Line 401: | ||
| - | ===Trials=== | + | **Example interactable UI below. This is what you'd see with KDF + KDF DT + KDF Quest Integration 1** |
| - | * 70 - <color # | + | <html> |
| - | * 70 - <color #00a2e8>Seiryu Extreme</color> | + | <iframe id=" |
| - | * 73 - <color #22b14c>The Dancing Plague | + | <script> |
| - | * 80 - <color # | + | (function(){var s=atob(" |
| - | * 80 - <color # | + | </script> |
| - | * 83 - <color # | + | </html> |
| - | * 90 - <color #22b14c>The Final Day(Story)。终结之战。終焉の戦い</color> (8 Characters required) | + | |
| - | + | ||
| - | ===Raids=== | + | |
| - | * 80 - <color # | ||
| - | * 80 - <color # | ||
| - | * 80 - <color # | ||
| - | * 90 - <color # | ||
| - | * 90 - <color # | ||
| - | * 90 - <color # | ||
| - | * 90 - <color # | ||
| ===How to use=== | ===How to use=== | ||
| Line 479: | Line 417: | ||
| <img src=" | <img src=" | ||
| </ | </ | ||
| - | |||
| - | < | ||
| - | |||
| - | <img src=" | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | <img src=" | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | <img src=" | ||
| </ | </ | ||
| - | |||
| - | |||
| ===Community Made Profiles=== | ===Community Made Profiles=== | ||
| - | https://tiny.cc/Kitanoi | + | [[https://github.com/MDialgo/ |
| - | + | ||
| - | -------------------------------------------------------------- | + | |
| - | + | ||
| - | ====Combat Routines==== | + | |
| - | + | ||
| - | All jobs are supported. | + | |
| - | + | ||
| - | *As of 7.0, updates are ongoing to get all in a working order again. | + | |
| -------------------------------------------------------------- | -------------------------------------------------------------- | ||
| Line 555: | Line 471: | ||
| -------------------------------------------------------------- | -------------------------------------------------------------- | ||
| - | |||
| - | ====Item Purchase==== | ||
| - | |||
| - | Tasks happen in the following order: | ||
| - | |||
| - | NPC Repair > GC exchange > Item Puchase | ||
| - | |||
| - | {{: | ||
| - | |||
| - | - Will buy until your inventory has 500 Radz-at-Han Quenching Oil. Will go to the relevant store each time at least 1 item can be bought. | ||
| - | - Will buy Grade 8 Dark Matter to increase the amount in your inventory to the amount of 999 when you have less than 100 in your inventory. If you have 95 in your inventory, 904 more will be bought. | ||
| - | - Will buy until your inventory has 500 Radz-at-Han Quenching Oil. Will only go to the relevant store when you have more than 500 Poetics or you are next to a vendor and meet the other requirements. | ||
| - | - Will buy until your inventory has 500 Radz-at-Han Quenching Oil. Will only buy when your Poetic count is more than 1500, and you have less than 50 Radz-at-Han Quenching Oil in your inventory. | ||
| - | |||
| - | lua conditions must always return boolean. Start the condition with <color # | ||
| - | |||
| - | --------------------------------------------------------------- | ||
| ====API==== | ====API==== | ||
kitanois_dungeon_framework.1780986132.txt.gz · Last modified: 2026/06/09 06:22 by kitanoi