@geekity/cms 0.3.0

package/themes/default/layouts/post.njk

@@ -0,0 +1,30 @@
+{% extends "layouts/base.njk" %}
+{% import "partials/tags.njk" as taxonomy %}
+
+{% block content %}
+<article class="post h-entry">
+  <header class="post-header">
+    <h1 class="post-title p-name">{{ title }}</h1>
+    {% if date %}
+    <p class="post-meta">
+      Published
+      <time class="dt-published" datetime="{{ date | date("iso") }}">{{ date | date }}</time>
+      {% if updated %}
+      &middot; updated
+      <time class="dt-updated" datetime="{{ updated | date("iso") }}">{{ updated | date }}</time>
+      {% endif %}
+    </p>
+    {% endif %}
+  </header>
+
+  <div class="post-body e-content">
+    {{ content | safe }}
+  </div>
+
+  {% if tags.length %}
+  <footer class="post-footer">
+    {{ taxonomy.list(tags) }}
+  </footer>
+  {% endif %}
+</article>
+{% endblock %}

package/themes/default/layouts/tag.njk

@@ -0,0 +1,19 @@
+{% extends "layouts/base.njk" %}
+
+{% block title %}Tagged “{{ tag }}”{% if pagination.pageNumber > 0 %}, page {{ pagination.pageNumber + 1 }}{% endif %} · {{ site.title }}{% endblock %}
+
+{% set tagRoot = "/tags/" + (tag | urlencode) + "/" %}
+{% block alternates %}
+{{ super() }}
+    <link rel="alternate" type="application/atom+xml" title="{{ site.title }}: {{ tag }}" href="{{ (tagRoot + "feed.xml") | url }}">
+    <link rel="alternate" type="application/feed+json" title="{{ site.title }}: {{ tag }}" href="{{ (tagRoot + "feed.json") | url }}">
+{% endblock %}
+
+{% block content %}
+<h1 class="page-title">Tagged &ldquo;{{ tag }}&rdquo;</h1>
+<p class="tag-count">
+  {{ pagination.total }} {% if pagination.total == 1 %}entry{% else %}entries{% endif %}.
+</p>
+{% include "partials/post-list.njk" %}
+{% include "partials/pagination.njk" %}
+{% endblock %}

package/themes/default/partials/pagination.njk

