redstrate/redstrate.com
1
Fork 0
Code Activity Actions

Add mods section

Browse source
This commit is contained in:
Joshua Goins 2024-10-01 20:55:14 -04:00
parent a0b93a38b7
commit 08b3849fed
1 changed files with 69 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

109
themes/red/layouts/_default/ffxiv.html
View file

@ -3,53 +3,72 @@
<hr> <hr>
<div class="container"> <div class="tabs-container">
<div class="box" style="width: 50%"> <input type="radio" id="tab-1" name="my-tabs" checked>
<h2>Character</h2> <label for="tab-1" class="tab-label">Warrior of Light</label>
<div class="container">
<div class="box" style="width: 50%">
<h2>Character</h2>
<p>Here's my WoL, and she's stayed consistent shortly after I purchased Shadowbringers.</p> <p>Here's my WoL, and she's stayed consistent shortly after I purchased Shadowbringers.</p>
<img style="display: block; margin-left: auto; margin-right: auto;margin-bottom:10px;width:50%" src="char.jpg" /> <img style="display: block; margin-left: auto; margin-right: auto;margin-bottom:10px;width:50%" src="char.jpg" />
<table> <table>
<tr> <tr>
<th>Gender</th> <th>Gender</th>
<td>Female♀</td> <td>Female♀</td>
</tr> </tr>
<tr> <tr>
<th>Race</th> <th>Race</th>
<td>Viera/Veena</td> <td>Viera/Veena</td>
</tr> </tr>
<tr> <tr>
<th>Height</th> <th>Height</th>
<td>6' 3" (191 cm)</td> <td>6' 3" (191 cm)</td>
</tr> </tr>
<tr> <tr>
<th>Nameday</th> <th>Nameday</th>
<td>14th Sun of the 4th Umbral Moon</td> <td>14th Sun of the 4th Umbral Moon</td>
</tr> </tr>
<tr> <tr>
<th>City-state</th> <th>City-state</th>
<td>Gridania</td> <td>Gridania</td>
</tr> </tr>
<tr> <tr>
<th>Guardian Deity</th> <th>Guardian Deity</th>
<td>Nophica</td> <td>Nophica</td>
</tr> </tr>
</table> </table>
</div>
<div style="width: 50%">
<div class="box" style="height: 600px">
<h2>Artwork</h2>
<p>Here's some fan art of my WoL, I want to do more general FFXIV fan art in the future too!</p>
<div style="height: 500px; overflow: auto">
{{ partial "art-section" . }}
</div>
</div>
</div>
</div> </div>
<div style="width: 50%"> <input type="radio" id="tab-2" name="my-tabs">
<div class="box" style="height: 600px"> <label for="tab-2" class="tab-label">Mods</label>
<h2>Artwork</h2> <div class="container">
<div class="box">
<h2>My Mods</h2>
<p>Here's some fan art of my WoL, I want to do more general FFXIV fan art in the future too!</p> <p>I have created a few mods to enhance the game:</p>
<div style="height: 500px; overflow: auto"> <ul>
{{ partial "art-section" . }} <li><a href="https://xiv.zone/mods/rebound">Rebound</a>: Somehow even after the big graphical update, Square Enix hasn't fixed the bug where certain character physics (like the Viera ear wiggle) breaks under high framerates.</li>
</div> <li><a href="https://xiv.zone/mods/refitter">Refitter</a>: I didn't like how some armor fit on my WoL, so I fixed it myself.</li>
<li><a href="https://xiv.zone/mods/hooky">Hooky</a>: I don't use this too much yet, but I really liked making it!</li>
</div> </ul>
</div> </div>
</div> </div>
@ -57,6 +76,8 @@
.container { .container {
display: flex; display: flex;
column-gap: 15px; column-gap: 15px;
width: 100%;
order: 99;
} }
.box { .box {
@ -65,5 +86,13 @@
border: 1px solid gray; border: 1px solid gray;
padding: 5px; padding: 5px;
} }
.tabs-container {
display: flex;
flex-wrap: wrap;
}
.tabs-container > input[type="radio"]:not(:checked)+.tab-label+.container {
display: none;
}
</style> </style>
{{ end }} {{ end }}