cyberfrog.me/templates/base.html

36 lines
2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href=/main.css>
<title>🐸 CyberFrog</title>
</head>
<body id="bg-effect">
<div id="site-content">
<!-- Credits to http://patorjk.com/software/taag/ for the header, made using "ANSI Regular" font -->
<div id="ascii-header"><a href="/"><pre>
██████ ██ ██ ██████ ███████ ██████ ███████ ██████ ██████ ██████ ███ ███ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ████ ██
██ ████ ██████ █████ ██████ █████ ██████ ██ ██ ██ ███ ██ ████ ██ █████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██████ ██ ██████ ███████ ██ ██ ██ ██ ██ ██████ ██████ ██ ██ ██ ███████
</pre></a></div>
<div class="dotted-border"></div>
<main id="main-content">
<div id="welcome-message">
<h1 class="title">Welcome</h1>
<p>This blog is made with 💜 and <a target="_blank" href="https://www.getzola.org">Zola!</a></p>
<p>It's currently running on <a target="_blank" href="https://www.vultr.com">Vultr</a> for free with 500MB of RAM and <a target="_blank" href="https://www.openbsd.org">OpenBSD</a>
</p>
</div>
<div class="dotted-border"></div>
<div class="blog-post-container">
<h3 class="title">View the latest posts</h3>
{% block content %} {% endblock %}
</div>
</main>
</div>
</body>
</html>