<turbo-stream action="append" target="thoughts-list"><template>
  <article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/gkM43mUKuSDw">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from CLI" aria-label="Written from CLI" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm.943 8.752a.75.75 0 0 1 .055-1.06L6.128 9l-1.88-1.693a.75.75 0 1 1 1.004-1.114l2.5 2.25a.75.75 0 0 1 0 1.114l-2.5 2.25a.75.75 0 0 1-1.06-.055ZM9.75 10.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-24T22:28:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 24 at 10:28 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        🔄 2003: parsing garbage HTML. 2026: parsing garbage LLM output. Full circle. - https://swm.cc/notes/the-llm-is-the-new-parser
      </p>


        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#llm</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#ai</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#ollama</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/edIOhzNpaUyC">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-22T11:21:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 22 at 11:21 AM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        🤖 Local LLMs can see family photos.It even detected the beer brand. https://swm.cc/writing/indexatron-local-llm-photo-analysis/
      </p>

          <div class="mt-3 rounded-xl border border-zinc-200 dark:border-zinc-700 overflow-hidden hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors" data-controller="link-preview">
              <div class="aspect-[2/1] bg-zinc-100 dark:bg-zinc-800" data-link-preview-image-box>
                <img class="w-full h-full object-cover" alt="Indexatron: Teaching Local LLMs to See Family Photos" data-link-preview-target="image" src="https://swm.cc/og-image.png" />
              </div>
            <div class="p-3">
              <p class="text-xs text-zinc-500 dark:text-zinc-400 truncate">swm.cc</p>
                <p class="text-sm font-medium text-zinc-900 dark:text-white truncate">Indexatron: Teaching Local LLMs to See Family Photos</p>
                <p class="text-xs text-zinc-500 dark:text-zinc-400 line-clamp-2 mt-0.5">An experiment using Ollama with LLaVA and nomic-embed-text to analyse family photos locally - proving that privacy-preserving AI photo analysis actually works</p>
            </div>
          </div>

        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#ai</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#photos</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#science</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#expirement</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/HukC8jhl3sU5">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from CLI" aria-label="Written from CLI" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm.943 8.752a.75.75 0 0 1 .055-1.06L6.128 9l-1.88-1.693a.75.75 0 1 1 1.004-1.114l2.5 2.25a.75.75 0 0 1 0 1.114l-2.5 2.25a.75.75 0 0 1-1.06-.055ZM9.75 10.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-22T07:21:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 22 at 7:21 AM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Lil science experiment this Sunday morning on AI Photo analysis API using models via ollama... 👨‍🔬🧪🥼
      </p>


        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#ai</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#science</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#expirement</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/W3LIDZCHPsC7">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from CLI" aria-label="Written from CLI" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm.943 8.752a.75.75 0 0 1 .055-1.06L6.128 9l-1.88-1.693a.75.75 0 1 1 1.004-1.114l2.5 2.25a.75.75 0 0 1 0 1.114l-2.5 2.25a.75.75 0 0 1-1.06-.055ZM9.75 10.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-21T04:42:01Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 21 at 4:42 AM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Doing lots of work on the-mcculloughs.org - with the help of claude it helps me get the CRUD done.. nice..
      </p>


        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#dev</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/4kw4i07LWcuR">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from CLI" aria-label="Written from CLI" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm.943 8.752a.75.75 0 0 1 .055-1.06L6.128 9l-1.88-1.693a.75.75 0 1 1 1.004-1.114l2.5 2.25a.75.75 0 0 1 0 1.114l-2.5 2.25a.75.75 0 0 1-1.06-.055ZM9.75 10.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-17T20:39:42Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 17 at 8:39 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Wee evening of graph db stuff for my whatisonthe.tv app... Sometimes its nice to just try something new..
      </p>



    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/mtIKuINbH0j2">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from iPhone" aria-label="Written from iPhone" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path d="M8 16.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z" />
    <path fill-rule="evenodd" d="M4 4a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V4Zm4-1.5v.75c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75V2.5h1A1.5 1.5 0 0 1 14.5 4v12a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 16V4A1.5 1.5 0 0 1 7 2.5h1Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-16T17:51:34Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 16 at 5:51 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Appointment to get my arm fixed. Tennis elbow. It hurts. My Dad is turning in his grave. But I really fuckin hurts…. 
      </p>



    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/QvmuzjBbDFNB">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from iPhone" aria-label="Written from iPhone" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path d="M8 16.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z" />
    <path fill-rule="evenodd" d="M4 4a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V4Zm4-1.5v.75c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75V2.5h1A1.5 1.5 0 0 1 14.5 4v12a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 16V4A1.5 1.5 0 0 1 7 2.5h1Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-15T17:19:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 15 at 5:19 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        The Sunday Reset is real. Problem is I can’t be fucked resetting. So chasing my tail the whole week is gonna be it I think 😀
      </p>



    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/At3ZzH1BOUMN">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from CLI" aria-label="Written from CLI" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm.943 8.752a.75.75 0 0 1 .055-1.06L6.128 9l-1.88-1.693a.75.75 0 1 1 1.004-1.114l2.5 2.25a.75.75 0 0 1 0 1.114l-2.5 2.25a.75.75 0 0 1-1.06-.055ZM9.75 10.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-14T20:58:28Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 14 at 8:58 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Wee Saturday night hacking session on a few side thingies is always a good shout.. Good way to spend &lt;3 day
      </p>


        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#ai</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#dev</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/gZaaHctKDJ5u">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-07T22:15:56Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 7 at 10:15 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        &#39;lil blog on what I did this avo... Feels good to do this now and again.. https://swm.cc/writing/building-swanson-recommendation-system/
      </p>

          <div class="mt-3 rounded-xl border border-zinc-200 dark:border-zinc-700 overflow-hidden hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors" data-controller="link-preview">
              <div class="aspect-[2/1] bg-zinc-100 dark:bg-zinc-800" data-link-preview-image-box>
                <img class="w-full h-full object-cover" alt="Building Swanson: A RAG-Enhanced Recommendation System for whatisonthe.tv" data-link-preview-target="image" src="https://swm.cc/og-image.png" />
              </div>
            <div class="p-3">
              <p class="text-xs text-zinc-500 dark:text-zinc-400 truncate">swm.cc</p>
                <p class="text-sm font-medium text-zinc-900 dark:text-white truncate">Building Swanson: A RAG-Enhanced Recommendation System for whatisonthe.tv</p>
                <p class="text-xs text-zinc-500 dark:text-zinc-400 line-clamp-2 mt-0.5">How I built a context-aware recommendation system using Claude, Server-Sent Events, and viewing history to suggest TV shows and films</p>
            </div>
          </div>

        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#blog</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#ai</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#swanson</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#rag</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#dev</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/iVZLrj2idyGg">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from CLI" aria-label="Written from CLI" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm.943 8.752a.75.75 0 0 1 .055-1.06L6.128 9l-1.88-1.693a.75.75 0 1 1 1.004-1.114l2.5 2.25a.75.75 0 0 1 0 1.114l-2.5 2.25a.75.75 0 0 1-1.06-.055ZM9.75 10.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-07T20:17:04Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 7 at 8:17 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Proving out to be a nice wee addition to this project...
      </p>


        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#ai</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#dev</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/rcYQ9WgMccGH">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from CLI" aria-label="Written from CLI" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm.943 8.752a.75.75 0 0 1 .055-1.06L6.128 9l-1.88-1.693a.75.75 0 1 1 1.004-1.114l2.5 2.25a.75.75 0 0 1 0 1.114l-2.5 2.25a.75.75 0 0 1-1.06-.055ZM9.75 10.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-07T19:33:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 7 at 7:33 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Doing a bit of AI programming now - well just a wrapper to an AI agent to help me do things will document if a success. Time will tell.
      </p>


        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#ai</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/6b1QI4IFmvi9">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-06T18:57:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 6 at 6:57 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Ohhhh Claude Code is nice - got this up and running in no time.. 
