<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="icon" type="image/svg+xml" href="{{ '/assets/img/theta42.svg' | relative_url }}">

	{% seo title=false %}
	<title>{% if page.title %}{{ page.title }} &middot; {% endif %}{{ site.title }}</title>

	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
	<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">

	<script defer src="https://tracking.718it.biz/script.js" data-website-id="a5df0dec-6c54-4c1a-a167-02867a56e2cc"></script>
</head>
<body class="d-flex flex-column min-vh-100">

	<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
		<div class="container-fluid px-3">
			<a class="navbar-brand d-flex align-items-center" href="{{ '/' | relative_url }}">
				<img src="{{ '/assets/img/theta42.svg' | relative_url }}" height="28" class="me-2" alt="">
				{{ site.title }}
			</a>
			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navMain" aria-controls="navMain" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse justify-content-end" id="navMain">
				<ul class="navbar-nav">
					{% for item in site.nav %}
					<li class="nav-item">
						{% if item.page %}
						<a class="nav-link{% if page.url == item.page %} active{% endif %}" href="{{ item.page | relative_url }}">
							{% if item.icon %}<i class="fa-solid {{ item.icon }}"></i>{% endif %} {{ item.title }}
						</a>
						{% else %}
						<a class="nav-link" href="{{ item.url }}" target="_blank" rel="noopener">
							{% if item.icon %}<i class="fa-solid {{ item.icon }}"></i>{% endif %} {{ item.title }}
						</a>
						{% endif %}
					</li>
					{% endfor %}
				</ul>
			</div>
		</div>
	</nav>

	<main class="flex-grow-1" style="margin-top: 4.5rem;">
		<div class="container-fluid py-4 py-md-5">
			<div class="row justify-content-center">
				<div class="col-12 col-lg-10 col-xl-8">
					<div class="card shadow-lg">
						<div class="card-body p-4 p-md-5 site-content">
							{{ content }}
						</div>
					</div>
				</div>
			</div>
		</div>
	</main>

	<footer class="py-3 bg-dark text-light mt-auto">
		<div class="container-fluid d-flex flex-wrap justify-content-between align-items-center small gap-2 px-3">
			<span class="d-flex align-items-center gap-2">
				<a href="https://theta42.com" target="_blank" rel="noopener">
					<img width="40" src="{{ '/assets/img/theta42.svg' | relative_url }}" alt="theta42">
				</a>
				&copy; {{ 'now' | date: '%Y' }} theta42 &middot;
				<a href="{{ site.github.repository_url }}/blob/master/LICENSE" target="_blank" rel="noopener" class="text-light">MIT License</a>
			</span>
			<span class="d-flex align-items-center gap-3">
				<a href="{{ site.github.repository_url }}" target="_blank" rel="noopener" class="text-light text-decoration-none">
					<i class="fa-brands fa-github"></i> GitHub
				</a>
				<a href="{{ site.github.repository_url }}/blob/master/CHANGELOG.md" target="_blank" rel="noopener" class="text-light text-decoration-none">
					<i class="fa-solid fa-list"></i> Changelog
				</a>
			</span>
		</div>
	</footer>

	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
