2024-04-03 22:02:51 +01:00
<!DOCTYPE html>
< html >
2025-07-10 16:05:21 +01:00
< head >
< meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >
< meta charset = "UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
2025-07-10 16:41:25 +01:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2025-07-10 16:05:21 +01:00
< title > bliss town< / title >
< link rel = "icon" type = "image/x-icon" href = "/img/favicon.png" >
2024-04-04 07:42:54 +01:00
2025-07-10 16:05:21 +01:00
< meta property = "og:site_name" content = "bliss town" / >
< meta property = "og:title" content = "welcome to bliss town!" / >
< meta property = "og:image" content = "https://bliss.town/img/og-icon.png" / >
< meta property = "og:type" content = "website" / >
< meta property = "og:url" content = "https://bliss.town" / >
2024-04-04 07:42:54 +01:00
2025-07-10 16:05:21 +01:00
< 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 >
< nav >
< span class = "nav-title" >
2025-07-10 16:41:25 +01:00
< div class = "title-icon" >
2025-07-10 16:05:21 +01:00
< img src = "/img/icon-light.svg" class = "only-light" width = 26 height = 26 / >
< img src = "/img/icon-dark.svg" class = "only-dark" width = 26 height = 26 / >
2025-07-10 16:41:25 +01:00
< / div >
2025-07-10 16:05:21 +01:00
< strong > bliss< span class = "col-on-primary" > .< / span > town< / strong >
< / span >
< a href = "/" > home< / a >
< a href = "https://git.arimelody.me/ari/bliss.town" > source< / a >
< / nav >
< / header >
< main >
< h1 >
2025-07-10 16:41:25 +01:00
< div class = "title-icon" >
2025-07-10 16:05:21 +01:00
< img src = "/img/icon-light.svg" class = "only-light" width = 64 height = 64 / >
< img src = "/img/icon-dark.svg" class = "only-dark" width = 64 height = 64 / >
2025-07-10 16:41:25 +01:00
< / div >
2025-07-10 16:05:21 +01:00
welcome to bliss< span class = "col-on-primary" > .< / span > town!
< / h1 >
< p >
we're a collective of online creatives.
< / p >
< hr / >
< div id = "crew" >
< h2 > check us out!< / h2 >
< div id = "crew-list" >
< div class = "crew-item" >
2025-08-20 16:07:07 +01:00
< img src = "/img/avatars/arispacegirl.jpg" alt = "ari melody photo" class = "avatar" width = 64 height = 64 >
2025-07-10 16:05:21 +01:00
< 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" >
2025-08-20 16:07:07 +01:00
< img src = "/img/avatars/vimae.jpg" alt = "vimae photo" class = "avatar" width = 64 height = 64 >
2025-07-10 16:05:21 +01:00
< 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" >
2025-08-11 12:24:50 +02:00
< img src = "/img/avatars/zaire.jpg" alt = "claire photo" class = "avatar" width = 64 height = 64 >
2025-07-10 16:05:21 +01:00
< 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 >
2025-08-11 12:24:50 +02:00
< span class = "crew-tag" > developer< / span >
< / div >
< / div >
< / div >
< div class = "crew-item" >
2025-08-20 16:07:07 +01:00
< img src = "/img/avatars/karakara.png" alt = "julia photo" class = "avatar" width = 64 height = 64 >
2025-08-11 12:24:50 +02:00
< 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 >
2025-07-10 16:05:21 +01:00
< / div >
< / div >
< / div >
2025-08-20 16:07:07 +01:00
< div class = "crew-item" >
< img src = "/img/avatars/loudar.jpg" alt = "alex photo" class = "avatar" width = 64 height = 64 >
< 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 >
2025-07-10 16:05:21 +01:00
< / div >
< / div >
< hr / >
< div id = "projects" >
< h2 > stuff we make< / h2 >
< div id = "project-list" >
< div class = "project-item" >
< div class = "project-item-banner" >
< img src = "/img/projects/campfire.png" alt = "screenshot of the campfire timeline" width = 256 >
< / div >
< div class = "project-info" >
< h3 > campfire< / 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 >
2024-04-06 22:47:53 +01:00
< / div >
2025-07-10 16:05:21 +01:00
< / div >
< / div >
< / div >
< / main >
< footer >
< p >
made with < span role = "img" aria-label = "love" > ♥< / span > by < a href = "https://arimelody.space" > ari< / a > , 2025.
< / p >
< / footer >
< / body >
2024-04-03 22:02:51 +01:00
< / html >
