<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>One Man Shouting</title>
    <meta name="description" content="Trying to change the world, one thought at a time">
    <link rel="icon" type="image/svg+xml" href="favicon.svg">
    <link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <a href="#main-content" class="skip-link">Skip to content</a>
    <div class="nav-overlay" id="navOverlay" aria-hidden="true"></div>
    <button class="menu-toggle" id="menuToggle" aria-label="Toggle navigation menu" aria-expanded="false">&#9776;</button>
    <div class="site-wrapper">
        <nav class="nav-sidebar" id="navSidebar" role="navigation" aria-label="Post navigation">
            <div class="nav-header">
                <h1><a href="#" id="homeLink">One Man Shouting</a></h1>
                <div class="nav-tagline">Trying to change the world, one thought at a time</div>
            </div>
            <div class="nav-controls">
                <input type="search" class="nav-search" id="searchInput"
                       placeholder="Search posts..." aria-label="Search posts"
                       autocomplete="off">
                <div class="nav-filters" id="filterContainer" role="group" aria-label="Filter by category">
                </div>
            </div>
            <div class="nav-list-container" id="navListContainer">
                <div class="nav-list" id="navList" role="list">
                </div>
            </div>
            <div class="nav-footer">
                <div class="nav-footer-row">
                    <span id="postCount"></span>
                    <a href="rss.xml" aria-label="RSS Feed">RSS</a>
                </div>
                <div class="nav-footer-row" id="footerLicense"></div>
                <div class="nav-footer-row" id="footerVersion"></div>
            </div>
        </nav>
        <main class="content-area" id="main-content" tabindex="-1">
        </main>
    </div>
    <script src="app.js" defer></script>
</body>
</html>