updated layout for hardcover and steam sections to include images

This commit is contained in:
dylan 2025-12-28 18:40:12 +00:00
parent 48a5aab1c2
commit b549858bc0

View file

@ -32,13 +32,19 @@ This page _should_ update automatically with my latest activity.
</div>
<img src="letterboxd-image" style="max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 4px;">
</div>
<div style="background: rgba(180, 190, 254, 0.15); padding: 1rem; border: 4px solid #b4befe; color:white;">
I'm reading this<br>
<i class="fa-solid fa-book"></i> <a href="https://hardcover.app" style="color: #b4befe !important;">hardcover</a>
<div style="background: rgba(180, 190, 254, 0.15); padding: 1rem; border: 4px solid #b4befe; color:white; display: flex; justify-content: space-between; align-items: center;">
<div>
I'm reading this<br>
<i class="fa-solid fa-book"></i> <a href="https://hardcover.app" style="color: #b4befe !important;">hardcover</a>
</div>
<img src="hardcover-image" style="max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 4px;">
</div>
<div style="background: rgba(137, 180, 250, 0.15); padding: 1rem; border: 4px solid #89b4fa; color:white;">
I played this<br>
<i class="fa-brands fa-steam"></i> <a href="https://store.steampowered.com" style="color: #89b4fa !important;">steam</a>
<div style="background: rgba(137, 180, 250, 0.15); padding: 1rem; border: 4px solid #89b4fa; color:white; display: flex; justify-content: space-between; align-items: center;">
<div>
I played this<br>
<i class="fa-brands fa-steam"></i> <a href="https://store.steampowered.com" style="color: #89b4fa !important;">steam</a>
</div>
<img src="steam-image" style="max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 4px;">
</div>
<div style="background: rgba(203, 166, 247, 0.15); padding: 1rem; border: 4px solid #cba6f7; color:white; display: flex; justify-content: space-between; align-items: center;">
<div>