2024-04-03 22:02:51 +01:00
<!DOCTYPE html>
< html >
2024-04-06 23:07:50 +01:00
< head >
2024-04-07 01:12:40 +01:00
< meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >
2024-04-06 23:07:50 +01:00
< meta charset = "UTF-8" >
2024-04-07 01:12:40 +01:00
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
2024-04-06 23:07:50 +01:00
< meta name = "viewport" value = "width=device-width, initial-scale=1" >
< title > bliss town< / title >
2024-04-06 22:47:53 +01:00
< link rel = "icon" type = "image/x-icon" href = "/img/favicon.png" >
2024-04-04 07:42:54 +01:00
2024-04-07 01:01:13 +01:00
< meta property = "og:site_name" content = "bliss town" / >
2024-04-06 22:47:53 +01:00
< meta property = "og:title" content = "welcome to bliss town!" / >
2024-04-07 00:58:46 +01:00
< meta property = "og:image" content = "https://bliss.town/img/og-icon.png" / >
2024-04-04 07:42:54 +01:00
< meta property = "og:type" content = "website" / >
< meta property = "og:url" content = "https://bliss.town" / >
< link rel = "stylesheet" type = "text/css" href = "/style/main.css" >
2024-04-06 22:57:33 +01:00
< script type = "application/javascript" src = "/script/vendor/htmx.min.js" > < / script >
< / head >
< body >
2024-04-04 05:44:19 +01:00
< header >
2024-04-07 00:26:03 +01:00
< nav hx-boost = "true" hx-target = "body" hx-swap = "outerHTML show:window:top" >
2024-04-04 05:44:19 +01:00
< a href = "/" > home< / a >
2024-04-06 22:47:53 +01:00
< span aria-hidden = "true" > -< / span >
2024-04-04 05:44:19 +01:00
< a href = "/links" > links< / a >
2024-04-06 22:47:53 +01:00
< span aria-hidden = "true" > -< / span >
2024-04-04 07:42:54 +01:00
< a href = "/paste" > paste< / a >
2024-04-06 22:47:53 +01:00
< span aria-hidden = "true" > -< / span >
< a href = "https://git.arimelody.me/ari/bliss.town" target = "_blank" > source< / a >
2024-04-04 05:44:19 +01:00
< / nav >
< / header >
2024-04-07 00:26:03 +01:00
< main class = "center-content" >
2024-04-06 22:47:53 +01:00
< div class = "title-icon" >
< img src = "/img/icon-light.svg" class = "icon-light" width = 64 height = 64 / >
< img src = "/img/icon-dark.svg" class = "icon-dark" width = 64 height = 64 / >
< / div >
< h1 > welcome to bliss< span class = "col-primary-bg" > .< / span > town!< / h1 >
2024-04-06 23:07:50 +01:00
< hr >
< p >
we're not hosting much at this domain just yet.
< br >
check back later for updates!
< / p >
2024-04-07 00:26:03 +01:00
< button id = "friendly-button" > friendly button< / button >
< script >
2024-04-07 00:29:51 +01:00
function hook_button() {
const button = document.getElementById("friendly-button");
if (!button) return;
let clicks = 0;
let saved_clicks = window.localStorage.getItem("friendly-button-clicks");
if (saved_clicks) {
clicks = saved_clicks;
button.innerText = `clicked ${clicks} times!`;
}
button.addEventListener("click", () => {
button.innerText = `clicked ${++clicks} times!`;
window.localStorage.setItem("friendly-button-clicks", clicks);
});
2024-04-07 00:26:03 +01:00
}
2024-04-07 00:29:51 +01:00
document.addEventListener("ready", hook_button);
document.addEventListener("htmx:load", hook_button);
2024-04-07 00:26:03 +01:00
< / script >
2024-04-06 23:07:50 +01:00
< / main >
2024-04-03 22:02:51 +01:00
< footer >
2024-04-06 22:47:53 +01:00
< p >
2024-04-06 23:07:50 +01:00
made with < span role = "img" aria-label = "love" > ♥< / span > by < a href = "https://arimelody.me" > ari< / a > , 2024.
2024-04-06 22:47:53 +01:00
< / p >
2024-04-03 22:02:51 +01:00
< / footer >
2024-04-06 23:07:50 +01:00
< / body >
2024-04-03 22:02:51 +01:00
< / html >