Add repository-driven site theme

.theme/templates/404.liquid

@@ -0,0 +1,6 @@
+<section class="error-page">
+  <p class="eyebrow">Error 404</p>
+  <h1>That route does not exist.</h1>
+  <p>The page may have moved, or the address may be incomplete.</p>
+  <a class="button-link" href="/">Return home</a>
+</section>

.theme/templates/content/article.liquid

@@ -0,0 +1,25 @@
+<article class="content-page">
+  <header class="content-header">
+    <p class="eyebrow">Article</p>
+    <h1>{{ page.title }}</h1>
+    {% if page.summary %}
+      <p class="lede">{{ page.summary }}</p>
+    {% endif %}
+    {% if page.published %}
+      <p class="content-meta">Published {{ page.published }}</p>
+    {% endif %}
+  </header>
+  <div class="prose">
+    {{ page.renderedContent | safe_content }}
+  </div>
+  {% if page.tags.size > 0 %}
+    <footer class="content-tags">
+      <p class="visually-hidden">Topics</p>
+      <ul class="tag-list">
+        {% for tag in page.tags %}
+          <li>{{ tag }}</li>
+        {% endfor %}
+      </ul>
+    </footer>
+  {% endif %}
+</article>

.theme/templates/content/page.liquid

@@ -0,0 +1,12 @@
+<article class="content-page">
+  <header class="content-header">
+    <p class="eyebrow">Page</p>
+    <h1>{{ page.title }}</h1>
+    {% if page.summary %}
+      <p class="lede">{{ page.summary }}</p>
+    {% endif %}
+  </header>
+  <div class="prose">
+    {{ page.renderedContent | safe_content }}
+  </div>
+</article>

.theme/templates/content/project.liquid

@@ -0,0 +1,33 @@
+<article class="content-page project-page">
+  <header class="content-header">
+    <p class="eyebrow">Project</p>
+    <h1>{{ page.title }}</h1>
+    {% if page.summary %}
+      <p class="lede">{{ page.summary }}</p>
+    {% endif %}
+    <dl class="project-facts">
+      {% if page.metadata.version %}
+        <div><dt>Version</dt><dd>{{ page.metadata.version }}</dd></div>
+      {% endif %}
+      {% if page.metadata.license %}
+        <div><dt>License</dt><dd>{{ page.metadata.license }}</dd></div>
+      {% endif %}
+      {% if page.metadata.stack.size > 0 %}
+        <div><dt>Stack</dt><dd>{{ page.metadata.stack | join: ", " }}</dd></div>
+      {% endif %}
+    </dl>
+  </header>
+  <div class="prose">
+    {{ page.renderedContent | safe_content }}
+  </div>
+  {% if page.tags.size > 0 %}
+    <footer class="content-tags">
+      <p class="visually-hidden">Topics</p>
+      <ul class="tag-list">
+        {% for tag in page.tags %}
+          <li>{{ tag }}</li>
+        {% endfor %}
+      </ul>
+    </footer>
+  {% endif %}
+</article>

.theme/templates/home.liquid

@@ -0,0 +1,29 @@
+<section class="hero">
+  <p class="eyebrow">Configuration-first publishing</p>
+  <h1>{{ page.title }}</h1>
+  {% if page.summary %}
+    <p class="hero-summary">{{ page.summary }}</p>
+  {% endif %}
+  <div class="prose hero-copy">
+    {{ page.renderedContent | safe_content }}
+  </div>
+</section>
+
+{% if collection.items.size > 0 %}
+  <section class="section-block" aria-labelledby="latest-heading">
+    <div class="section-heading">
+      <p class="eyebrow">From the repository</p>
+      <h2 id="latest-heading">Latest work</h2>
+    </div>
+    <div class="card-grid">
+      {% for item in collection.items %}
+        <article class="card">
+          <p class="card-kind">{{ item.contentModel }}</p>
+          <h3><a href="{{ item.route }}">{{ item.title }}</a></h3>
+          <p>{{ item.summary }}</p>
+          <a class="text-link" href="{{ item.route }}">Read more <span aria-hidden="true">→</span></a>
+        </article>
+      {% endfor %}
+    </div>
+  </section>
+{% endif %}

