xivdev/bozjan-index
1
0
Fork 0
Code Issues Pull Requests Activity

style cleanup

Browse Source
This commit is contained in:
Ean Milligan
2026-01-18 22:58:51 -05:00
parent 84d7fb70ba
commit 13919dcb1e
1 changed files with 30 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
index.html
View File

@@ -35,6 +35,13 @@
grid-template-rows: var(--header-size) minmax(calc(100vh - var(--header-size) - var(--footer-size)), max-content) var(--footer-size); 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); grid-template-columns: var(--tab-spacing) 1fr var(--tab-spacing);
} }
img {
width: 100%;
}
h4 {
margin-bottom: 0.5rem;
}
h3, h3,
p { p {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@@ -44,6 +51,20 @@
list-style-type: none; list-style-type: none;
text-align: center; text-align: center;
} }
table,
th,
td {
border-collapse: collapse;
border: 1px solid white;
padding: 2px 4px;
}
.list-flex {
display: flex;
gap: 2rem;
justify-content: space-around;
flex-wrap: wrap;
}
abbr { abbr {
cursor: help; cursor: help;
@@ -74,7 +95,6 @@
input[type="radio"]:checked + label { input[type="radio"]:checked + label {
border: 2px solid #aa18df; border: 2px solid #aa18df;
} }
.tab-content { .tab-content {
text-align: initial; text-align: initial;
user-select: text; user-select: text;
@@ -89,14 +109,6 @@
#tab7:checked ~ #tab7-content { #tab7:checked ~ #tab7-content {
display: block; display: block;
} }
table,
th,
td {
border-collapse: collapse;
border: 1px solid white;
padding: 2px 4px;
}
</style> </style>
</head> </head>
<body> <body>
@@ -220,7 +232,7 @@
<li><a href="https://www.youtube.com/watch?v=5Q0m1F0MKQQ" target="_blank">Video of All Mechanics</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"> <li style="margin-top: 0.5rem">
<h4>Trap Locations (Left is first Entrapment, Right is second and third Entrapments):</h4> <h4>Trap Locations (Left is first Entrapment, Right is second and third Entrapments):</h4>
<img src="./img/drs-duel-traps.jpg" style="width: 100%" /> <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> <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> </li>
</ul> </ul>
@@ -228,9 +240,9 @@
<div id="tab3-content" class="tab-content"> <div id="tab3-content" class="tab-content">
<h3>Buff Battery AKA Excellence Battery AKA get a bunch more dps</h3> <h3>Buff Battery AKA Excellence Battery AKA get a bunch more dps</h3>
<p>Info adapted from messages in the <a href="https://discord.gg/YKP76AsMw8" target="_blank">Lego Steppers Discord</a>.</p> <p>Info adapted from messages in the <a href="https://discord.gg/YKP76AsMw8" target="_blank">Lego Steppers Discord</a>.</p>
<div style="display: flex; gap: 2rem; justify-content: space-around"> <div class="list-flex">
<div> <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.&#13;&#10;People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr>:</h4> <h4>Directions for taking advantage of a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in.&#13;&#10;People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr>:</h4>
<ol> <ol>
<li>Assign/find a player to be a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in.&#13;&#10;People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr> for each boss.</li> <li>Assign/find a player to be a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in.&#13;&#10;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>Pack one "Mimic" and "Banner of Honored Sacrifice" for each boss fight you intend to use "Lost Excellence" on.</li>
@@ -242,7 +254,7 @@
</ol> </ol>
</div> </div>
<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.&#13;&#10;People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr>:</h4> <h4>Directions for being a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in.&#13;&#10;People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr>:</h4>
<ol> <ol>
<li> <li>
Slot in "Font of Power" and "Lost Excellence" well before the boss pull. Slot in "Font of Power" and "Lost Excellence" well before the boss pull.
@@ -263,14 +275,14 @@
<h3>Zone Maps</h3> <h3>Zone Maps</h3>
<p>Images from <a href="https://xivfo.com/bozja/General_Guides" target="_blank">https://xivfo.com/bozja/General_Guides</a>.</p> <p>Images from <a href="https://xivfo.com/bozja/General_Guides" target="_blank">https://xivfo.com/bozja/General_Guides</a>.</p>
<ul> <ul>
<li><img src="./img/bsf-map.png" style="width: 100%" /></li> <li><img src="./img/bsf-map.png" /></li>
<li><img src="./img/zad-map.png" style="width: 100%" /></li> <li><img src="./img/zad-map.png" /></li>
</ul> </ul>
</div> </div>
<div id="tab5-content" class="tab-content"> <div id="tab5-content" class="tab-content">
<h3>Good Loadouts</h3> <h3>Good Loadouts</h3>
<p>Images from <a href="https://xivfo.com/bozja/General_Guides" target="_blank">https://xivfo.com/bozja/General_Guides</a>.</p> <p>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"> <div class="list-flex" style="align-items: center; gap: 0.5%">
<img src="./img/loadouts-dal.png" style="width: 33%; min-width: 30rem" /> <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-beginner.png" style="width: 33%; min-width: 30rem" />
<img src="./img/loadouts-drn-bis.png" style="width: 33%; min-width: 30rem" /> <img src="./img/loadouts-drn-bis.png" style="width: 33%; min-width: 30rem" />
@@ -285,7 +297,7 @@
</ul> </ul>
</div> </div>
<div id="tab7-content" class="tab-content"> <div id="tab7-content" class="tab-content">
<div style="display: flex; gap: 2rem; justify-content: space-around; flex-wrap: wrap"> <div class="list-flex">
<div> <div>
<h3 style="text-align: left">Lost Flare Star Cheese Text Guide</h3> <h3 style="text-align: left">Lost Flare Star Cheese Text Guide</h3>
<ol> <ol>
@@ -306,7 +318,7 @@
<li>Profit.</li> <li>Profit.</li>
</ol> </ol>
</div> </div>
<div style="display: flex; gap: 2rem; justify-content: space-around; flex-wrap: wrap; flex-direction: column"> <div class="list-flex" style="flex-direction: column">
<div> <div>
<h3>BSF Duel Info</h3> <h3>BSF Duel Info</h3>
<ul> <ul>