https://j.swm.cc/c/NDklo6
https://j.swm.cc/c/FA7u2S
      </p>

          <div class="mt-3 rounded-xl border border-zinc-200 dark:border-zinc-700 overflow-hidden hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors" data-controller="link-preview">
              <div class="aspect-[2/1] bg-zinc-100 dark:bg-zinc-800" data-link-preview-image-box>
                <img class="w-full h-full object-cover" data-link-preview-target="image" src="https://j.swm.cc/c/NDklo6" />
              </div>
            <div class="p-3">
              <p class="text-xs text-zinc-500 dark:text-zinc-400 truncate">j.swm.cc</p>
            </div>
          </div>

        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#swanson</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#tui</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/8qaEIQOpCPHb">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from CLI" aria-label="Written from CLI" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm.943 8.752a.75.75 0 0 1 .055-1.06L6.128 9l-1.88-1.693a.75.75 0 1 1 1.004-1.114l2.5 2.25a.75.75 0 0 1 0 1.114l-2.5 2.25a.75.75 0 0 1-1.06-.055ZM9.75 10.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-06T18:33:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 6 at 6:33 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        This TUI is looking nice. Claude Code makes things like this so nice
      </p>


        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#tui</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#swanson</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/kZGsKIvzGqXL">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-02-06T17:57:10Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Feb 6 at 5:57 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Wee Friday night project... gonna build a TUI called swanson... to manage my projects.. Lets see how this works out... 
      </p>


        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#swanson</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#tui</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/BbulLnd6VYin">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from iPhone" aria-label="Written from iPhone" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path d="M8 16.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z" />
    <path fill-rule="evenodd" d="M4 4a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V4Zm4-1.5v.75c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75V2.5h1A1.5 1.5 0 0 1 14.5 4v12a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 16V4A1.5 1.5 0 0 1 7 2.5h1Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-01-30T13:21:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Jan 30 at 1:21 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Floor shopping today. Was gonna see about doors but nothing is ever fucking simple…. Got a few tears to bring home… 
      </p>



    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/eEj8rM1bSY54">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from CLI" aria-label="Written from CLI" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm.943 8.752a.75.75 0 0 1 .055-1.06L6.128 9l-1.88-1.693a.75.75 0 1 1 1.004-1.114l2.5 2.25a.75.75 0 0 1 0 1.114l-2.5 2.25a.75.75 0 0 1-1.06-.055ZM9.75 10.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-01-28T17:43:27Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Jan 28 at 5:43 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        First thought from my werk machine.. hopefully works
      </p>



    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/U7CyRcjV99CZ">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-01-27T22:11:54Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Jan 27 at 10:11 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        New blog post up.... Claude code and how it has changed my workflow - https://swm.cc/writing/working-with-claude/
      </p>

          <div class="mt-3 rounded-xl border border-zinc-200 dark:border-zinc-700 overflow-hidden hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors" data-controller="link-preview">
              <div class="aspect-[2/1] bg-zinc-100 dark:bg-zinc-800" data-link-preview-image-box>
                <img class="w-full h-full object-cover" alt="Working with Claude: A Senior Developer&#39;s Honest Take" data-link-preview-target="image" src="https://swm.cc/og-image.png" />
              </div>
            <div class="p-3">
              <p class="text-xs text-zinc-500 dark:text-zinc-400 truncate">swm.cc</p>
                <p class="text-sm font-medium text-zinc-900 dark:text-white truncate">Working with Claude: A Senior Developer&#39;s Honest Take</p>
                <p class="text-xs text-zinc-500 dark:text-zinc-400 line-clamp-2 mt-0.5">After months of integrating AI into my development workflow, here&#39;s what actually works and why planning mode, skills, and tasks have been game changers</p>
            </div>
          </div>


    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/kaamqCz1KRRs">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from CLI" aria-label="Written from CLI" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm.943 8.752a.75.75 0 0 1 .055-1.06L6.128 9l-1.88-1.693a.75.75 0 1 1 1.004-1.114l2.5 2.25a.75.75 0 0 1 0 1.114l-2.5 2.25a.75.75 0 0 1-1.06-.055ZM9.75 10.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-01-25T19:07:56Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Jan 25 at 7:07 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        I can now post from the CLI (which will suit me greatly). The source is now visible in the thought too! 🧑‍💻
      </p>



    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/cyNE3ZOmzA6V">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-01-25T15:33:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Jan 25 at 3:33 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Just spent 2700 quid on furniture there for the TV Room. I feel faint….
      </p>



    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/eFNdvK2ljRFv">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-01-24T04:15:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Jan 24 at 4:15 AM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        So as I said o moved my thoughts to an app. Read here on my project page - https://swm.cc/projects/building-thoughts/
      </p>

          <div class="mt-3 rounded-xl border border-zinc-200 dark:border-zinc-700 overflow-hidden hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors" data-controller="link-preview">
              <div class="aspect-[2/1] bg-zinc-100 dark:bg-zinc-800" data-link-preview-image-box>
                <img class="w-full h-full object-cover" alt="Building thoughts.swm.cc" data-link-preview-target="image" src="https://swm.cc/og-image.png" />
              </div>
            <div class="p-3">
              <p class="text-xs text-zinc-500 dark:text-zinc-400 truncate">swm.cc</p>
                <p class="text-sm font-medium text-zinc-900 dark:text-white truncate">Building thoughts.swm.cc</p>
                <p class="text-xs text-zinc-500 dark:text-zinc-400 line-clamp-2 mt-0.5">A simple Rails microblogging app for quick thoughts, replacing a complicated workflow that didn&#39;t work on mobile</p>
            </div>
          </div>


    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/hMil6nHcaNgx">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2026-01-24T03:41:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Jan 24 at 3:41 AM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Moved my thoughts to a new home.. wee rails app. Should make posting a bit easier.. Time will tell.
      </p>



    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/fmuzU2IIwqpr">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2025-12-17T22:56:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Dec 17, 2025 at 10:56 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Moved a domain to migadu.com and started to use neomutt. I missed mutt. Lets see if I migrate my domains to this instead of gmail…
      </p>


        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#mutt</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#mail</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#gmail</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#migadu</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#email</span>
        </div>

    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/63ggYyyy7Esf">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2025-11-22T02:06:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Nov 22, 2025 at 2:06 AM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Spent way too long trying to workout how to get spotify history working in my workflow. Back to the drawing board tomorrow.
      </p>



    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/wPHIXZoNyzhE">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2025-11-15T23:03:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Nov 15, 2025 at 11:03 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        Lazy Saturdays starting either a 15 hour sleep are where its at…
      </p>



    </div>
