updated to include images
This commit is contained in:
parent
689079cab4
commit
13ebc9f4e3
1 changed files with 47 additions and 21 deletions
|
|
@ -2,20 +2,35 @@
|
||||||
This page _should_ update automatically with my latest activity.
|
This page _should_ update automatically with my latest activity.
|
||||||
|
|
||||||
<div style="display: flex; flex-direction: column; gap: 0.75rem;">
|
<div style="display: flex; flex-direction: column; gap: 0.75rem;">
|
||||||
<div style="background: rgba(166, 227, 161, 0.15); padding: 1rem; border: 4px solid #a6e3a1; color:white;">
|
<div style="background: rgba(166, 227, 161, 0.15); padding: 1rem; border: 4px solid #a6e3a1; color:white; display: flex; justify-content: space-between; align-items: center;">
|
||||||
I listened to this<br>
|
<div>
|
||||||
<i class="fa-brands fa-lastfm"></i> <a href="https://www.last.fm/user/lookathimthere"
|
I listened to this<br>
|
||||||
style="color: #a6e3a1 !important;">lastfm</a>
|
<i class="fa-brands fa-lastfm"></i> <a href="https://www.last.fm/user/lookathimthere"
|
||||||
|
style="color: #a6e3a1 !important;">lastfm</a>
|
||||||
|
</div>
|
||||||
|
<img src="lastfm-image" style="max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 4px;">
|
||||||
</div>
|
</div>
|
||||||
<div style="background: rgba(250, 179, 135, 0.15); padding: 1rem; border: 4px solid #fab387; color:white;">
|
<div style="background: rgba(250, 179, 135, 0.15); padding: 1rem; border: 4px solid #fab387; color:white; display: flex; justify-content: space-between; align-items: center;">
|
||||||
I watched this episode<br>
|
<div>
|
||||||
<i class="fa-solid fa-tv"></i> <a href="https://trakt.tv/episodes"
|
I watched this episode<br>
|
||||||
style="color: #fab387 !important;">trakt-episode</a><br>
|
<i class="fa-solid fa-tv"></i> <a href="https://trakt.tv/episodes"
|
||||||
and this movie<br>
|
style="color: #fab387 !important;">trakt-episode</a>
|
||||||
<i class="fa-solid fa-film"></i> <a href="https://trakt.tv/movies/" style="color: #fab387 !important;">trakt-movie</a>
|
</div>
|
||||||
|
<img src="trakt-episode-image" style="max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 4px;">
|
||||||
</div>
|
</div>
|
||||||
<div style="background: rgba(243, 139, 168, 0.15); padding: 1rem; border: 4px solid #f38ba8; color:white;">
|
<div style="background: rgba(250, 179, 135, 0.15); padding: 1rem; border: 4px solid #fab387; color:white; display: flex; justify-content: space-between; align-items: center;">
|
||||||
I rated this<br><a href="https://letterboxd.com/STFUDonny" style="color: #f38ba8 !important;">letterboxd</a>
|
<div>
|
||||||
|
I watched this movie<br>
|
||||||
|
<i class="fa-solid fa-film"></i> <a href="https://trakt.tv/movies/" style="color: #fab387 !important;">trakt-movie</a>
|
||||||
|
</div>
|
||||||
|
<img src="trakt-movie-image" style="max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 4px;">
|
||||||
|
</div>
|
||||||
|
<div style="background: rgba(243, 139, 168, 0.15); padding: 1rem; border: 4px solid #f38ba8; color:white; display: flex; justify-content: space-between; align-items: center;">
|
||||||
|
<div>
|
||||||
|
I rated this<br>
|
||||||
|
<a href="https://letterboxd.com/STFUDonny" style="color: #f38ba8 !important;">letterboxd</a>
|
||||||
|
</div>
|
||||||
|
<img src="letterboxd-image" style="max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 4px;">
|
||||||
</div>
|
</div>
|
||||||
<div style="background: rgba(180, 190, 254, 0.15); padding: 1rem; border: 4px solid #b4befe; color:white;">
|
<div style="background: rgba(180, 190, 254, 0.15); padding: 1rem; border: 4px solid #b4befe; color:white;">
|
||||||
I'm reading this<br>
|
I'm reading this<br>
|
||||||
|
|
@ -25,16 +40,27 @@ This page _should_ update automatically with my latest activity.
|
||||||
I played this<br>
|
I played this<br>
|
||||||
<i class="fa-brands fa-steam"></i> <a href="https://store.steampowered.com" style="color: #89b4fa !important;">steam</a>
|
<i class="fa-brands fa-steam"></i> <a href="https://store.steampowered.com" style="color: #89b4fa !important;">steam</a>
|
||||||
</div>
|
</div>
|
||||||
<div style="background: rgba(203, 166, 247, 0.15); padding: 1rem; border: 4px solid #cba6f7; color:white;">
|
<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;">
|
||||||
I tooted this<br>
|
<div>
|
||||||
<i class="fa-brands fa-mastodon"></i> <a href="https://social.lol/@dylan"
|
I tooted this<br>
|
||||||
style="color: #cba6f7 !important;">mastodon</a>
|
<i class="fa-brands fa-mastodon"></i> <a href="https://social.lol/@dylan"
|
||||||
|
style="color: #cba6f7 !important;">mastodon</a>
|
||||||
|
</div>
|
||||||
|
<img src="mastodon-image" style="max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 4px;">
|
||||||
</div>
|
</div>
|
||||||
<div style="background: rgba(148, 226, 213, 0.15); padding: 1rem; border: 4px solid #94e2d5; color:white;">
|
<div style="background: rgba(148, 226, 213, 0.15); padding: 1rem; border: 4px solid #94e2d5; color:white; display: flex; justify-content: space-between; align-items: center;">
|
||||||
I shared this photo<br><a href="https://dylan.some.pics" style="color: #94e2d5 !important;">some.pics</a>
|
<div>
|
||||||
|
I shared this photo<br>
|
||||||
|
<a href="https://dylan.some.pics" style="color: #94e2d5 !important;">some.pics</a>
|
||||||
|
</div>
|
||||||
|
<img src="some.pics-image" style="max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 4px;">
|
||||||
</div>
|
</div>
|
||||||
<div style="background: rgba(249, 226, 175, 0.15); padding: 1rem; border: 4px solid #f9e2af; color:white;">
|
<div style="background: rgba(249, 226, 175, 0.15); padding: 1rem; border: 4px solid #f9e2af; color:white; display: flex; justify-content: space-between; align-items: center;">
|
||||||
I wrote this<br><a href="https://dylan.weblog.lol" style="color: #f9e2af !important;">weblog</a>
|
<div>
|
||||||
|
I wrote this<br>
|
||||||
|
<a href="https://dylan.weblog.lol" style="color: #f9e2af !important;">weblog</a>
|
||||||
|
</div>
|
||||||
|
<img src="weblog-image" style="max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 4px;">
|
||||||
</div>
|
</div>
|
||||||
<div style="background: rgba(137, 220, 235, 0.15); padding: 1rem; border: 4px solid #89dceb; color:white;">
|
<div style="background: rgba(137, 220, 235, 0.15); padding: 1rem; border: 4px solid #89dceb; color:white;">
|
||||||
I pushed some (bad) code<br>
|
I pushed some (bad) code<br>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue