add good loadouts and addtnl resources tabs

This commit is contained in:
Ean Milligan
2026-01-18 22:08:08 -05:00
parent 527833b2ae
commit 7803887616
4 changed files with 31 additions and 2 deletions

BIN
img/loadouts-dal.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 568 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 577 KiB

BIN
img/loadouts-drn-bis.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 KiB

View File

@@ -78,7 +78,10 @@
#tab1:checked ~ #tab1-content, #tab1:checked ~ #tab1-content,
#tab2:checked ~ #tab2-content, #tab2:checked ~ #tab2-content,
#tab3:checked ~ #tab3-content, #tab3:checked ~ #tab3-content,
#tab4:checked ~ #tab4-content { #tab4:checked ~ #tab4-content,
#tab5:checked ~ #tab5-content,
#tab6:checked ~ #tab6-content,
#tab7:checked ~ #tab7-content {
display: block; display: block;
} }
</style> </style>
@@ -86,10 +89,16 @@
<label for="tab1">Delubrum Pure Essences</label> <label for="tab1">Delubrum Pure Essences</label>
<input type="radio" name="tabs" id="tab2" /> <input type="radio" name="tabs" id="tab2" />
<label for="tab2">DRS Duel</label> <label for="tab2">DRS Duel</label>
<input type="radio" name="tabs" id="tab7" />
<label for="tab7">BSF/Zad Duels</label>
<input type="radio" name="tabs" id="tab3" /> <input type="radio" name="tabs" id="tab3" />
<label for="tab3">Buff Battery</label> <label for="tab3">Buff Battery</label>
<input type="radio" name="tabs" id="tab4" /> <input type="radio" name="tabs" id="tab4" />
<label for="tab4">Zone Maps</label> <label for="tab4">Zone Maps</label>
<input type="radio" name="tabs" id="tab5" />
<label for="tab5">Good Loadouts</label>
<input type="radio" name="tabs" id="tab6" />
<label for="tab6">Additional Resources</label>
<div style="margin: 0.5rem"></div> <div style="margin: 0.5rem"></div>
@@ -246,10 +255,30 @@
<li><img src="./img/zad-map.png" style="width: 100%" /></li> <li><img src="./img/zad-map.png" style="width: 100%" /></li>
</ul> </ul>
</div> </div>
<div id="tab5-content" class="tab-content">
<h3 style="margin-bottom: 0.5rem; text-align: center">Good Loadouts</h3>
<p style="margin-bottom: 0.5rem; text-align: center">Images from <a href="https://xivfo.com/bozja/General_Guides" target="_blank">https://xivfo.com/bozja/General_Guides</a>.</p>
<div style="display: flex; flex-direction: row; align-items: center; justify-content: space-around; gap: 0.5%; flex-wrap: wrap">
<img src="./img/loadouts-dal.png" style="width: 33%; min-width: 30rem" />
<img src="./img/loadouts-drn-beginner.png" style="width: 33%; min-width: 30rem" />
<img src="./img/loadouts-drn-bis.png" style="width: 33%; min-width: 30rem" />
</div>
</div>
<div id="tab6-content" class="tab-content">
<h3 style="margin-bottom: 0.5rem; text-align: center">Additional Resources</h3>
<ul style="list-style-type: none; text-align: center">
<li><a href="https://xivfo.com/bozja/Relics" target="_blank">Relic Weapon Tracker</a></li>
<li><a href="https://xivfo.com/bozja/General_Guides" target="_blank">Additional Guides</a></li>
<li><a href="https://ffxiv.kmiwl.de/bozja/?a=1LNgh9gSCrLvePRyNl5" target="_blank">Lost Finds Cache</a></li>
</ul>
</div>
<div id="tab7-content" class="tab-content">
<h3 style="margin-bottom: 0.5rem; text-align: center">BSF/Zad Duel Info</h3>
</div>
</div> </div>
<footer> <footer>
<p>~</p> <p>~</p>
<p>Site developed by <a href="https://github.com/Burn-E99/" target="_blank">Ean Milligan</a>. Last updated 2026-01-17.</p> <p>Site developed by <a href="https://github.com/Burn-E99/" target="_blank">Ean Milligan</a>. Last updated 2026-01-18.</p>
</footer> </footer>
</body> </body>
</html> </html>