<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="main.css?nocache=1756058743">
<link rel="icon" type="image/x-icon" href="./assets/icons/favicon.ico">
<title>mewizard</title>
</head>
<body>
<header>
<a href="home.html" class="title"><img src="./assets/title.png" alt="mewizard"></a>
</header>
<div class="grid">
<div class="sidebar">
<nav>
<ul>
<a href="/home.html" class="navlink"><li class="navtext navtext--first">home</li></a>
<a class="navlink dropdown__btn"><li class="navtext">about</li></a>
<div class="dropdown__menu">
<a href="/about/me.html" class="navlink"><li class="navtext">me</li></a>
<a href="/about/site.html" class="navlink"><li class="navtext">the site</li></a>
</div>
<a href="/work.html" class="navlink"><li class="navtext">my work</li></a>
<a href="/blog.html" class="navlink"><li class="navtext">blog</li></a>
<a href="/links.html" class="navlink"><li class="navtext">links</li></a>
<a href="/guestbook.html" class="navlink"><li class="navtext navtext--current">guestbook</li></a>
</ul>
<script src="/scripts/toggleDropdown.js"></script>
</nav>
</div>
<div class="content">
<iframe src="https://mewizard.atabook.org/" title="guestbook" id="guestbook"></iframe>
</div>
</div>
</body>
</html>