<?xml version="1.0" encoding="UTF-8"?>
<feed xml:lang="en-US"
      xmlns="http://www.w3.org/2005/Atom"
      xmlns:activity="http://activitystrea.ms/spec/1.0/"
      xmlns:georss="http://www.georss.org/georss"
      xmlns:ostatus="http://ostatus.org/schema/1.0"
      xmlns:thr="http://purl.org/syndication/thread/1.0"
      xml:base="https://alabut.com/projects/microformats/mainfeed/static/">
<generator uri="https://granary.io/">granary</generator>
<id>https://alabut.com/projects/microformats/mainfeed/static/</id>
<title>Al Abut</title>


<updated>2025-12-05T22:33:00+00:00</updated>
<author>
 <activity:object-type>http://activitystrea.ms/schema/1.0/person</activity:object-type>
 <uri>https://alabut.com/</uri>
 
 <name>Al Abut</name>
 
 
</author>

<link rel="alternate" href="https://alabut.com/projects/microformats/mainfeed/static/" type="text/html" />


<link rel="alternate" href="https://alabut.com/" type="text/html" />


<link rel="self" href="https://granary.io/url?input=html&amp;output=atom&amp;url=http://alabut.com/projects/microformats/mainfeed/static/&amp;plaintext=true&amp;cache=false&amp;interactive=true" type="application/atom+xml" />



<entry>


<author>
 <activity:object-type>http://activitystrea.ms/schema/1.0/person</activity:object-type>
 <uri></uri>
 
 
</author>

  
    <activity:object-type>http://activitystrea.ms/schema/1.0/article</activity:object-type>
  

  
  <id>https://alabut.com/writing/bookclub</id>
  <title>The Non-Designer's Design Book</title>

  
    <summary>Revisiting a 90&#39;s classic for the IndieWeb book club</summary>
  

  <content type="html"><![CDATA[




<p>I’m hosting this month’s edition of the IndieWeb Book Club. Thank you to Zachary Kai for getting this fun thing going with <a href="https://zacharykai.net/notes/iwboct25">a kickoff post about The Creative Act</a>, an artistic playbook by Rick Rubin, and to Joe Crawford for the November edition with an intro to <a href="https://artlung.com/understandingcomics-ibc/">Scott McCloud’s mind-expanding Understanding Comics.</a></p>
<p>My pick for this month’s book club is <a href="https://www.amazon.com/Non-Designers-Design-Book-4th/dp/0133966151">The Non-Designer’s Design Book by Robin Williams.</a></p>
<figure class="capped-width">
<picture>
<source media="(max-width: 767px)" srcset="
            https://images.alabut.com/writing/bookclub/book-vertical-600w.avif 600w,
            https://images.alabut.com/writing/bookclub/book-vertical-900w.avif 900w,
            https://images.alabut.com/writing/bookclub/book-vertical-1200w.avif 1200w,
            https://images.alabut.com/writing/bookclub/book-vertical-2400w.avif 2400w,
            https://images.alabut.com/writing/bookclub/book-vertical-2419w.avif 2419w
        " type="image/avif">
<source media="(min-width: 768px)" srcset="
            https://images.alabut.com/writing/bookclub/book-horizontal-600w.avif 600w,
            https://images.alabut.com/writing/bookclub/book-horizontal-900w.avif 900w,
            https://images.alabut.com/writing/bookclub/book-horizontal-1200w.avif 1200w,
            https://images.alabut.com/writing/bookclub/book-horizontal-2400w.avif 2400w,
            https://images.alabut.com/writing/bookclub/book-horizontal-3600w.avif 3600w
        " type="image/avif">
<img alt="" decoding="async" loading="lazy" src="https://images.alabut.com/writing/bookclub/book-square-900w.jpg"/>
</source></source></picture>
<figcaption>No, not <em>that</em> Robin Williams.</figcaption>
</figure>
<p>I’ve noticed that there’s a theme to the books we’ve picked so far for the club: they demystify artistic processes with the goal of making them approachable to a broader audience, deepening the appreciation of things you already enjoy like music, comics and the visual arts.</p>
<p>Each one goes from strategic and inspiring to more tactical and grounded, from Rubin’s near-mystical worship of the sacredness of creativity, to the tour through the history of visual communication by McCloud, to the immediately applicable tips of the Non-Designer book. Williams’ book being the most practical of the bunch makes sense given the business-like purpose of graphic design, but the theme of democratizing creativity is still strong through all of these books.</p>
<p>If the word “Design” with a capital D sounds intimidating to you - don’t be fooled! The basic principles aren’t carved into a stone tablet handed down from on high, it’s simply a way of seeing the world and a skill. And like any other skill, it can be improved with practice and a few starting tips.</p>
<p>It’s such a short read that it’s a bit of a stretch to call it a book. It’s like the skimmable Cliff Notes version instead of a dull textbook. But don’t be fooled - it packs a punch. It’s an impressively succinct distillation of design fundamentals that really helped me at the beginning of my career and still holds up well for anyone looking for an introduction.</p>
<p>It’s exactly the plain-speaking book that I needed back when I was a junior developer fresh out of college. I didn’t have any inkling that I’d become a designer one day, I simply wanted my work to look good. Over the years, I’ve met so many people who reminded me of those early days, people of all backgrounds and roles that aren’t necessarily looking to be designers by trade, but appreciate good layouts and want a few pointers to get there.</p>
<p>If that sounds like you, then this is the book I always recommend as a starting point. It takes the two main principles of graphic design - layout and typography - and distills them down to bite-sized walkthroughs and exercises. They’re much easier to master than you’d think and form the skeleton that everything else hangs on. Color, word choice, usability and all the rest come way later compared to these simple fundamentals.</p>
<p>So give it a spin and let me know how you like it! You can write up a blog post and send me a webmention, hit me up on the socials, or <a href="mailto:alabut@gmail.com">drop me an email,</a> whatever works, and I’ll add links and quotes here.</p>
<p>Also check out <a href="https://indieweb.org/IndieWeb_Book_Club">the wiki page for the book club</a> for more info or to sign up to host an upcoming month!</p>

  ]]></content>

  <link rel="alternate" type="text/html" href="https://alabut.com/writing/bookclub" />
  <link rel="ostatus:conversation" href="https://alabut.com/writing/bookclub" />
  
  
    <activity:verb>http://activitystrea.ms/schema/1.0/post</activity:verb>
  
  
  
  <published>2025-12-05T22:33:00+00:00</published>
  <updated>2025-12-05T22:33:00+00:00</updated>
  
  
  
  

  <link rel="self" href="https://alabut.com/writing/bookclub" />

  
