129 lines
3.4 KiB
HTML
129 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http_equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>
|
|
MonoTab Blog
|
|
</title>
|
|
|
|
<link rel="stylesheet" href="/css/mono.css">
|
|
<link rel="stylesheet" href="/css/responsive.css">
|
|
<meta name="description" content="A simple blog built with Elixir and Tableau">
|
|
</head>
|
|
|
|
<body class="mono-all">
|
|
<aside>
|
|
<nav>
|
|
<h1><a href="/">MonoTab Blog</a></h1>
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/posts/">Posts</a></li>
|
|
<li><a href="/about/">About</a></li>
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
|
|
<main>
|
|
<section>
|
|
<h2>About</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi velit felis, fermentum id dolor luctus, pellentesque aliquam dui. In hac habitasse platea dictumst. Cras non erat sed risus aliquet molestie eu eget massa.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Technology Stack</h2>
|
|
<p>This blog is built using:</p>
|
|
<ul>
|
|
<li>
|
|
<a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
|
|
- Static site generator for Elixir
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/artalar/mono" target="_blank">Mono</a>
|
|
- A brutalist CSS framework for clean, semantic styling
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Our Philosophy</h2>
|
|
<p>
|
|
Proin nec sem vitae neque vehicula sagittis. Curabitur placerat, magna vel sodales rutrum, turpis massa cursus justo, quis faucibus nisl ante non est. Quisque eget dui venenatis, luctus ligula eget, malesuada nisl.
|
|
</p>
|
|
</section>
|
|
|
|
<section class="about-contact">
|
|
<h2>Get in Touch</h2>
|
|
<p>
|
|
Interested in contributing or have questions? Feel free to reach out through
|
|
our community channels or open an issue on our GitHub repository.
|
|
</p>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>
|
|
© 2025 MonoTab Blog. Built with
|
|
<a href="https://github.com/artalar/mono" target="_blank">Mono</a>
|
|
and <a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
|
|
</p>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
|
|
|
|
<script>
|
|
function log(message) {
|
|
if (true) {
|
|
console.log(`[web_dev_utils] ${message}`)
|
|
}
|
|
}
|
|
function connect() {
|
|
try {
|
|
window.socket = new WebSocket('ws://' + location.host + '/ws');
|
|
|
|
window.socket.onmessage = function(e) {
|
|
if (e.data === "reload") {
|
|
log("reloading!");
|
|
location.reload();
|
|
} else if (e.data === "subscribed") {
|
|
log("connected and subscribed!");
|
|
}
|
|
}
|
|
|
|
window.socket.onopen = () => {
|
|
waitForConnection(() => {
|
|
log("sending 'subscribe' message");
|
|
window.socket.send("subscribe")
|
|
}
|
|
, 300);
|
|
};
|
|
|
|
window.socket.onclose = () => {
|
|
setTimeout(() => connect(), 500);
|
|
};
|
|
|
|
function waitForConnection(callback, interval) {
|
|
log("waiting for connection!")
|
|
if (window.socket.readyState === 1) {
|
|
callback();
|
|
} else {
|
|
log("setting a timeout")
|
|
setTimeout(() => waitForConnection(callback, interval), interval);
|
|
}
|
|
}
|
|
} catch (e) {
|
|
log(e);
|
|
setTimeout(() => connect(), 500);
|
|
}
|
|
}
|
|
|
|
log("about to connect");
|
|
connect();
|
|
</script>
|
|
|
|
|
|
</html> |