Make the homepage icons slightly nicer

This commit is contained in:
Joshua Goins 2024-05-20 20:12:54 -04:00
parent 1e5651bd6e
commit 592ed9e9b0
2 changed files with 25 additions and 18 deletions

View file

@ -152,3 +152,10 @@ footer {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
margin: auto; margin: auto;
} }
.blurb-button > img {
float: left;
margin-right: 10px;
border-radius: 5px;
background-color: #292929;
}

View file

@ -4,21 +4,21 @@
<div class="buttons"> <div class="buttons">
<a href='/software/astra' class="blurb-button"> <a href='/software/astra' class="blurb-button">
<img style="float:left; padding-right: 10px" width="40" height="40" src="astra.svg"/> <img width="40" height="40" src="astra.svg"/>
<h4>Astra</h4> <h4>Astra</h4>
Unofficial FFXIV launcher <span>Unofficial FFXIV launcher</span>
</a> </a>
<a href='/software/novus' class="blurb-button"> <a href='/software/novus' class="blurb-button">
<img style="float:left; padding-right: 10px" width="40" height="40" src="novus.svg"/> <img width="40" height="40" src="novus.svg"/>
<h4>Novus</h4> <h4>Novus</h4>
Unofficial FFXIV tools <span>Unofficial FFXIV tools</span>
</a> </a>
<a href='/kawari' class="blurb-button"> <a href='/kawari' class="blurb-button">
<img style="float:left; padding-right: 10px" width="40" height="40" src="unknown.png"/> <img width="40" height="40" src="unknown.png"/>
<h4>Kawari</h4> <h4>Kawari</h4>
Substitute for some official FFXIV servers <span>Substitute for some official FFXIV servers</span>
</a> </a>
</div> </div>
@ -26,21 +26,21 @@ Substitute for some official FFXIV servers
<div class="buttons"> <div class="buttons">
<a href='/mods/rebound' class="blurb-button"> <a href='/mods/rebound' class="blurb-button">
<img style="float:left; padding-right: 10px" width="40" height="40" src="physics-fix.png"/> <img width="40" height="40" src="physics-fix.png"/>
<h4>FFXIV Physics Fix</h4> <h4>Rebound</h4>
Restore FFXIV's bone physics at higher framerates <span>Restore FFXIV's bone physics at higher framerates</span>
</a> </a>
<a href='/mods/varc' class="blurb-button"> <a href='/mods/varc' class="blurb-button">
<img style="float:left; padding-right: 10px" width="40" height="40" src="refit.png"/> <img width="40" height="40" src="refit.png"/>
<h4>Vanilla Armor Refit Collection</h4> <h4>Vanilla Armor Refit Collection</h4>
Better fitting female armors <span>Better fitting female armors</span>
</a> </a>
<a href='/mods/hooky' class="blurb-button"> <a href='/mods/hooky' class="blurb-button">
<img style="float:left; padding-right: 10px" width="40" height="40" src="unknown.png"/> <img width="40" height="40" src="unknown.png"/>
<h4>FFXIV Webhooks</h4> <h4>Hooky</h4>
Sends messages to a specified webhook endpoint <span>Sends messages to a specified webhook endpoint</span>
</a> </a>
</div> </div>
@ -48,9 +48,9 @@ Sends messages to a specified webhook endpoint
<div class="buttons"> <div class="buttons">
<a href='https://docs.xiv.zone' class="blurb-button"> <a href='https://docs.xiv.zone' class="blurb-button">
<img style="float:left; padding-right: 10px" width="40" height="40" src="sprout.png"/> <img width="40" height="40" src="sprout.png"/>
<h4>XIV Docs</h4> <h4>XIV Docs</h4>
Garden of knowledge on FFXIV <span>Garden of knowledge on FFXIV</span>
</a> </a>
</div> </div>
@ -58,9 +58,9 @@ Garden of knowledge on FFXIV
<div class="buttons"> <div class="buttons">
<a href='/libraries/physis' class="blurb-button"> <a href='/libraries/physis' class="blurb-button">
<img style="float:left; padding-right: 10px" width="40" height="40" src="unknown.png"/> <img width="40" height="40" src="unknown.png"/>
<h4>Physis</h4> <h4>Physis</h4>
Library for reading and writing FFXIV data <span>Library for reading and writing FFXIV data</span>
</a> </a>
</div> </div>