</a></article>
<article class="thought-card group">
  <a class="flex gap-3 p-4 -mx-2 rounded-2xl hover:bg-white dark:hover:bg-zinc-900/50 transition-all duration-200" href="/thoughts/g3tYrkmXTi5M">
    <!-- Avatar -->
    <div class="shrink-0">
      <img class="w-10 h-10 rounded-full bg-white dark:bg-zinc-900" alt="swmcc" src="https://swm.cc/profile.svg" />
    </div>

    <!-- Content -->
    <div class="flex-1 min-w-0">
      <div class="flex items-center gap-1">
        <span class="text-[15px] font-semibold text-zinc-900 dark:text-white">swmcc</span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <span data-tooltip="Written from web" aria-label="Written from web" class="tooltip text-zinc-400 dark:text-zinc-500 cursor-help inline-flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="pointer-events-none">
    <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd" />
  </svg>

        </span>
        <span class="text-xs text-zinc-400 dark:text-zinc-600">·</span>
        <time datetime="2025-11-14T16:29:00Z" class="text-xs text-zinc-500 dark:text-zinc-500">
          Nov 14, 2025 at 4:29 PM
        </time>
      </div>

      <p class="mt-1 text-[15px] text-zinc-800 dark:text-zinc-200 leading-relaxed">
        0 hours sleep last night. I’m wrecked.
      </p>


        <div class="mt-2 text-sm">
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#life</span> 
            <span class="text-blue-500 dark:text-blue-400 hover:underline">#sleeping</span>
        </div>

    </div>
</a></article>

</template></turbo-stream>
<turbo-stream action="replace" target="pagination"><template>
  <div id="pagination" data-infinite-scroll-target="pagination" class="mt-12 flex justify-center">
      <a class="inline-flex items-center gap-2 px-6 py-3 bg-zinc-100 dark:bg-zinc-800 text-zinc-700 dark:text-zinc-300 rounded-full hover:bg-zinc-200 dark:hover:bg-zinc-700 transition-all duration-200 text-sm font-medium shadow-sm hover:shadow" href="/thoughts.turbo_stream?page=3">
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
        </svg>
        Load more thoughts
</a>  </div>
</template></turbo-stream>