</entry>

<entry>


<author>
 <activity:object-type>http://activitystrea.ms/schema/1.0/person</activity:object-type>
 <uri></uri>
 
 
</author>

  
    <activity:object-type>http://activitystrea.ms/schema/1.0/article</activity:object-type>
  

  
  <id>https://alabut.com/writing/photobrainstorming</id>
  <title>Organizing Photos</title>

  
    <summary>Brainstorming ideas before IndieWebCamp in Berlin</summary>
  

  <content type="html"><![CDATA[




<p>I’ve been thinking a lot about photographs lately and how to present them on my website. A few friends are too, each from different angles.</p>
<p>Jeremy is <a href="https://www.jeremycherfas.net/blog/photographic-fixer">repatriating his photos from Instagram,</a> while <a href="https://tantek.com">Tantek</a> is exploring the idea of using Flickr as a CDN, and I’ve been expanding my approach to responsive images to also include RSS feed readers.</p>
<p>Tantek and Jeremy are going to be at <a href="https://indieweb.org/2025/Berlin">IndieWebCamp in Berlin</a> and it starts in just a few hours. I won’t be able to attend all of it remotely because of the time difference, so I’m going to pitch in with a few thoughts in advance.</p>
<p>I thought it would be helpful to take stock of what’s already out there and document common patterns with live examples. Here are the main ways I’ve seen people showcase their pics:</p>
<ol>
<li><strong>Notes</strong></li>
<li><strong>Photoessays</strong></li>
<li><strong>Albums</strong></li>
</ol>
<p>Plus a few ways that are less common but very intriguing, like <strong>Series</strong> and <strong>Stories.</strong></p>
<h4 id="most-common-types">Most Common Types</h4>
<p><strong>1. Photo notes</strong> are posts of a single image. Each picture is timestamped with its own URL.</p>
<p>Here’s some neat examples:</p>
<ul>
<li><a href="https://snaps.jeddacp.com/view-from-mount-tamalpais/">An evocative view of SF from Mount Tamalpais</a></li>
<li><a href="https://stream.jeremycherfas.net/2024/another-good-spin-this-morning-although-the-front-shifter-is">Jeremy documenting a bicycle ride</a></li>
</ul>
<picture class="capped-width">
<source "="" srcset="https://images.alabut.com/writing/photobrainstorming/screenshot1.avif" type="image/avif">
<img alt="" decoding="async" loading="lazy" src="https://images.alabut.com/writing/photobrainstorming/screenshot1.png"/>
</source></picture>
<p><strong>2. Photo essays</strong> are blog posts that have multiple images, alternating between pictures and a textual narrative that weaves it all together.</p>
<p>This is probably the most popular type. Winnie Lim has beautiful examples of photo essays that are travelogues documenting a trip, like <a href="https://winnielim.org/journal/memorable-experiences-in-jeju/">this recent one to South Korea.</a></p>
<picture class="capped-width">
<source "="" srcset="https://images.alabut.com/writing/photobrainstorming/screenshot2.avif" type="image/avif">
<img alt="" decoding="async" loading="lazy" src="https://images.alabut.com/writing/photobrainstorming/screenshot2.png"/>
</source></picture>
<p><strong>3. Photo albums</strong> are collections of multiple images, typically in a grid format with minimal or no text at the album level, optionally with a caption or more info at the individual photo level.</p>
<p>Naz Hamid recently added a Photos section to his site with a few starter albums, like <a href="https://nazhamid.com/photos/nyc-summer-2025/">this cool one of his New York trip.</a></p>
<picture class="capped-width">
<source "="" srcset="https://images.alabut.com/writing/photobrainstorming/screenshot3.avif" type="image/avif">
<img alt="" decoding="async" loading="lazy" src="https://images.alabut.com/writing/photobrainstorming/screenshot3.png"/>
</source></picture>
<h4 id="less-frequent-techniques">Less Frequent Techniques</h4>
<p>There’s a few other interesting ways to present images that I don’t see around as much but that are great food for thought.</p>
<p><strong>Series:</strong></p>
<p>Series are albums grouped together into a sequential set. Stammy does this at <a href="https://photos.paulstamatiou.com">photos.paulstamatiou.com</a> and they’re straight up gorgeous.</p>
<picture class="capped-width">
<source "="" srcset="https://images.alabut.com/writing/photobrainstorming/screenshot4.avif" type="image/avif">
<img alt="" decoding="async" loading="lazy" src="https://images.alabut.com/writing/photobrainstorming/screenshot4.png"/>
</source></picture>
<p>Looking at them again now, I can see why the idea stuck in my head. It’s such an obvious yet clever way of showing all the albums while grouping together the related ones.</p>
<p>I love how <a href="https://photos.paulstamatiou.com/africa/">the series of three albums from his Africa trip</a> not only have their own landing page, but also how the series sits directly below the album for Amsterdam and above the Caymans on <a href="https://photos.paulstamatiou.com">the main photos page,</a> all in a natural way that’s easy to distinguish.</p>
<p>So clean. None of the nonsense I usually see in Apple Photos about collections vs albums.</p>
<p>I’m definitely going to steal this idea for grouping together related albums, like when I have ton of photos from a big multi-night bicycling trip. In fact it might also be a great idea for grouping together blog posts of similar topics, like chapters in a book. Very thought-provoking.</p>
<p><strong>Stories:</strong></p>
<p>Stories are slideshows with a mixture of photos and short-form videos, as well as sometimes only text, usually in a vertical format. They can be the temporary kind that disappear after 24 hours or can stay up permanently.</p>
<p><a href="https://muan.co">Muan</a> pioneered the concept of showing stories on the web and they have super fun examples on their home page.</p>
<p>What’s nice about this open web version of a story is that each photo or video in the slideshow has their own permalink, like <a href="https://muan.co/stories/b112a867-161e-4261-4137-39091fe92300">this one of a bottle of maple syrup,</a> which make them so frictionless to share. It’d be nice to also have a permalink for the larger story the photo is in so you could get the context, but it’s easy enough to browse their home page for more examples. And frankly it’s really fun to hop between stories.</p>
<picture class="capped-width">
<source "="" srcset="https://images.alabut.com/writing/photobrainstorming/screenshot5.avif" type="image/avif">
<img alt="" decoding="async" loading="lazy" src="https://images.alabut.com/writing/photobrainstorming/screenshot5.png"/>
</source></picture>
<p>Even more impressively, they also created <a href="https://github.com/dddddddddzzzz/OpenStories">a helpful spec for stories</a> to encourage others to do the same. Joe Crawford used this same spec to create <a href="https://artlung.com/reels/">a “reels” section of his site for vertical videos</a> and the related JSON feed.</p>
<p>There’s something really interesting about the format of vertical photos and videos that makes it especially relevant in the mobile era, even if it hasn’t broken out of Instagram jail yet and spread to the open web in large numbers. I tried to emulate a similar treatment by including both photos and vertical videos in my blog post about <a href="https://alabut.com/writing/mudfun/">getting stuck in the mud on a training ride.</a></p>
<p>The disappearing kind has a bad reputation as engagement bait for addictive behaviors on Instagram and yes, there are real dangers of getting sucked into perfomative behavior that’s damaging for self-worth and mental health.</p>
<p>But I also find that there’s also a freedom to posting things that I know are temporary, one that paradoxically will often create things that are worth keeping. Making stories on Instagram lowers the activation energy for sharing things with friends in way that delays the curation and editing part of my brain. The effect is very similar to how posting a short thought on a microblogging platform is so easy and frictionless that it can seed good ideas for a larger blog post later.</p>
<p>These days I often find myself going through my stories archive to port over images and videos to other platforms for longer term sharing, so maybe I’ll give the stories format a try on my site one day.</p>
<h4 id="food-for-thought">Food For Thought</h4>
<p>Looking back through this cross-section of sites, it triggered a few questions:</p>
<ul>
<li><strong>Can photos live in more than one place?</strong>
<ul>
<li>For example, can a single picture be in both an album and a photoessay? Naz’s photo album of NYC links to <a href="https://nazhamid.com/journal/64-miles-in-nyc/">the article about the same trip,</a> and the article links back to the photo album. It’s like a two-way connection where the album and article are different views of the same photos, one visual, the other narrative.</li>
</ul>
</li>
<li><strong>Do albums have to be sorted by narrative or chronology?</strong>
<ul>
<li>Or maybe they can be organized in other ways that cut across time, such as by topics. E.g. bicycles, landscapes, food, etc.</li>
</ul>
</li>
<li><strong>If photos live in albums, essays and categories, should a photo’s permalink include links to the different representations?</strong>
<ul>
<li>Would it be helpful or distracting to have a slug with multiple links, saying something like: “<em>As seen in this album and this article, under these topics”</em></li>
</ul>
</li>
</ul>
<h4 id=""></h4>
<p>This was fun to think about and I’m glad I documented the lay of the land, even if only for my own creative inspiration.</p>
<p>I’m curious to see what comes out of the jam sessions this weekend! Wishing good luck and safe travels to everyone attending this year.</p>

  ]]></content>

  <link rel="alternate" type="text/html" href="https://alabut.com/writing/photobrainstorming" />
  <link rel="ostatus:conversation" href="https://alabut.com/writing/photobrainstorming" />
  
  
    <activity:verb>http://activitystrea.ms/schema/1.0/post</activity:verb>
  
  
  
  <published>2025-10-31T21:42:00+00:00</published>
  <updated>2025-10-31T21:42:00+00:00</updated>
  
  
  
  

  <link rel="self" href="https://alabut.com/writing/photobrainstorming" />

  
