website/layout/page.html

52 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ title }}</title>
<meta property="og:title" content="{{ title }}" />
<meta property="og:description" content="{{ description }}" />
<meta charset="UTF-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1" />
<link rel="stylesheet" href="assets/css/index.css" />
<link rel="stylesheet" href="{{ page_assets }}/css/main.css" />
<!-- Mastodon -->
<link rel="me" href="https://{{ mastodon_instance_url }}/{{ mastodon_handle }}" />
</head>
<body>
<div class="horizontal-center">
<div class="vertical header">
<div id="header" class="horizontal">
<img class="avatar" src="{{ page_assets }}/img/avatar.jpg" alt="" />
<div class="vertical-center">
<span class="name-title">Alexander "PapaTutuWawa"</span>
<div id="header-links">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="https://{{ blog_url }}">Blog</a></li>
<li><a href="code.html">Code</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
{{ content }}
<br />
<div class="horizontal-center footer">
Created by <i>PapaTutuWawa</i> with &lt;3 using
<a href="https://github.com/google/roboto">Roboto</a>,
<a href="https://github.com/RedHatOfficial/Overpass">Overpass</a> and
<a href="https://github.com/sunainapai/makesite">makesite</a>
</div>
</div>
</div>
</body>
</html>