.theme/templates/layout.liquid

@@ -0,0 +1,44 @@
+<!doctype html>
+<html lang="{{ site.language }}">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="{{ page.summary }}">
+    <meta name="color-scheme" content="dark light">
+    {% if page.type == "home" %}
+      <title>{{ site.title }}</title>
+    {% else %}
+      <title>{{ page.title }} · {{ site.title }}</title>
+    {% endif %}
+    {% for stylesheet in theme.styles %}
+      <link rel="stylesheet" href="{{ stylesheet }}">
+    {% endfor %}
+  </head>
+  <body>
+    <a class="skip-link" href="#main-content">Skip to content</a>
+    <header class="site-header">
+      <div class="shell header-inner">
+        <a class="brand" href="/" aria-label="{{ site.title }} home">
+          <span class="brand-mark" aria-hidden="true">L</span>
+          <span>{{ site.title }}</span>
+        </a>
+        <nav class="site-nav" aria-label="Primary navigation">
+          {% for item in navigation %}
+            <a href="{{ item.route }}"{% if item.route == page.route %} aria-current="page"{% endif %}>{{ item.label }}</a>
+          {% endfor %}
+        </nav>
+      </div>
+    </header>
+
+    <main id="main-content" class="shell">
+      {{ page.body | safe_page_body }}
+    </main>
+
+    <footer class="site-footer">
+      <div class="shell footer-inner">
+        <p><strong>{{ site.title }}</strong> turns Git-owned configuration and content into a dependable website.</p>
+        <p class="footer-meta">Built from immutable sources.</p>
+      </div>
+    </footer>
+  </body>
+</html>

.theme/templates/sections/articles.liquid

@@ -0,0 +1,22 @@
+<section class="page-intro">
+  <p class="eyebrow">Writing</p>
+  <h1>{{ page.title }}</h1>
+  {% if page.summary %}
+    <p class="lede">{{ page.summary }}</p>
+  {% endif %}
+</section>
+
+<section class="listing" aria-label="{{ page.title }}">
+  {% for item in collection.items %}
+    <article class="listing-item">
+      <div>
+        <p class="card-kind">{{ item.contentModel }}</p>
+        <h2><a href="{{ item.route }}">{{ item.title }}</a></h2>
+        <p>{{ item.summary }}</p>
+      </div>
+      <a class="text-link" href="{{ item.route }}" aria-label="Read {{ item.title }}">Read <span aria-hidden="true">→</span></a>
+    </article>
+  {% else %}
+    <p class="empty-state">No articles have been published yet.</p>
+  {% endfor %}
+</section>

.theme/templates/sections/projects.liquid

@@ -0,0 +1,27 @@
+<section class="page-intro">
+  <p class="eyebrow">Projects</p>
+  <h1>{{ page.title }}</h1>
+  {% if page.summary %}
+    <p class="lede">{{ page.summary }}</p>
+  {% endif %}
+</section>
+
+<section class="card-grid" aria-label="{{ page.title }}">
+  {% for item in collection.items %}
+    <article class="card project-card">
+      <p class="card-kind">{{ item.contentModel }}</p>
+      <h2><a href="{{ item.route }}">{{ item.title }}</a></h2>
+      <p>{{ item.summary }}</p>
+      {% if item.tags.size > 0 %}
+        <ul class="tag-list" aria-label="Technologies and topics">
+          {% for tag in item.tags %}
+            <li>{{ tag }}</li>
+          {% endfor %}
+        </ul>
+      {% endif %}
+      <a class="text-link" href="{{ item.route }}">View project <span aria-hidden="true">→</span></a>
+    </article>
+  {% else %}
+    <p class="empty-state">No projects have been published yet.</p>
+  {% endfor %}
+</section>