<%- include('partials/top') %>
<main>
  <h1>Welcome to My Website</h1>

  <section class="blog-post">
    <div class="post-meta">
      CONNECTION ESTABLISHED • THE WIRED IS LISTENING • © <%= new Date().getFullYear() %>
    </div>

    <p>
      This website is a Node.js + Express project that automatically turns markdown files into blog pages.
      It includes a blog index, dynamic routes, syntax-highlighted code blocks (PrismJS), and an accessible contact form.
    </p>

    <h2>Quick Access</h2>
    <ul class="blog-list">
      <li class="blog-card">
        <a href="/blog">Browse blog posts</a>
        <div class="blog-meta">Web dev, DevOps, and accessibility research.</div>
      </li>
      <li class="blog-card">
        <a href="/blog/web-accessibility-by-Jacob-Evenson">Accessibility research</a>
        <div class="blog-meta">ARIA attributes + best practices + examples.</div>
      </li>
      <li class="blog-card">
        <a href="/contact">Open contact terminal</a>
        <div class="blog-meta">Client-side validation + server-side email.</div>
      </li>
    </ul>
  </section>
</main>
<%- include('partials/bottom') %>