</entry>

<entry>


<author>
 <activity:object-type>http://activitystrea.ms/schema/1.0/person</activity:object-type>
 <uri></uri>
 
 
</author>

  
    <activity:object-type>http://activitystrea.ms/schema/1.0/article</activity:object-type>
  

  
  <id>https://alabut.com/writing/mudfun</id>
  <title>Fun in the Mud</title>

  
    <summary>Practicing bikepacking skills in the rain</summary>
  

  <content type="html"><![CDATA[




<p>I got back into cycling a few years ago and then into bikepacking shortly after that, which is a type of off-grid camping for mountain bikers. It’s a fun activity with a lot to learn and I’ve been dialing new skills and gear.</p>
<p>Surprisingly, one of the parts that took the longest to figure out was which kind of front tire to use.</p>
<p>Front tire! That sounds like such a simple project but trust me, there’s a bewildering number of options to research and try out.</p>
<p>I went through three different types in as many years, racking up miles and punctures, riding all kinds of terrain to test the traction (and lack thereof), until I finally found my gamechanger: a bikepacking-specific model from the Japanese company SimWorks.</p>
<picture>
<!-- Mobile: vertical crop, multiple resolutions -->
<source media="(max-width: 767px)" sizes="100vw" srcset="
            https://photos.alabut.com/mudfun/superyummy-vertical-600w.avif 600w,
            https://photos.alabut.com/mudfun/superyummy-vertical-900w.avif 900w,
            https://photos.alabut.com/mudfun/superyummy-vertical-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/superyummy-vertical-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/superyummy-vertical-3600w.avif 3600w
        " type="image/avif">
<!-- Desktop: square crop, multiple resolutions -->
<source media="(min-width: 768px)" sizes="(max-width: 1200px) 100vw, 1200px" srcset="
            https://photos.alabut.com/mudfun/superyummy-square-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/superyummy-square-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/superyummy-square-3600w.avif 3600w
        " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="" decoding="async" loading="lazy" src="https://photos.alabut.com/mudfun/superyummy-square-900w.jpg"/>
</source></source></picture>
<p>It strikes a difficult balance - it’s the biggest and knobbiest tire I could fit in my front fork, yet also somehow light and fast on the road.</p>
<p>This tire is awesome, I totally love it. It’s a gamechanger for grip in the corners and my confidence has skyrocketed in loose terrain, especially when carrying a heavy load of camping equipment.</p>
<p>I’m not a thrill-seeking action junkie, I’m a slow and steady type that’s only interested getting as far out in nature as I can, preferably with all of my limbs and gear intact.</p>
<p>But I’ve only been riding in dry conditions so far, which is why I got excited when it rained last week. Now was finally my chance to push my skills out to the extreme in slippery conditions and see where the outer limits really were, while still staying close to home and not in any real danger of getting stranded.</p>
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" class="yt-embed vertical-video" frameborder="0" height="1080" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/4jV1f4xQNO4?mute=1&amp;playsinline=1&amp;rel=0&amp;vq=hd1080&amp;hd=1" title="Cleaning mud off the bicycle" width="607"></iframe>
<p>Also: I love the rain. Like to a weird degree. I made a big cup of coffee in the afternoon and just sat there, staring at it like a lunatic, waiting for my wife to come home from work so she could watch our anxious old dog.</p>
<p>So home she came and out I went.</p>
<p>And boy oh boy, that was fun. FUN.</p>
<p>I was grinning from ear-to-ear while getting soaked and charging through puddles. I had to watch it in corners a little bit but that was nothing compared to my old setup. I would’ve spun in circles like Bambi on ice.</p>
<p>It was so capable that I got into a totally different kind of trouble than what I expected. I didn’t crash, instead I was out in the wet slick stuff so much that I hit a patch of “peanut butter mud” and got stopped dead in my tracks.</p>
<picture>
<!-- Mobile: vertical crop, multiple resolutions -->
<source media="(max-width: 767px)" sizes="100vw" srcset="
            https://photos.alabut.com/mudfun/stuck-vertical-600w.avif 600w,
            https://photos.alabut.com/mudfun/stuck-vertical-900w.avif 900w,
            https://photos.alabut.com/mudfun/stuck-vertical-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/stuck-vertical-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/stuck-vertical-3600w.avif 3600w
        " type="image/avif">
<!-- Desktop: square crop, multiple resolutions -->
<source media="(min-width: 768px)" sizes="(max-width: 1200px) 100vw, 1200px" srcset="
            https://photos.alabut.com/mudfun/stuck-square-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/stuck-square-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/stuck-square-3600w.avif 3600w
        " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="" decoding="async" loading="lazy" src="https://photos.alabut.com/mudfun/stuck-square-900w.jpg"/>
</source></source></picture>
<p>This nasty stuff is what mountain bikers dread, but totally new to me. I’ve only read about the stuff in recaps of hardcore endurance racing.</p>
<p>Honestly this stuff is so gross. It gums everything up so much that the tires can’t spin at all. It’s a dense mixture of fine-grained soil and wet clay that sticks in giant clumps, growing larger with every rotation until you’re trapped in place like a mastodon in a tar pit.</p>
<p>In fact it was so thick that it popped the belt right off the drive, which almost never happens.</p>
<picture>
<!-- Mobile: vertical crop, multiple resolutions -->
<source media="(max-width: 767px)" sizes="100vw" srcset="
            https://photos.alabut.com/mudfun/belt-vertical-600w.avif 600w,
            https://photos.alabut.com/mudfun/belt-vertical-900w.avif 900w,
            https://photos.alabut.com/mudfun/belt-vertical-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/belt-vertical-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/belt-vertical-3600w.avif 3600w
        " type="image/avif">
<!-- Desktop: square crop, multiple resolutions -->
<source media="(min-width: 768px)" sizes="(max-width: 1200px) 100vw, 1200px" srcset="
            https://photos.alabut.com/mudfun/belt-square-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/belt-square-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/belt-square-3600w.avif 3600w
        " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="" decoding="async" loading="lazy" src="https://photos.alabut.com/mudfun/belt-square-900w.jpg"/>
</source></source></picture>
<p>I use a bike with a belt instead of a chain for increased durability in all conditions. It doesn’t need lubing, cleaning or maintenance, and normally it sheds rain and mud off like water off of a duck’s back, but even this amazing piece of tech has its limits. It’s only come off 1-2 times before ever.</p>
<picture>
<!-- Mobile: vertical crop, multiple resolutions -->
<source media="(max-width: 767px)" sizes="100vw" srcset="
            https://photos.alabut.com/mudfun/chunky-vertical-600w.avif 600w,
            https://photos.alabut.com/mudfun/chunky-vertical-900w.avif 900w,
            https://photos.alabut.com/mudfun/chunky-vertical-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/chunky-vertical-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/chunky-vertical-3600w.avif 3600w
        " type="image/avif">
<!-- Desktop: square crop, multiple resolutions -->
<source media="(min-width: 768px)" sizes="(max-width: 1200px) 100vw, 1200px" srcset="
            https://photos.alabut.com/mudfun/chunky-square-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/chunky-square-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/chunky-square-3600w.avif 3600w
        " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="" decoding="async" loading="lazy" src="https://photos.alabut.com/mudfun/chunky-square-900w.jpg"/>
</source></source></picture>
<p>This kind of mud is no joke for bikepackers. Run into it in a remote place and boom, <em>game over.</em> You better have a satellite device to call in a rescue.</p>
<p>But let’s not get carried away. I’m not James Franco in 127 Hours. I could’ve walked home if I really had to.</p>
<p>Frankly, I was having way too much fun learning new skills to be grumpy. It being a test run near home made all the difference in my mood and I laughed off the whole thing in disbelief.</p>
<p>So, there was nothing to do but schlep it out. I did what we call a “hike and bike” - I picked the bike up, slung it over a shoulder, and trudged my way off the trail. I found a loading dock by the lake and propped it up on a table for a field repair.</p>
<picture>
<!-- Mobile: vertical crop, multiple resolutions -->
<source media="(max-width: 767px)" sizes="100vw" srcset="
            https://photos.alabut.com/mudfun/fieldrepair-vertical-600w.avif 600w,
            https://photos.alabut.com/mudfun/fieldrepair-vertical-900w.avif 900w,
            https://photos.alabut.com/mudfun/fieldrepair-vertical-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/fieldrepair-vertical-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/fieldrepair-vertical-3600w.avif 3600w
        " type="image/avif">
<!-- Desktop: square crop, multiple resolutions -->
<source media="(min-width: 768px)" sizes="(max-width: 1200px) 100vw, 1200px" srcset="
            https://photos.alabut.com/mudfun/fieldrepair-square-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/fieldrepair-square-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/fieldrepair-square-3600w.avif 3600w
        " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="" decoding="async" loading="lazy" src="https://photos.alabut.com/mudfun/fieldrepair-square-900w.jpg"/>
</source></source></picture>
<p>Then it was time to dig in and clean the crap off of it, one disgusting chunk at a time, until things were in good enough working order again.</p>
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" class="yt-embed vertical-video" frameborder="0" height="1080" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/mhN9d3rKWbk?mute=1&amp;playsinline=1&amp;rel=0&amp;vq=hd1080&amp;hd=1" title="Cleaning mud off the bicycle" width="607"></iframe>
<p>Finally, it was clean enough to reassemble the belt and wheel setup, then ride home.</p>
<picture>
<!-- Mobile: vertical crop, multiple resolutions -->
<source media="(max-width: 767px)" sizes="100vw" srcset="
            https://photos.alabut.com/mudfun/cleaned-vertical-600w.avif 600w,
            https://photos.alabut.com/mudfun/cleaned-vertical-900w.avif 900w,
            https://photos.alabut.com/mudfun/cleaned-vertical-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/cleaned-vertical-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/cleaned-vertical-3600w.avif 3600w
        " type="image/avif">
<!-- Desktop: square crop, multiple resolutions -->
<source media="(min-width: 768px)" sizes="(max-width: 1200px) 100vw, 1200px" srcset="
            https://photos.alabut.com/mudfun/cleaned-square-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/cleaned-square-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/cleaned-square-3600w.avif 3600w
        " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="" decoding="async" loading="lazy" src="https://photos.alabut.com/mudfun/cleaned-square-900w.jpg"/>
</source></source></picture>
<p>I came home with the biggest smile on my face. Honestly that was such a blast that I felt like a little kid splashing in puddles on purpose.</p>
<p>The next day, I proudly took pics of the aftermath.</p>
<picture class="capped-width">
<!-- Mobile: landscape crop, multiple resolutions -->
<source media="(max-width: 767px)" sizes="100vw" srcset="
            https://photos.alabut.com/mudfun/aftermath-horizontal-600w.avif 600w,
            https://photos.alabut.com/mudfun/aftermath-horizontal-900w.avif 900w,
            https://photos.alabut.com/mudfun/aftermath-horizontal-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/aftermath-horizontal-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/aftermath-horizontal-3600w.avif 3600w
        " type="image/avif">
<!-- Desktop: landscape crop, multiple resolutions -->
<source media="(min-width: 768px)" sizes="(max-width: 1200px) 100vw, 1200px" srcset="
            https://photos.alabut.com/mudfun/aftermath-horizontal-1200w.avif 1200w,
            https://photos.alabut.com/mudfun/aftermath-horizontal-2400w.avif 2400w,
            https://photos.alabut.com/mudfun/aftermath-horizontal-3600w.avif 3600w
        " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="The aftermath - bike covered in mud from the previous day's adventure" decoding="async" loading="lazy" src="https://photos.alabut.com/mudfun/aftermath-horizontal-900w.jpg"/>
</source></source></picture>
<p>I love seeing my bike in a filthy state, hinting at the previous night’s adventures. It puts a wry smile on my face, like whenever I see a muddy old Land Rover parked in a monotonous sea of spotless SUVs that have never left the pavement.</p>
<p>I learned a lot on that ride: seeing how the tire held up, practicing control in tricky conditions, and successfully getting out of a literal sticky situation.</p>
<p>I also learned that there are a few more upgrades I need before tackling bad weather in isolated areas, like hydromechanical brakes designed to handle mud like this without fading. The cheapo stock hydraulics failed for the second time this year and I screwed up something in the rear one in particular, so now it’s spongy and borderline useless.</p>
<p>But even without those tweaks, I’m steadily growing in confidence that I can handle some bigger adventures, the kind I’ve been daydreaming about ever since getting into this hobby.</p>
<p>I already had a pretty big ride earlier this year to the local mountains and back, an incredible and demanding experience that I really should sit down and write up.</p>
<p>That was still mostly pavement though. My next big challenge is going to be my biggest off-grid test yet. There’s an event in Laguna Beach in about a month, an epic one where the shortest option is 38 miles of chunky difficult landscape, longer than I’ve ever gone off-road before.</p>
<p>Who knows what the trail conditions will be like in mid-November? It’ll probably be dry enough for some <a href="https://essentialwilderness.com/type-1-2-and-3-fun/">Type 2 fun.</a> Or maybe it’ll get wet  and I’ll be hating life in <a href="https://www.liv-cycling.com/global/campaigns/3-tips-for-surviving-your-next-suffer-fest-on-the-bike/23383">a Type 3 sufferfest.</a></p>
<p>Either way, I’m down for more adventures and hard lessons. Sometimes the worst ideas make the best stories.</p>

  ]]></content>

  <link rel="alternate" type="text/html" href="https://alabut.com/writing/mudfun" />
  <link rel="ostatus:conversation" href="https://alabut.com/writing/mudfun" />
  
  
    <activity:verb>http://activitystrea.ms/schema/1.0/post</activity:verb>
  
  
  
  <published>2025-10-23T18:27:00+00:00</published>
  <updated>2025-10-23T18:27:00+00:00</updated>
  
  
  
  

  <link rel="self" href="https://alabut.com/writing/mudfun" />

  
