<!DOCTYPE html>
<html lang="en">
	<head>
		<title><%= title %></title>
	  	<meta charset="utf-8">
	  	<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" type="text/css" href="/css/main.css">
		<link rel="stylesheet" href="/prism/prism.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
		<script src="/prism/prism.js"></script>
		<script src="/js/main.js"></script>
	</head>
	<body>
		<header>
			<h1><i class="fas fa-blog"></i> My Blog</h1>
		</header>
		<nav>
			<button class="menu-btn" onclick="document.querySelector('nav ul').classList.toggle('open')">&#9776; Menu</button>
			<ul>
				<li><a href="/"><i class="fas fa-home"></i> Home</a></li>
				<li><a href="/blog"><i class="fas fa-pen"></i> Blog</a></li>
				<li><a href="/contact"><i class="fas fa-envelope"></i> Contact</a></li>
     		</ul>
		</nav>
		<div id="content">