60 lines
2.9 KiB
HTML
60 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ page.title }} - {{ site.title }}</title>
|
|
<meta name="description" content="{{ page.description | default: site.description }}">
|
|
<link rel="stylesheet" href="{{ '/assets/css/tailwind.css' | relative_url }}">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
{% seo %}
|
|
{% feed_meta %}
|
|
</head>
|
|
<body class="bg-slate-900 text-slate-100 font-mono min-h-screen flex flex-col">
|
|
<header class="bg-slate-800 border-b border-slate-700">
|
|
<nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between h-16">
|
|
<div class="flex">
|
|
<div class="flex-shrink-0 flex items-center">
|
|
<a href="{{ '/' | relative_url }}" class="text-2xl font-bold text-cyan-400 hover:text-cyan-300">
|
|
hackmarine
|
|
</a>
|
|
</div>
|
|
<div class="hidden sm:ml-6 sm:flex sm:space-x-8">
|
|
<a href="{{ '/' | relative_url }}" class="text-slate-300 hover:text-cyan-400 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-cyan-400 text-sm font-medium">
|
|
~/home
|
|
</a>
|
|
<a href="{{ '/projects' | relative_url }}" class="text-slate-300 hover:text-cyan-400 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-cyan-400 text-sm font-medium">
|
|
~/projects
|
|
</a>
|
|
<a href="{{ '/blog' | relative_url }}" class="text-slate-300 hover:text-cyan-400 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-cyan-400 text-sm font-medium">
|
|
~/blog
|
|
</a>
|
|
<a href="{{ '/about' | relative_url }}" class="text-slate-300 hover:text-cyan-400 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-cyan-400 text-sm font-medium">
|
|
~/about
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="flex-grow max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
<div class="prose prose-invert max-w-7xl">
|
|
{{ content }}
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="bg-slate-800 border-t border-slate-700 mt-auto">
|
|
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
|
|
<div class="text-center text-slate-400 text-sm">
|
|
<p class="font-mono">// All content is open source and available under MIT License</p>
|
|
<p class="mt-2 text-xs">© {{ site.time | date: '%Y' }} hackmarine</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|