pages.html

---
layout: page
title: Pages
header: All Pages
---

<section class="section" style="padding-top: 100px;">
  <div class="container" style="max-width: 780px;">
    <a href="/" style="color: var(--text-muted); font-size: 0.85rem; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 32px;">
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
      Back to Home
    </a>
    
    <h1 style="font-size: 2rem; font-weight: 800; margin-bottom: 40px;">Pages</h1>
    
    {% if site.pages.size > 0 %}
    <div style="display: flex; flex-direction: column; gap: 12px;">
      {% for page in site.pages %}
      {% if page.layout != 'page' %}{% continue %}{% endif %}
      {% assign excluded = "404.html,archive.html,categories.html,tags.html,pages.html,index.html" | split: "," %}
      {% unless excluded contains page.path %}
      <div class="glass-card" style="padding: 16px 20px;">
        <a href="{{ page.url }}" style="color: var(--text-primary); font-weight: 600; font-size: 0.95rem;">{{ page.title | default: page.name | replace: '-', ' ' | replace: '.html', '' }}</a>
      </div>
      {% endunless %}
      {% endfor %}
    </div>
    {% else %}
    <p style="color: var(--text-muted);">No pages yet.</p>
    {% endif %}
  </div>
</section>