blisstown/bliss.town
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update crew list; css tweaks

Browse source
This commit is contained in:
ari melody 2025-08-11 12:24:50 +02:00
parent 6f6c0c3a6d
commit 800f67a04f
Signed by: ari
GPG key ID: CF99829C92678188
6 changed files with 20 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/img/avatars/ari.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
public/img/avatars/julia.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 108 KiB

BIN
public/img/avatars/mae.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
public/img/avatars/zaire.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 34 KiB

19
public/index.html
View file

@ -52,7 +52,7 @@
<div id="crew-list">
<div class="crew-item">
<img src="https://arimelody.space/img/favicon.png" alt="ari melody photo" class="avatar" width=64 height=64>
<img src="/img/avatars/ari.jpg" alt="ari melody photo" class="avatar" width=64 height=64>
<div class="crew-info">
<h3>ari</h3>
<p><a href="https://arimelody.space" class="handle">@arispacegirl</a></p>
@ -65,7 +65,7 @@
</div>
</div>
<div class="crew-item">
<img src="https://media.wetdry.world/accounts/avatars/107/412/233/663/540/779/original/9e4353266869a4cd.jpeg" alt="vimae photo" class="avatar" width=64 height=64>
<img src="/img/avatars/mae.jpg" alt="vimae photo" class="avatar" width=64 height=64>
<div class="crew-info">
<h3>mae</h3>
<p><a href="https://mae.wtf" class="handle">@vimae</a></p>
@ -78,7 +78,7 @@
</div>
</div>
<div class="crew-item">
<img src="https://44.media.tumblr.com/feb33c9c0151a46d09a55a6e0d7fa0f3/34631bc4c40620ff-2c/s128x128u_c1_f1/b06e02240d23dacddf257fe50cfe3a9c6dbee537.gif" alt="claire photo" class="avatar" width=64 height=64>
<img src="/img/avatars/zaire.jpg" alt="claire photo" class="avatar" width=64 height=64>
<div class="crew-info">
<h3>claire</h3>
<p><a href="https://supitszaire.com" class="handle">@zaire</a></p>
@ -86,6 +86,19 @@
<span class="crew-tag">she/her</span>
<span class="crew-tag">musician</span>
<span class="crew-tag">artist</span>
<span class="crew-tag">developer</span>
</div>
</div>
</div>
<div class="crew-item">
<img src="/img/avatars/julia.png" alt="julia photo" class="avatar" width=64 height=64>
<div class="crew-info">
<h3>julia</h3>
<p><a href="https://insertdomain.name" class="handle">@karakara</a></p>
<div class="crew-tags">
<span class="crew-tag">she/her</span>
<span class="crew-tag">developer</span>
<span class="crew-tag">artist</span>
</div>
</div>
</div>

8
public/style/index.css
View file

@ -46,14 +46,14 @@
}
#crew-list {
display: flex;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1em;
flex-wrap: wrap;
}
.crew-item {
display: flex;
flex-direction: row;
display: grid;
grid-template-columns: 64px 1fr;
gap: .5em;
}