@@ -0,0 +1,14 @@
+{# Previous/next pager. Expects `pagination`. Renders nothing on a one-page listing. #}
+{% if pagination.totalPages > 1 %}
+<nav class="pagination" aria-label="Pagination">
+  {% if pagination.href.previous %}
+  <a class="pagination-previous" rel="prev" href="{{ pagination.href.previous | url }}">Newer</a>
+  {% endif %}
+  <span class="pagination-position">
+    Page {{ pagination.pageNumber + 1 }} of {{ pagination.totalPages }}
+  </span>
+  {% if pagination.href.next %}
+  <a class="pagination-next" rel="next" href="{{ pagination.href.next | url }}">Older</a>
+  {% endif %}
+</nav>
+{% endif %}

package/themes/default/partials/post-list.njk

@@ -0,0 +1,24 @@
+{# A list of documents, newest first. Expects `posts`. #}
+{% import "partials/tags.njk" as taxonomy %}
+{% if posts.length %}
+<ol class="post-list">
+  {% for post in posts %}
+  <li class="post-list-item">
+    <article class="post-summary">
+      <h2 class="post-summary-title"><a href="{{ post.url | url }}">{{ post.title }}</a></h2>
+      {% if post.date %}
+      <p class="post-meta">
+        <time datetime="{{ post.date | date("html") }}">{{ post.date | date }}</time>
+      </p>
+      {% endif %}
+      {% if post.description %}
+      <p class="post-summary-description">{{ post.description }}</p>
+      {% endif %}
+      {{ taxonomy.list(post.tags) }}
+    </article>
+  </li>
+  {% endfor %}
+</ol>
+{% else %}
+<p class="empty">Nothing published yet.</p>
+{% endif %}

package/themes/default/partials/tags.njk

@@ -0,0 +1,12 @@
+{# Macros for taxonomy links. Import as `{% import "partials/tags.njk" as taxonomy %}`. #}
+
+{# A list of tag links. Renders nothing when the list is empty. #}
+{% macro list(tags) %}
+{% if tags and tags.length %}
+<ul class="tag-list">
+  {% for tag in tags %}
+  <li><a class="tag" href="{{ ("/tags/" + (tag | urlencode) + "/") | url }}">{{ tag }}</a></li>
+  {% endfor %}
+</ul>
+{% endif %}
+{% endmacro %}

package/themes/default/static/style.css

@@ -0,0 +1,327 @@
+/*
+ * The default theme's only stylesheet. Plain CSS, no build step, no
+ * dependencies: a site that wants something else drops its own
+ * `theme/static/style.css` in and this file is never read again.
+ */
+
+:root {
+  color-scheme: light dark;
+
+  --measure: 38rem;
+  --gutter: 1.25rem;
+
+  --ink: #17181c;
+  --ink-muted: #5b6070;
+  --paper: #fdfdfc;
+  --paper-sunk: #f2f2ef;
+  --rule: #dcdcd6;
+  --accent: #1c4fd8;
+  --accent-visited: #6b3fb8;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --ink: #e8e8ea;
+    --ink-muted: #a0a4b2;
+    --paper: #16171a;
+    --paper-sunk: #1e2024;
+    --rule: #32343a;
+    --accent: #86aaff;
+    --accent-visited: #c3a8f5;
+  }
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+  padding: 0 var(--gutter);
+  background: var(--paper);
+  color: var(--ink);
+  font:
+    1rem/1.6 system-ui,
+    -apple-system,
+    'Segoe UI',
+    Roboto,
+    sans-serif;
+  text-rendering: optimizeLegibility;
+}
+
+a {
+  color: var(--accent);
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.15em;
+}
+
+a:visited {
+  color: var(--accent-visited);
+}
+
+.skip-link {
+  position: absolute;
+  left: -9999px;
+}
+
+.skip-link:focus {
+  position: static;
+  display: inline-block;
+  padding: 0.5rem;
+}
+
+/* Header and footer */
+
+.site-header,
+.site-footer,
+.site-main {
+  max-width: var(--measure);
+  margin-inline: auto;
+}
+
+.site-header {
+  padding: 2.5rem 0 1.5rem;
+  border-bottom: 1px solid var(--rule);
+}
+
+.site-title {
+  margin: 0;
+  font-size: 1.35rem;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+}
+
+.site-title a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.site-tagline {
+  margin: 0.35rem 0 0;
+  color: var(--ink-muted);
+}
+
+.site-main {
+  padding: 2rem 0 3rem;
+}
+
+.site-footer {
+  padding: 1.5rem 0 3rem;
+  border-top: 1px solid var(--rule);
+  color: var(--ink-muted);
+  font-size: 0.9rem;
+}
+
+.site-colophon {
+  display: inline-block;
+}
+
+/* Titles */
+
+.page-title,
+.post-title {
+  margin: 0 0 0.35rem;
+  font-size: 1.9rem;
+  line-height: 1.2;
+  letter-spacing: -0.02em;
+}
+
+.post-meta {
+  margin: 0 0 1.75rem;
+  color: var(--ink-muted);
+  font-size: 0.9rem;
+}
+
+/* Listings */
+
+.post-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.post-list-item + .post-list-item {
+  margin-top: 2.25rem;
+  padding-top: 2.25rem;
+  border-top: 1px solid var(--rule);
+}
+
+.post-summary-title {
+  margin: 0 0 0.3rem;
+  font-size: 1.3rem;
+  line-height: 1.3;
+}
+
+.post-summary-title a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.post-summary-title a:hover,
+.post-summary-title a:focus {
+  text-decoration: underline;
+}
+
+.post-summary .post-meta {
+  margin-bottom: 0.5rem;
+}
+
+.post-summary-description {
+  margin: 0 0 0.5rem;
+}
+
+.empty,
+.tag-count {
+  color: var(--ink-muted);
+}
+
+/* Tags */
+
+.tag-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+  margin: 0.75rem 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+.tag {
+  display: inline-block;
+  padding: 0.1rem 0.5rem;
+  border: 1px solid var(--rule);
+  border-radius: 999px;
+  background: var(--paper-sunk);
+  color: var(--ink-muted);
+  font-size: 0.8rem;
+  text-decoration: none;
+}
+
+.tag:hover,
+.tag:focus {
+  color: var(--ink);
+}
+
+/* Pagination */
+
+.pagination {
+  display: flex;
+  gap: 1rem;
+  align-items: baseline;
+  justify-content: space-between;
+  margin-top: 3rem;
+  padding-top: 1.25rem;
+  border-top: 1px solid var(--rule);
+  font-size: 0.9rem;
+}
+
+.pagination-position {
+  color: var(--ink-muted);
+}
+
+.pagination-previous {
+  margin-inline-end: auto;
+}
+
+.pagination-next {
+  margin-inline-start: auto;
+}
+
+/* Body copy */
+
+.post-body,
+.page-body {
+  overflow-wrap: break-word;
+}
+
+.post-body > :first-child,
+.page-body > :first-child {
+  margin-top: 0;
+}
+
+.post-body h2,
+.page-body h2 {
+  margin-top: 2.25rem;
+  font-size: 1.35rem;
+  line-height: 1.3;
+}
+
+.post-body h3,
+.page-body h3 {
+  margin-top: 1.75rem;
+  font-size: 1.1rem;
+}
+
+.post-body img,
+.page-body img {
+  max-width: 100%;
+  height: auto;
+}
+
+.post-body blockquote,
+.page-body blockquote {
+  margin-inline: 0;
+  padding-inline-start: 1rem;
+  border-inline-start: 3px solid var(--rule);
+  color: var(--ink-muted);
+}
+
+.post-body pre,
+.page-body pre {
+  overflow-x: auto;
+  padding: 0.9rem 1rem;
+  border-radius: 6px;
+  background: var(--paper-sunk);
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.post-body code,
+.page-body code {
+  padding: 0.1em 0.3em;
+  border-radius: 4px;
+  background: var(--paper-sunk);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.9em;
+}
+
+.post-body pre code,
+.page-body pre code {
+  padding: 0;
+  background: none;
+  font-size: inherit;
+}
+
+.post-body table,
+.page-body table {
+  display: block;
+  overflow-x: auto;
+  border-collapse: collapse;
+}
+
+.post-body th,
+.post-body td,
+.page-body th,
+.page-body td {
+  padding: 0.4rem 0.75rem;
+  border: 1px solid var(--rule);
+  text-align: start;
+}
+
+.footnotes {
+  margin-top: 2.5rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--rule);
+  color: var(--ink-muted);
+  font-size: 0.9rem;
+}
+
+.post-footer {
+  margin-top: 2.5rem;
+}