chore: bug fixes, organization, metadata

src/pages/main/about.md

@@ -0,0 +1,25 @@
+---
+title: About
+layout: default
+permalink: /about.html
+---
+{%- assign artist = music.artists | first -%}
+{%- assign book = books | bookStatus: 'started' | reverse | first -%}
+{%- assign show = tv | first -%}
+<div class="avatar-wrapper flex-centered">
+  <div class="interior">
+  {%- capture about_alt -%}{{ meta.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
+  {% image 'https://coryd.dev/.netlify/images/?url=/assets/img/default.png&w=600', about_alt, '', 'eager' %}
+  </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/now#artists), writing, [reading](https://coryd.dev/now#books), [tv](https://coryd.dev/now#tv) and [movies](https://coryd.dev/now#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/widgets/badge-grid.liquid" %}

src/pages/main/feeds.md

@@ -0,0 +1,15 @@
+---
+title: Feeds
+layout: default
+permalink: /feeds.html
+description: 'Content feeds exposed by and generated from my site.'
+---
+
+<h2 class="page-header">{{ title }}</h2>
+
+These are web feeds, also known as [RSS](https://en.wikipedia.org/wiki/RSS) or [Atom](https://en.wikipedia.org/wiki/Atom_(web_standard)) feeds. Subscribe by copying the URL from the address bar into your newsreader. Visit [About Feeds](https://aboutfeeds.com) to get started with newsreaders and subscribing. It's free.
+
+- Posts ([RSS](https://feedpress.me/coryd) • [JSON](https://feedpress.me/coryd.json)): posts from my site.
+- Links ([RSS](https://feedpress.me/coryd-links) • [JSON](https://feedpress.me/coryd-links.json)): links I've liked.
+- Books ([RSS](https://feedpress.me/coryd-books) • [JSON](https://feedpress.me/coryd-books.json)): books I'm currently reading.
+- Movies ([RSS](https://feedpress.me/coryd-movies) • [JSON](https://feedpress.me/coryd-books.json)): movies I've watched recently.

src/pages/main/now.html

@@ -0,0 +1,51 @@
+---
+title: Now
+layout: now
+permalink: /now.html
+description: "See what I'm doing now."
+---
+<h2 class="section-header flex-centered">
+  {% tablericon "clock-heart" "Currently" %}
+  Currently
+</h2>
+<div class="now-text">
+    {% render "partials/now/status.liquid", status:status %}
+  <p>
+    {% tablericon "map-2" "Map" %}
+    Living in Camarillo, California with <strong class="highlight-text">my beautiful family, 3 rescue dogs and a guinea pig</strong>.
+  </p>
+  <p>
+    {% tablericon "play-basketball" "NBA - Lakers" %}
+    Rooting for the <a href="https://lakers.com">Lakers</a>. 💜💛
+  </p>
+  <p>
+    {% tablericon "headphones" "Listening to" %}
+    Listening to tracks like <strong class="highlight-text">{{ music.nowPlaying.track }}</strong> by <strong class="highlight-text">{{ music.nowPlaying.artist }}</strong>.
+  </p>
+  <p>
+    {% tablericon "needle" "Getting tattooed" %}
+    <a href="https://coryd.dev/posts/2024/on-getting-tattooed/">Getting tattooed</a>.
+  </p>
+</div>
+<h2 class="section-header flex-centered">
+  {% tablericon "terminal-2" "Making" %}
+  Making
+</h2>
+<div class="now-text">
+  <p>
+    {% tablericon "code" "Hacking" %}
+    Hacking away on projects like this page, my <a href="/">blog</a>, and whatever else I can find time for.
+  </p>
+  <p>
+    {% tablericon "hand-stop" "Ad and tracker-blocking" %}
+    Assembling lists of <a href="https://github.com/cdransf/awesome-adblock">ad and tracker-blocking tools</a>.
+  </p>
+  <p>
+    {% tablericon "brand-javascript" "JavaScript" %}
+    <a href="https://www.npmjs.com/~cdransf">Fiddling with simple web components</a>.
+  </p>
+  <p>
+    {% tablericon "robot-off" "AI crawlers" %}
+    <a href="https://github.com/ai-robots-txt/ai.robots.txt">Encouraging folks to block AI web crawlers</a>.
+  </p>
+</div>

src/pages/main/search.html

@@ -0,0 +1,59 @@
+---
+title: Search
+description: "Search through and find the posts on my site."
+layout: default
+permalink: /search.html
+---
+<script src="/assets/scripts/components/minisearch.js"></script>
+<script type="module">
+  (() => {
+    const miniSearch = new MiniSearch({
+      fields: ['title', 'text', 'tags']
+    })
+
+    const $form = document.querySelector('.search__form')
+    const $input = document.querySelector('.search__form--input')
+    const $fallback = document.querySelector('.search__form--fallback')
+    const $results = document.querySelector('.search__results')
+
+    // remove noscript fallbacks
+    $form.removeAttribute('action')
+    $form.removeAttribute('method')
+    $fallback.remove()
+
+    const index = {{ collections.searchIndex | json }}
+    const resultsById = index.reduce((byId, result) => {
+      byId[result.id] = result
+      return byId
+    }, {})
+    miniSearch.addAll(index)
+
+    $input.addEventListener('input', () => {
+      const query = $input.value
+      const results = (query.length > 1) ? getSearchResults(query) : []
+      if (query === '') renderSearchResults([])
+      if (results && window.clicky) clicky.log('/search', query, 'click')
+      renderSearchResults(results)
+    })
+
+    const getSearchResults = (query) => miniSearch.search(query, { prefix: true, fuzzy: 0.2, boost: { title: 2 } }).map(({ id }) => resultsById[id])
+    const renderSearchResults = (results) => {
+      $results.innerHTML = results.map(({ title, url }) => {
+        return `<li class="search__results--result"><a href="${url}">${title}</a></li>`
+      }).join('\n')
+
+      if (results.length > 0) {
+        $results.classList.remove('hidden')
+      } else {
+        $results.classList.add('hidden')
+      }
+    }
+  })();
+</script>
+<form class="search__form" action="https://duckduckgo.com" method="get">
+  <input class="search__form--input" placeholder="Search" type="search" name="q" autocomplete="off" autofocus>
+  <input class="search__form--fallback" type="hidden" placeholder="Search" name="sites" value="coryd.dev">
+</form>
+<ul class="search__results hidden"></ul>
+{% render "partials/widgets/tags.liquid", tags:collections.tagsSortedByCount, hasSpace:true %}
+{% render "partials/widgets/addon-links.liquid", posts:collections.posts, analytics:analytics, links:collections.links %}