chore: clearer organizational distinction between data-generated (dynamic) pages and strictly markdown ones

src/pages/static/about.md

@@ -0,0 +1,42 @@
+---
+title: About
+layout: page
+permalink: /about.html
+---
+{%- assign artist = music.week.artists | first -%}
+{%- assign book = books.all | bookStatus: 'started' | reverse | first -%}
+{%- assign show = tv.recentlyWatched | first -%}
+<div class="avatar-wrapper flex-centered">
+  <div class="interior">
+  {%- capture about_alt -%}{{ globals.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
+  <img
+    srcset="
+      https://cdn.coryd.dev/{{ globals.about }}?class=squaresm 200w,
+      https://cdn.coryd.dev/{{ globals.about }}?class=squaremd 400w,
+      https://cdn.coryd.dev/{{ globals.about }}?class=squarebase 800w,
+      https://cdn.coryd.dev/{{ globals.about }}?class=squarelg 1200w
+    "
+    sizes="(max-width: 450px) 200px,
+      (max-width: 850px) 400px,
+      (max-width: 1000px) 800px,
+      1200px"
+    src="https://cdn.coryd.dev/{{ globals.about }}?class=squarelg"
+    alt="{{ about_alt }}"
+    loading="eager"
+    decoding="async"
+    width="600"
+    height="600"
+  />
+  </div>
+</div>
+<h2 class="page-header text-centered">Hi, I'm Cory</h2>
+
+<strong class="highlight-text">I'm a software developer based in Camarillo, California</strong>. I enjoy hanging out with my beautiful family and 3 rescue dogs, technology, automation, [music](https://coryd.dev/music), [writing](https://coryd.dev/posts), [reading](https://coryd.dev/books), [tv](https://coryd.dev/watching#tv) and [movies](https://coryd.dev/watching#movies). Lately I've been listening to a lot of <strong class="highlight-text">{{ artist.title }}</strong>, reading <strong class="highlight-text">{{ book.title }}</strong> and watching <strong class="highlight-text">{{ show.name }}</strong>.
+
+I build, maintain and design web applications. I've been coding professionally since 2010 with a focus on frontend technologies. I help organize [the Eleventy Meetup](https://11tymeetup.dev) and mentor through [Underdog Devs](https://www.underdogdevs.org).
+
+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.
+
+[You can also see what I'm doing now](/now), [take a look at the links I've shared recently](/links) or [check out the webrings I'm a member of](/webrings).
+
+{% render "partials/blocks/badge-grid.liquid", badges: badges %}

src/pages/static/contact.html

@@ -0,0 +1,48 @@
+---
+title: Contact
+layout: default
+permalink: /contact.html
+description: How to contact me.
+---
+<h2 class="page-header">{{ title }}</h2>
+<div class="contact-wrapper">
+  <div class="column description">
+    <p>Fill out the form to get in touch. Or I've got other options 👇🏻</p>
+    <ul>
+      <li>Ping me on <a href="https://social.lol/@cory">Mastodon</a></li>
+      <li>Message me on Signal or iMessage (if you have my phone number)</li>
+      <li><a href="mailto:{{ globals.email }}">Email me directly</a> if you have a client set up to use <code>mailto:</code> links</li>
+      <li>File an issue on the appropriate repo over at <a href="https://github.com/cdransf">GitHub</a></li>
+    </ul>
+  </div>
+  <form data-form="contact" class="column" method="POST" action="https://coryd.dev/api/contact" name="contact">
+    <label class="hidden">
+      Don't fill this out if you're human: <input type="text" name="hp_name">
+    </label>
+    <label>
+      <span class="hidden">Name</span>
+      <input type="text" name="name" placeholder="Name" required />
+    </label>
+    <label>
+      <span class="hidden">Email</span>
+      <input type="email" name="email" placeholder="Email" required />
+    </label>
+    <textarea name="message" placeholder="Message" required></textarea>
+    <div class="flex-centered justify-centered">
+      <button type="submit">Send message</button>
+    </div>
+  </form>
+</div>
+<script>
+  document.querySelector('[data-form="contact"]').addEventListener('submit', function(event) {
+    if (typeof plausible === 'function') {
+      plausible('Contact form submitted', {
+        props: {
+          name: this.name.value,
+          email: this.email.value,
+          message: this.message.value
+        }
+      })
+    }
+  })
+</script>

src/pages/static/webrings.md

@@ -0,0 +1,13 @@
+---
+title: Webrings
+layout: page
+permalink: /webrings.html
+description: Webrings are awesome! These are the ones I'm a member of.
+---
+<h2 class="page-header">{{ title }}</h2>
+
+[Webrings](https://en.wikipedia.org/wiki/Webring) are _awesome_. I'm a member of a few that follow. Check them out!
+
+{% render "webrings/the-claw.liquid", logo: globals.logo_the_claw %}
+<hr />
+{% render "webrings/css-joy.liquid" %}