bliss.town/public/index.html

69 lines
3.7 KiB
HTML
Raw Normal View History

2024-04-03 21:02:51 +00:00
<!DOCTYPE html>
<html>
2024-04-06 22:07:50 +00:00
<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">
2024-04-04 06:42:54 +00:00
<meta property="og:site_name" content="🏕️ bliss town" />
<meta property="og:title" content="welcome to bliss town!" />
2024-04-06 23:58:46 +00:00
<meta property="og:image" content="https://bliss.town/img/og-icon.png" />
2024-04-04 06:42:54 +00: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 21:57:33 +00:00
<script type="application/javascript" src="/script/vendor/htmx.min.js"></script>
</head>
<body>
2024-04-04 04:44:19 +00:00
<header>
2024-04-06 23:26:03 +00:00
<nav hx-boost="true" hx-target="body" hx-swap="outerHTML show:window:top">
2024-04-04 04:44:19 +00:00
<a href="/">home</a>
<span aria-hidden="true">-</span>
2024-04-04 04:44:19 +00:00
<a href="/links">links</a>
<span aria-hidden="true">-</span>
2024-04-04 06:42:54 +00:00
<a href="/paste">paste</a>
<span aria-hidden="true">-</span>
<a href="https://git.arimelody.me/ari/bliss.town" target="_blank">source</a>
2024-04-04 04:44:19 +00:00
</nav>
</header>
2024-04-06 23:26:03 +00:00
<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>
2024-04-06 22:07:50 +00:00
<hr>
<p>
we're not hosting much at this domain just yet.
<br>
check back later for updates!
</p>
2024-04-06 23:26:03 +00:00
<button id="friendly-button">friendly button</button>
<script>
2024-04-06 23:29:51 +00: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-06 23:26:03 +00:00
}
2024-04-06 23:29:51 +00:00
document.addEventListener("ready", hook_button);
document.addEventListener("htmx:load", hook_button);
2024-04-06 23:26:03 +00:00
</script>
2024-04-06 22:07:50 +00:00
</main>
2024-04-03 21:02:51 +00:00
<footer>
<p>
2024-04-06 22:07:50 +00:00
made with <span role="img" aria-label="love"></span> by <a href="https://arimelody.me">ari</a>, 2024.
</p>
2024-04-03 21:02:51 +00:00
</footer>
2024-04-06 22:07:50 +00:00
</body>
2024-04-03 21:02:51 +00:00
</html>