<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta property="og:url" content="https://leilukin.neocities.org/blog">
        <meta property="og:type" content="website">
        <meta property="og:site_name" content="Leilukin's Hub">
        <meta property="og:title" content="Leilukin's Blog">
        <meta name="author" content="Leilukin">
        <meta property="og:description" content="My blog hosted on my website.">

        <link rel="stylesheet" href="./blog.css" type="text/css" media="all">
        <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
        <link rel="manifest" href="/assets/favicon/site.webmanifest">

        <script src="./blog.js" defer></script>
        
        <title>Blog | Leilukin's Hub</title>
    </head>
    <body>
        <div id="container">
            <div id="header">This site requires JavaScript!</div>
            <div id="content">    
              
                <h1>Welcome to my blog!</h1>
                
                <p>This is a blog that is hosted on my own website. I hope you enjoy your time here!</p>
                
                <div id="recentpostlistdiv"></div>
              
            </div> <!-- end of div id="content" -->
          <div id="footer"></div>
        </div> <!-- end of div id="container" -->    
    </body>
</html>