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

css refactor :]

Browse source
This commit is contained in:
ari melody 2026-03-23 21:32:25 +00:00
parent 81ab7856c6
commit 6e5aad77dd
Signed by: ari
GPG key ID: 60B5F0386E3DDB7E
5 changed files with 146 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

74
public/index.html
View file

@ -16,7 +16,6 @@
<link rel="stylesheet" type="text/css" href="/style/main.css">
<link rel="stylesheet" type="text/css" href="/style/index.css">
<script type="module" src="/script/index.js" defer></script>
</head>
<body>
<header>
@ -52,67 +51,63 @@
<div id="crew-list">
<div class="crew-item">
<img src="/img/avatars/arispacegirl.avif" alt="ari melody photo" class="avatar" width=64 height=64>
<div class="crew-avatar">
<img src="/img/avatars/arispacegirl.avif"
alt="ari melody photo"
class="avatar"
width=128 height=128>
</div>
<div class="crew-info">
<h3>ari</h3>
<p><a href="https://arimelody.space" class="handle">@arispacegirl</a></p>
<div class="crew-tags">
<span class="crew-tag">she/her</span>
<span class="crew-tag">developer</span>
<span class="crew-tag">musician</span>
<span class="crew-tag">artist</span>
</div>
</div>
</div>
<div class="crew-item">
<img src="/img/avatars/vimae.avif" alt="vimae photo" class="avatar" width=64 height=64>
<div class="crew-avatar">
<img src="/img/avatars/vimae.avif"
alt="vimae photo"
class="avatar"
width=128 height=128>
</div>
<div class="crew-info">
<h3>mae</h3>
<p><a href="https://mae.wtf" class="handle">@vimae</a></p>
<div class="crew-tags">
<span class="crew-tag">she/they</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/zaire.avif" alt="claire photo" class="avatar" width=64 height=64>
<div class="crew-avatar">
<img src="/img/avatars/zaire.avif"
alt="claire photo"
class="avatar"
width=128 height=128>
</div>
<div class="crew-info">
<h3>claire</h3>
<p><a href="https://supitszaire.com" class="handle">@zaire</a></p>
<div class="crew-tags">
<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/karakara.avif" alt="julia photo" class="avatar" width=64 height=64>
<div class="crew-avatar">
<img src="/img/avatars/karakara.avif"
alt="julia photo"
class="avatar"
width=128 height=128>
</div>
<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>
<div class="crew-item">
<img src="/img/avatars/loudar.avif" alt="alex photo" class="avatar" width=64 height=64>
<div class="crew-avatar">
<img src="/img/avatars/loudar.avif"
alt="alex photo"
class="avatar"
width=128 height=128>
</div>
<div class="crew-info">
<h3>alex</h3>
<p><a href="https://illegal.trading" class="handle">@loudar</a></p>
<div class="crew-tags">
<span class="crew-tag">he/they</span>
<span class="crew-tag">developer</span>
<span class="crew-tag">musician</span>
<span class="crew-tag">artist</span>
</div>
</div>
</div>
</div>
@ -129,9 +124,12 @@
<img src="/img/projects/campfire.avif" alt="screenshot of the campfire timeline" width=256>
</div>
<div class="project-info">
<h3>campfire</h3>
<h3>
<a href="https://campfire.bliss.town" class="col-on-primary">
campfire
</a>
</h3>
<p>a pretty, modern web client for the fediverse!</p>
<a href="https://campfire.bliss.town" class="col-on-primary">campfire.bliss.town</a>
</div>
</div>
</div>
@ -142,5 +140,7 @@
made with <span role="img" aria-label="love">♥</span> by <a href="https://arimelody.space">ari</a>, 2025.
</p>
</footer>
<script type="module" src="/script/index.js" defer></script>
</body>
</html>