68 lines
3.6 KiB
HTML
68 lines
3.6 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: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>
|