</entry>

<entry>


<author>
 <activity:object-type>http://activitystrea.ms/schema/1.0/person</activity:object-type>
 <uri></uri>
 
 
</author>

  
    <activity:object-type>http://activitystrea.ms/schema/1.0/article</activity:object-type>
  

  
  <id>https://alabut.com/writing/shelterisland</id>
  <title>Shelter Island</title>

  
    <summary>Cooling off during local summer</summary>
  

  <content type="html"><![CDATA[




<p>San Diego’s been unseasonably muggy and warm lately, so yesterday our little family went to my favorite place to cool off. My wife and I grabbed our dog Dudley, hopped in the car and headed to a hidden gem in the middle of the city.</p>
<picture class="capped-width">
<!-- Mobile: square crop, multiple resolutions -->
<source media="(max-width: 767px)" sizes="100vw" srcset="
            https://photos.alabut.com/shelterisland/harbor-square-600w.avif 600w,
            https://photos.alabut.com/shelterisland/harbor-square-900w.avif 900w,
            https://photos.alabut.com/shelterisland/harbor-square-1200w.avif 1200w,
            https://photos.alabut.com/shelterisland/harbor-square-2400w.avif 2400w,
            https://photos.alabut.com/shelterisland/harbor-square-3600w.avif 3600w
        " type="image/avif">
<!-- Desktop: square crop, multiple resolutions -->
<source media="(min-width: 768px)" sizes="(max-width: 1200px) 100vw, 1200px" srcset="
            https://photos.alabut.com/shelterisland/harbor-square-1200w.avif 1200w,
            https://photos.alabut.com/shelterisland/harbor-square-2400w.avif 2400w,
            https://photos.alabut.com/shelterisland/harbor-square-3600w.avif 3600w
        " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="A view of the San Diego harbor from Shelter Island, with boats sailing on the water." decoding="async" loading="lazy" src="https://photos.alabut.com/shelterisland/harbor-square-900w.jpg"/>
</source></source></picture>
<p>Shelter Island was one of my favorite escapes when we lived nearby on the coast. Great views, nice breeze, and most importantly for us locals, no tourists, bar hoppers or beach crowds.</p>
<p>Luckily it’s just a quick 20 minute drive from our new neighborhood, with no traffic even on a gorgeous Saturday. You gotta love warm weather towns after summer break.</p>
<p>We all needed this. Dudley hasn’t been himself lately and these last few months have been an adjustment to his senior years. We were long overdue for a pick-me-up.</p>
<picture class="capped-width">
<!-- Mobile: square crop, multiple resolutions -->
<source media="(max-width: 767px)" sizes="100vw" srcset="
            https://photos.alabut.com/shelterisland/dudley-sitting-square-600w.avif 600w,
            https://photos.alabut.com/shelterisland/dudley-sitting-square-900w.avif 900w,
            https://photos.alabut.com/shelterisland/dudley-sitting-square-1200w.avif 1200w,
            https://photos.alabut.com/shelterisland/dudley-sitting-square-2400w.avif 2400w,
            https://photos.alabut.com/shelterisland/dudley-sitting-square-3600w.avif 3600w
        " type="image/avif">
<!-- Desktop: landscape crop, multiple resolutions -->
<source media="(min-width: 768px)" sizes="(max-width: 1200px) 100vw, 1200px" srcset="
            https://photos.alabut.com/shelterisland/dudley-sitting-1200w.avif 1200w,
            https://photos.alabut.com/shelterisland/dudley-sitting-2400w.avif 2400w,
            https://photos.alabut.com/shelterisland/dudley-sitting-3600w.avif 3600w
        " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="Closeup of a small dog looking at the camera" decoding="async" loading="lazy" src="https://photos.alabut.com/shelterisland/dudley-sitting-square-900w.jpg"/>
</source></source></picture>
<p>I used to love walking around Shelter Island with Dudley and we hadn’t done it in ages, so it was worth a shot to see if he’d perk up.</p>
<p>And it worked! Maybe he remembered our countless walks, or maybe he just enjoyed the short walk and fresh grass. Either way, it seemed to do the trick. His usual jittery nerves smoothed out and the whole gang settled on a blanket to relax.</p>
<picture class="capped-width">
<!-- Mobile: square crop, multiple resolutions -->
<source media="(max-width: 767px)" sizes="100vw" srcset="
            https://photos.alabut.com/shelterisland/dudley-laying-square-600w.avif 600w,
            https://photos.alabut.com/shelterisland/dudley-laying-square-900w.avif 900w,
            https://photos.alabut.com/shelterisland/dudley-laying-square-1200w.avif 1200w,
            https://photos.alabut.com/shelterisland/dudley-laying-square-2400w.avif 2400w,
            https://photos.alabut.com/shelterisland/dudley-laying-square-3600w.avif 3600w
        " type="image/avif">
<!-- Desktop: landscape crop, multiple resolutions -->
<source media="(min-width: 768px)" sizes="(max-width: 1200px) 100vw, 1200px" srcset="
            https://photos.alabut.com/shelterisland/dudley-laying-1200w.avif 1200w,
            https://photos.alabut.com/shelterisland/dudley-laying-2400w.avif 2400w,
            https://photos.alabut.com/shelterisland/dudley-laying-3600w.avif 3600w
        " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="Small dog sitting on a blanket in the grass, with ships in the background" decoding="async" loading="lazy" src="https://photos.alabut.com/shelterisland/dudley-laying-square-900w.jpg"/>
</source></source></picture>
<p>When my little guy is happy, I’m happy. The old cliché <em>“happy wife, happy life”</em> is one of my mantras and now I’ve added <em>“happy little dog, happy big dog.”</em></p>
<p>It’s funny to write a tribute about something as simple as sitting with a calm dog, watching harbor traffic.</p>
<p>This past year since we moved has been a whirlwind. I love the new hood and don’t regret the move. I’ve had a blast exploring new trails on my bike and there’s always at least one monthly group ride to look forward to.</p>
<p>But it’s felt like a hamster wheel at times and I forgot how vital it is to recharge with stillness, not just energy and motion. You have to mix up the usual routines sometimes with something chill and serene. Peaceful even.</p>
<div class="capped-width">
<div class="two-columns">
<picture>
<!-- AVIF format, mobile and desktop, vertical crop, multiple resolutions -->
<source sizes="100vw" srcset="
                    https://photos.alabut.com/shelterisland/anchor-vertical-600w.avif 600w,
                    https://photos.alabut.com/shelterisland/anchor-vertical-900w.avif 900w,
                    https://photos.alabut.com/shelterisland/anchor-vertical-1200w.avif 1200w,
                    https://photos.alabut.com/shelterisland/anchor-vertical-2400w.avif 2400w,
                    https://photos.alabut.com/shelterisland/anchor-vertical-3600w.avif 3600w
                " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="Statue of an anchor" decoding="async" loading="lazy" src="https://photos.alabut.com/shelterisland/anchor-square-900w.jpg"/>
</source></picture>
<picture>
<!-- AVIF format, mobile and desktop, vertical crop, multiple resolutions -->
<source sizes="100vw" srcset="
                    https://photos.alabut.com/shelterisland/tower-vertical-600w.avif 600w,
                    https://photos.alabut.com/shelterisland/tower-vertical-900w.avif 900w,
                    https://photos.alabut.com/shelterisland/tower-vertical-1200w.avif 1200w,
                    https://photos.alabut.com/shelterisland/tower-vertical-2400w.avif 2400w,
                    https://photos.alabut.com/shelterisland/tower-vertical-3600w.avif 3600w
                " type="image/avif">
<!-- Small fallback JPEG version for RSS and older devices -->
<img alt="Radio tower with a sign made of two orange stripes and one white stripe" decoding="async" loading="lazy" src="https://photos.alabut.com/shelterisland/tower-square-900w.jpg"/>
</source></picture>
</div>
</div>
<p>I honestly can’t remember the last quiet outing like this, the kind where I remember to bring <a href="https://alabut.com/writing/sandiegopics2021/">my small point and shoot camera</a>. It feels fantastic to put the phone away, look up, and be present in the moment.</p>
<p>Boats drifting, a fresh sea breeze, my sweet dog chilling next to us… Yesterday was a nice day, a slow perfect afternoon before the season turns and it’s proper fall weather again.</p>
<p>And a good reminder to take a step back and enjoy the simple things.</p>

  ]]></content>

  <link rel="alternate" type="text/html" href="https://alabut.com/writing/shelterisland" />
  <link rel="ostatus:conversation" href="https://alabut.com/writing/shelterisland" />
  
  
    <activity:verb>http://activitystrea.ms/schema/1.0/post</activity:verb>
  
  
  
  <published>2025-10-12T07:59:00+00:00</published>
  <updated>2025-10-12T07:59:00+00:00</updated>
  
  
  
  

  <link rel="self" href="https://alabut.com/writing/shelterisland" />

  
</entry>

</feed>