Aaron Crowder avatar

Aaron Crowder

Hi, I'm Aaron Crowder. Or—if you know me online—CrowderSoup.

Father of two, Software developer, and lover of the open web. I like to take things apart (and sometimes even put them back together). I can frequently be found tinkering with some bit of code in my spare time.

Pronouns: He/Him, They/Them

  1. a Jif peanut butter jar and a Nutella jar with swapped lids

Just ADHD things…

I somehow managed to put the Jif Peanut butter lid on the Nutella and the Nutella lid on the Jif and put them both away 😂

  1. screenshot of theme settings and color picker
    The color glow is such a vibe

I'm implementing custom theme settings! This is something I had the idea for late one night last week. You define the settings you want in your theme's theme.json like this:

{
  ...
  "settings": {
    "fields": {
      "accent_color": {
        "type": "color",
        "label": "Accent color",
        "default": "#cc3f2e"
      },
      "background_color": {
        "type": "color",
        "label": "Background color",
        "default": "#f8f4ef"
      },
      "max_width": {
        "type": "string",
        "label": "Layout max width",
        "default": "72rem",
        "help": "Used for the main content column."
      }
    },
    "groups": [
      {
        "label": "Colors",
        "fields": ["accent_color", "background_color"]
      },
      {
        "label": "Layout",
        "fields": ["max_width"]
      }
    ]
  }
}

The result is the UI you see above! Then they can be used your theme like this:

<style>
    :root {
        --accent: {{ theme.settings.accent_color|default:"#cc3f2e" }};
        --bg: {{ theme.settings.background_color|default:"#f8f4ef" }};
    }
</style>

This seems like a small feature but it gives users and theme devs a ton of flexibility! I'm exicted to someday see how people use it.

  1. Pepe Gaka
    Closer Up look at the cellist
  2. Pepe Gaka
    Most of the mural!

Today Azure and I went wandering around downtown St. George. We stumbled across this street art by Pepe Gaka and I had to take a picture to look up later.

Someday I'm going to finally build my app to map and tag street art!

  1. screenshot of new photo slider
    New Photo Slider Controls!
  2. screenshot of link preview
    Bonus: Link Previews!

I'm making this a photo post because the photo slider got an upgrade.

Previously it was purely HTML/CSS which is fine. However, I decided to progresively enhance it with some simple JS to add some controls to make scrolling more smooth.

As a bonus I also added Open Graph data to every page. Now when you share links to my blog the link previews work!