blog.html

<!-- blog.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
    <title>Dame's Blog</title>
    <link rel="stylesheet" href="/css/styles.css">
    <link rel="alternate" type="application/rss+xml" title="RSS Feed for Dame's Blog" href="/feed.xml">
</head>
<body>
    <!-- Navigation -->
    <div id="nav"></div>

    <main>
        <h1>/blog</h1>
        <div id="loading-blog">Loading...</div>
        <div id="blog-feed"></div>
        <button id="see-more-blog">See More Posts</button>
    </main>

    <!-- Footer -->
    <div id="footer"></div>

    <script src="/js/main.js"></script> <!-- Ensure this is loaded before inline scripts -->
</body>
</html>