add/upgrade index.html
This commit is contained in:
Ean Milligan
252
index.html
Normal file
252
index.html
Normal file
@@ -0,0 +1,252 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Bozjan/Save the Queen Zone Info</title>
|
||||
<meta name="description" content="Bozjan/Save the Queen Zone Info" />
|
||||
<style>
|
||||
*,
|
||||
::before,
|
||||
::after {
|
||||
box-sizing: border-box;
|
||||
background-color: #171717;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: #ececec;
|
||||
}
|
||||
header {
|
||||
text-align: center;
|
||||
grid-area: header;
|
||||
margin: 1rem;
|
||||
}
|
||||
#tabs {
|
||||
text-align: center;
|
||||
grid-area: tabs;
|
||||
}
|
||||
footer {
|
||||
text-align: center;
|
||||
grid-area: footer;
|
||||
}
|
||||
body {
|
||||
--header-size: 5rem;
|
||||
--footer-size: 4rem;
|
||||
--tab-spacing: 5rem;
|
||||
display: grid;
|
||||
grid-template-areas: "header header header" ". tabs ." ". footer .";
|
||||
grid-template-rows: var(--header-size) minmax(calc(100vh - var(--header-size) - var(--footer-size)), max-content) var(--footer-size);
|
||||
grid-template-columns: var(--tab-spacing) 1fr var(--tab-spacing);
|
||||
}
|
||||
|
||||
abbr {
|
||||
cursor: help;
|
||||
}
|
||||
abbr::after {
|
||||
content: " ?";
|
||||
position: relative;
|
||||
font-family: sans-serif;
|
||||
font-size: 0.8rem;
|
||||
top: -0.5rem;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Bozjan/Save the Queen Zone Info</h1>
|
||||
</header>
|
||||
|
||||
<div id="tabs">
|
||||
<style>
|
||||
input[type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
input[type="radio"] + label {
|
||||
cursor: pointer;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
border: 2px solid transparent;
|
||||
background-color: #400a53;
|
||||
}
|
||||
input[type="radio"]:checked + label {
|
||||
border: 2px solid #aa18df;
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
text-align: initial;
|
||||
display: none;
|
||||
}
|
||||
#tab1:checked ~ #tab1-content,
|
||||
#tab2:checked ~ #tab2-content,
|
||||
#tab3:checked ~ #tab3-content,
|
||||
#tab4:checked ~ #tab4-content {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
<input type="radio" name="tabs" id="tab1" checked />
|
||||
<label for="tab1">Delubrum Pure Essences</label>
|
||||
<input type="radio" name="tabs" id="tab2" />
|
||||
<label for="tab2">DRS Duel</label>
|
||||
<input type="radio" name="tabs" id="tab3" />
|
||||
<label for="tab3">Buff Battery</label>
|
||||
<input type="radio" name="tabs" id="tab4" />
|
||||
<label for="tab4">Zone Maps</label>
|
||||
|
||||
<div style="margin: 0.5rem"></div>
|
||||
|
||||
<div id="tab1-content" class="tab-content">
|
||||
<!-- WIP: update to have cards for these -->
|
||||
<h3 style="margin-bottom: 0.5rem; text-align: center">Delubrum Reginae Secret Pure Essence Interactions:</h3>
|
||||
<ul style="list-style-type: none; margin-bottom: 1rem">
|
||||
<li>
|
||||
<u><i style="font-size: 1.2rem">Pure Essence of the Elder:</i></u>
|
||||
"Lost Cure IV" now gives an AoE Bravery (Lasts 1min, 10% dmg up instead of "Lost Bravery"'s 10min, 5%dmg up)
|
||||
</li>
|
||||
<li>
|
||||
<u><i style="font-size: 1.2rem">Pure Essence of the Duelist:</i></u>
|
||||
"Banner of Honored Sacrifice" now lasts 30sec and only drains 1HP per tick
|
||||
</li>
|
||||
<li>
|
||||
<u><i style="font-size: 1.2rem">Pure Essence of the Fiendhunter:</i></u>
|
||||
"Lost Cure II" now regenerates 5k MP on the target but gives caster a stacking slow
|
||||
</li>
|
||||
<li>
|
||||
<u><i style="font-size: 1.2rem">Pure Essence of the Indomitable:</i></u>
|
||||
"Lost Sacrifice" now only has of getting Doom'd (like 50% chance?)
|
||||
</li>
|
||||
<li>
|
||||
<u><i style="font-size: 1.2rem">Pure Essence of the Divine:</i></u>
|
||||
"Lost Arise" now has a chance of raising in Savage (like 15% chance)
|
||||
</li>
|
||||
<li>
|
||||
<u><i style="font-size: 1.2rem">Pure Essence of the Gambler:</i></u>
|
||||
"Dynamis Dice" have better chances, see differences below (table pulled from
|
||||
<a href="https://ffxiv.consolegameswiki.com/wiki/Dynamis_Dice" target="_blank">FFXIV ConsoleGamesWiki</a>)
|
||||
</li>
|
||||
<li style="display: flex; justify-content: center">
|
||||
<style>
|
||||
table,
|
||||
th,
|
||||
td {
|
||||
border: 1px solid white;
|
||||
}
|
||||
</style>
|
||||
<table style="border-collapse: collapse">
|
||||
<caption>
|
||||
Dynamis Dice Effect Probabilities
|
||||
</caption>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Effect</th>
|
||||
<th>Normal %</th>
|
||||
<th>% with Gambler</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Wire</td>
|
||||
<td>33</td>
|
||||
<td>25</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Haste</td>
|
||||
<td>30</td>
|
||||
<td>20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HP/MP Boost</td>
|
||||
<td>30</td>
|
||||
<td>20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Healer LB3</td>
|
||||
<td>3.5</td>
|
||||
<td>34</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Doom</td>
|
||||
<td>< 1</td>
|
||||
<td>< 0.5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Mini</td>
|
||||
<td>< 1</td>
|
||||
<td>~ 0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Poison</td>
|
||||
<td>< 1</td>
|
||||
<td>~ 0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pyretic</td>
|
||||
<td>< 1</td>
|
||||
<td>~ 0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Toad</td>
|
||||
<td>< 1</td>
|
||||
<td>~ 0</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="tab2-content" class="tab-content">
|
||||
<h3 style="margin-bottom: 0.5rem; text-align: center">DRS Duel Info</h3>
|
||||
<ul style="list-style-type: none; text-align: center">
|
||||
<li><a href="https://docs.google.com/document/d/1Pej6Bt8OcScnZ24XjbLCmwKLO4FkroAwJwpndSOImW4/edit?tab=t.0" target="_blank">Text Guide</a></li>
|
||||
<li><a href="https://www.youtube.com/watch?v=9dwkndBF8aI" target="_blank">Excellence Cheese clear</a></li>
|
||||
<li><a href="https://www.youtube.com/watch?v=5Q0m1F0MKQQ" target="_blank">Video of All Mechanics</a></li>
|
||||
<li style="margin-top: 0.5rem">
|
||||
<h4>Trap Locations (Left is first Entrapment, Right is second and third Entrapments):</h4>
|
||||
<img src="./img/drs-duel-traps.jpg" />
|
||||
<p>Trap patterns pulled from <a href="https://docs.google.com/document/d/1Pej6Bt8OcScnZ24XjbLCmwKLO4FkroAwJwpndSOImW4/edit?tab=t.0" target="_blank">this guide</a>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="tab3-content" class="tab-content">
|
||||
<h3 style="margin-bottom: 0.5rem; text-align: center">Buff Battery AKA Excellence Battery AKA get a bunch more dps</h3>
|
||||
<div style="display: flex; gap: 2rem; justify-content: space-around">
|
||||
<div>
|
||||
<h4 style="margin-bottom: 0.5rem">Directions for taking advantage of a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in. People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr>:</h4>
|
||||
<ol>
|
||||
<li>Assign/find a player to be a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in. People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr> for each boss.</li>
|
||||
<li>Pack one "Mimic" and "Banner of Honored Sacrifice" for each boss fight you intend to use "Lost Excellence" on.</li>
|
||||
<li>At the boss you want to buff up at, target the <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in. People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr> and use your "Mimic" action.</li>
|
||||
<li>On pull, during your opener, use "Lost Excellence".</li>
|
||||
<li>Slot in "Banner of Honored Sacrifice" over "Lost Excellence"</li>
|
||||
<li>Use "Font of Power", "Banner of Honored Sacrifice", and your potion.</li>
|
||||
<li>Do BIG damage!</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div>
|
||||
<h4 style="margin-bottom: 0.5rem">Directions for being a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in. People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr>:</h4>
|
||||
<ol>
|
||||
<li>
|
||||
Slot in "Font of Power" and "Lost Excellence" well before the boss pull.
|
||||
<ul style="list-style-type: none">
|
||||
<li>- People usually prefer having "Font of Power" on the left side.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Wait around (being awesome) to let others use "Mimic" on you.</li>
|
||||
<li>On pull, during your opener, use "Lost Excellence".</li>
|
||||
<li>Slot in "Banner of Honored Sacrifice" over "Lost Excellence"</li>
|
||||
<li>Use "Font of Power", "Banner of Honored Sacrifice", and your potion.</li>
|
||||
<li>Do BIG damage!</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab4-content" class="tab-content">
|
||||
<h3 style="margin-bottom: 0.5rem; text-align: center">Zone Maps</h3>
|
||||
<p style="margin-bottom: 0.5rem; text-align: center">Images from <a href="https://xivfo.com/bozja/Relics" target="_blank">https://xivfo.com/bozja/Relics</a>.</p>
|
||||
<ul style="list-style-type: none; text-align: center">
|
||||
<li><img src="./img/bsf-map.png" style="width: 100%" /></li>
|
||||
<li><img src="./img/zad-map.png" style="width: 100%" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p>~</p>
|
||||
<p>Site developed by <a href="https://github.com/Burn-E99/" target="_blank">Ean Milligan</a>. Last updated 2026-01-17.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user