feat: initial commit

src/pages/sections/posts/index.html

@@ -0,0 +1,34 @@
+---
+title: All posts
+pagination:
+  data: posts.all
+  size: 15
+permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
+---
+{% if pagination.pageNumber == 0 %}
+<h2 class="page-title">Posts</h2>
+<p>These are all of my blog posts on this site (I like some more than others).</p>
+<p>I tend to write about whatever strikes me, with a focus on development, technology, automation or issues I run into with these things. This is all typically light on editing with and heavy on spur of the moment thoughts.</p>
+{% render "blocks/banners/rss.liquid",
+  url: "/feeds/posts.xml",
+  text: "Subscribe to my posts feed or follow along on this page"
+%}
+<hr />
+{% endif %}
+{% for post in pagination.items %}
+<article>
+  <aside>
+    {%- if post.featured -%}{% tablericon "star" %}{%- endif -%}
+    <time datetime="{{ post.date }}">
+      {{ post.date | date: "%B %e, %Y" }}
+    </time>
+  </aside>
+  <h3>
+    <a href="{{ post.url }}">{{ post.title }}</a>
+  </h3>
+  <p>{{ post.description | markdown }}</p>
+</article>
+{% endfor %}
+{% render "nav/paginator.liquid",
+  pagination:pagination
+%}

src/pages/sections/posts/post.html

@@ -0,0 +1,61 @@
+---
+pagination:
+  data: posts.all
+  size: 1
+  alias: post
+permalink: "{{ post.url }}/index.html"
+schema: blog
+---
+<article class="standalone">
+  <aside>
+    {%- if post.featured -%}{% tablericon "star" %}{%- endif -%}
+    <time datetime="{{ post.date }}">
+      {{ post.date | date: "%B %e, %Y" }}
+    </time>
+  </aside>
+  <h3>
+    {{ post.title }}
+  </h3>
+  <div>
+    {% render "blocks/banners/old-post.liquid",
+      isOldPost:post.old_post
+    %}
+    {%- if post.image -%}
+    <img
+      srcset="
+        {{ globals.cdn_url }}{{ post.image }}?class=w200&type=webp 200w,
+        {{ globals.cdn_url }}{{ post.image }}?class=w400&type=webp 400w,
+        {{ globals.cdn_url }}{{ post.image }}?class=w800&type=webp 800w,
+        {{ globals.cdn_url }}{{ post.image }}?class=w1600&type=webp 1600w
+      "
+      sizes="(max-width: 450px) 200px,
+        (max-width: 850px) 400px,
+        (max-width: 1000px) 800px,
+        1200px"
+      src="{{ globals.cdn_url }}{{ post.image }}?class=w200"
+      alt="{{ post.image_alt | replaceQuotes }}"
+      class="image-banner"
+      loading="eager"
+      decoding="async"
+      width="200"
+      height="auto"
+    />
+    {%- endif -%}
+    {{ post.content | markdown }}
+    {% render "blocks/index.liquid",
+      blocks:post.blocks
+    %}
+    {% render "blocks/associated-media.liquid",
+      artists: post.artists,
+      books: post.books,
+      genres: post.genres,
+      movies: post.movies,
+      posts: post.posts,
+      shows: post.shows
+    %}
+    {% render "blocks/banners/mastodon.liquid"
+      url:post.mastodon_url
+    %}
+    {% render "blocks/banners/coffee.liquid" %}
+  </div>
+</article>