34 lines
1.2 KiB
Plaintext
34 lines
1.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&display=swap">
|
|
|
|
<title>
|
|
<%= title %>
|
|
</title>
|
|
|
|
<link rel='stylesheet' href='/stylesheets/style.css' />
|
|
</head>
|
|
|
|
<body>
|
|
<main class="">
|
|
<header class="bg-gray-200 w-full">
|
|
<div class="container mx-auto flex justify-between items-center text-gray-800 py-4">
|
|
<div class="flex items-center">
|
|
<!-- <img src="/images/logo.png" alt="Logo" class="h-8 mr-2"> -->
|
|
<h1 class=""><a class="no-underline!" href="/"><%= title %></a></h1>
|
|
</div>
|
|
<nav id="main-nav" class="flex items-center">
|
|
<ul class="flex space-x-4">
|
|
<li><a href="/" class="text-white hover:text-gray-400">Home</a></li>
|
|
<!-- TODO: Make these routes/pages -->
|
|
<li><a href="/about" class="text-white hover:text-gray-400">About</a></li>
|
|
<li><a href="/contact" class="text-white hover:text-gray-400">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|