<!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="/css/style.css">
    <title>Blog Index</title>
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
</head>
<body>
    <header>
        <nav>
            <a href="/"><i class="material-icons">home</i> Home</a>
            <a href="/blog"><i class="material-icons">book</i>Blog</a>
        </nav>
    </header>
    <h1 class="title">BEAR.OOPS.WTF</h1>
    <div class="center-box">
        <p class="meta">Page created: January 26, 2024</p>
        <p class="meta">Page last modified: January 26, 2024</p>
    </div>
    <article class="article">
        <p>Index of blog posts:</p>
        <div id="blogIndex">
            JavaScript must be enabled for the blog index to work. Otherwise visit <a href="/blogindex.txt">blogindex.txt</a> for a plaintext list.
        </div>
        <script type="text/javascript" src="/blogIndex.min.js"></script>
        <script type="text/javascript">blogIndex();</script>
    </article>
</body>
</html>