bliss.town/public/index.html

69 lines
3.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" value="width=device-width, initial-scale=1">
<title>bliss town</title>
<link rel="icon" type="image/x-icon" href="/img/favicon.png">
<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" />
<link rel="stylesheet" type="text/css" href="/style/main.css">
<script type="application/javascript" src="/script/vendor/htmx.min.js"></script>
</head>
<body>
<header>
<nav hx-boost="true" hx-target="body" hx-swap="outerHTML show:window:top">
<a href="/">home</a>
<span aria-hidden="true">-</span>
<a href="/links">links</a>
<span aria-hidden="true">-</span>
<a href="/paste">paste</a>
<span aria-hidden="true">-</span>
<a href="https://git.arimelody.me/ari/bliss.town" target="_blank">source</a>
</nav>
</header>
<main class="center-content">
<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>
<hr>
<p>
we're not hosting much at this domain just yet.
<br>
check back later for updates!
</p>
<button id="friendly-button">friendly button</button>
<script>
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);
});
}
document.addEventListener("ready", hook_button);
document.addEventListener("htmx:load", hook_button);
</script>
</main>
<footer>
<p>
made with <span role="img" aria-label="love"></span> by <a href="https://arimelody.me">ari</a>, 2024.
</p>
</footer>
</body>
</html>