<turbo-stream action="append" target="profile-walk-list"><template>
    

<div id="profile-walk-3430" class="flex items-stretch rounded-xl bg-white/70 border border-cream-200 hover:border-forest-300 transition-colors">
    <button type="button"
            data-action="click->walk-day-modal#open"
            data-walk-day-modal-id-param="3430"
            class="flex-1 min-w-0 flex items-start gap-3 sm:gap-4 p-3 sm:p-4 text-left hover:bg-white/90 transition-colors cursor-pointer group rounded-l-xl rounded-r-xl">
        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-forest-400 to-forest-500 flex flex-col items-center justify-center leading-none">
    <span class="text-white/80 text-[9px] font-bold uppercase tracking-wider">Jun</span>
    <span class="text-white text-sm font-bold">12</span>
  </div>

  <div class="flex-1 min-w-0">
    <div class="flex items-center flex-wrap gap-x-2 gap-y-1">
      <span class="text-sm font-medium text-slate-800 group-hover:text-forest-700">
        Friday, June 12
      </span>


        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-700">
          Great
        </span>


    </div>



  </div>

    <div class="flex-shrink-0">
      <img class="w-12 h-12 sm:w-14 sm:h-14 rounded-lg object-cover shadow-sm" alt="Walk photo from Friday, June 12" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzI3MywicHVyIjoiYmxvYl9pZCJ9fQ==--0ed6d0486741ec536b707f947236a0bffd5bcfc8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-c6077ad1-d954-476b-af2b-146678cb710d.jpg" />
    </div>

    <div class="flex-shrink-0 self-center text-slate-300 group-hover:text-slate-500 transition-colors">
      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
      </svg>
    </div>

    </button>


    <div class="hidden fixed inset-0 z-50 flex items-stretch justify-center sm:items-center bg-black/40 backdrop-blur-sm sm:p-4" data-walk-day-modal-target="modal" data-walk-id="3430" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div data-action="click->walk-day-modal#panelClick"
       data-walk-day-modal-panel
       tabindex="-1"
       class="relative bg-cream-50 shadow-xl w-full overflow-y-auto animate-modal-up h-full max-h-none rounded-none pt-12 pb-6 px-5 sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:max-w-2xl sm:pt-10 sm:pb-6 sm:px-6">
    <button data-action="click->walk-day-modal#close" aria-label="Close"
            class="absolute top-3 right-3 text-slate-400 hover:text-slate-600 transition-colors cursor-pointer">
      <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
      </svg>
    </button>

    
  <div class="space-y-4 text-left">
    <div>
      <h3 class="font-display font-bold text-slate-900 text-lg">Friday, June 12</h3>
    </div>

      <div class="flex items-center flex-wrap gap-2">
          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-700">
            Great
          </span>
      </div>




      <div class="mt-2">
        <img alt="Walk photo from Friday, June 12" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzI3MywicHVyIjoiYmxvYl9pZCJ9fQ==--0ed6d0486741ec536b707f947236a0bffd5bcfc8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-c6077ad1-d954-476b-af2b-146678cb710d.jpg" />
      </div>


  </div>

  </div>
</div>
</div>

    

<div id="profile-walk-3371" class="flex items-stretch rounded-xl bg-white/70 border border-cream-200 hover:border-forest-300 transition-colors">
    <button type="button"
            data-action="click->walk-day-modal#open"
            data-walk-day-modal-id-param="3371"
            class="flex-1 min-w-0 flex items-start gap-3 sm:gap-4 p-3 sm:p-4 text-left hover:bg-white/90 transition-colors cursor-pointer group rounded-l-xl rounded-r-xl">
        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-forest-400 to-forest-500 flex flex-col items-center justify-center leading-none">
    <span class="text-white/80 text-[9px] font-bold uppercase tracking-wider">Jun</span>
    <span class="text-white text-sm font-bold">11</span>
  </div>

  <div class="flex-1 min-w-0">
    <div class="flex items-center flex-wrap gap-x-2 gap-y-1">
      <span class="text-sm font-medium text-slate-800 group-hover:text-forest-700">
        Thursday, June 11
      </span>


        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-sky-100 text-sky-700">
          Low energy
        </span>


    </div>

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Very humid today, but still a nice walk in the park 🥵 </p>


  </div>


    <div class="flex-shrink-0 self-center text-slate-300 group-hover:text-slate-500 transition-colors">
      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
      </svg>
    </div>

    </button>


    <div class="hidden fixed inset-0 z-50 flex items-stretch justify-center sm:items-center bg-black/40 backdrop-blur-sm sm:p-4" data-walk-day-modal-target="modal" data-walk-id="3371" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div data-action="click->walk-day-modal#panelClick"
       data-walk-day-modal-panel
       tabindex="-1"
       class="relative bg-cream-50 shadow-xl w-full overflow-y-auto animate-modal-up h-full max-h-none rounded-none pt-12 pb-6 px-5 sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:max-w-2xl sm:pt-10 sm:pb-6 sm:px-6">
    <button data-action="click->walk-day-modal#close" aria-label="Close"
            class="absolute top-3 right-3 text-slate-400 hover:text-slate-600 transition-colors cursor-pointer">
      <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
      </svg>
    </button>

    
  <div class="space-y-4 text-left">
    <div>
      <h3 class="font-display font-bold text-slate-900 text-lg">Thursday, June 11</h3>
    </div>

      <div class="flex items-center flex-wrap gap-2">
          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sky-100 text-sky-700">
            Low energy
          </span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Very humid today, but still a nice walk in the park 🥵 </p>





  </div>

  </div>
</div>
</div>

    

<div id="profile-walk-3226" class="flex items-stretch rounded-xl bg-white/70 border border-cream-200 hover:border-forest-300 transition-colors">
    <button type="button"
            data-action="click->walk-day-modal#open"
            data-walk-day-modal-id-param="3226"
            class="flex-1 min-w-0 flex items-start gap-3 sm:gap-4 p-3 sm:p-4 text-left hover:bg-white/90 transition-colors cursor-pointer group rounded-l-xl rounded-r-xl">
        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-forest-400 to-forest-500 flex flex-col items-center justify-center leading-none">
    <span class="text-white/80 text-[9px] font-bold uppercase tracking-wider">Jun</span>
    <span class="text-white text-sm font-bold">7</span>
  </div>

  <div class="flex-1 min-w-0">
    <div class="flex items-center flex-wrap gap-x-2 gap-y-1">
      <span class="text-sm font-medium text-slate-800 group-hover:text-forest-700">
        Sunday, June 7
      </span>


        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-forest-100 text-forest-700">
          Good
        </span>


    </div>



  </div>

    <div class="flex-shrink-0">
      <img class="w-12 h-12 sm:w-14 sm:h-14 rounded-lg object-cover shadow-sm" alt="Walk photo from Sunday, June 7" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjk2NywicHVyIjoiYmxvYl9pZCJ9fQ==--8581f2771aa3b17bdd939d51fd2f47aa38a2eb1c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-1f72be5e-f21e-4f10-a30f-071f229f8e17.jpg" />
    </div>

    <div class="flex-shrink-0 self-center text-slate-300 group-hover:text-slate-500 transition-colors">
      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
      </svg>
    </div>

    </button>


    <div class="hidden fixed inset-0 z-50 flex items-stretch justify-center sm:items-center bg-black/40 backdrop-blur-sm sm:p-4" data-walk-day-modal-target="modal" data-walk-id="3226" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div data-action="click->walk-day-modal#panelClick"
       data-walk-day-modal-panel
       tabindex="-1"
       class="relative bg-cream-50 shadow-xl w-full overflow-y-auto animate-modal-up h-full max-h-none rounded-none pt-12 pb-6 px-5 sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:max-w-2xl sm:pt-10 sm:pb-6 sm:px-6">
    <button data-action="click->walk-day-modal#close" aria-label="Close"
            class="absolute top-3 right-3 text-slate-400 hover:text-slate-600 transition-colors cursor-pointer">
      <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
      </svg>
    </button>

    
  <div class="space-y-4 text-left">
    <div>
      <h3 class="font-display font-bold text-slate-900 text-lg">Sunday, June 7</h3>
    </div>

      <div class="flex items-center flex-wrap gap-2">
          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-forest-100 text-forest-700">
            Good
          </span>
      </div>




      <div class="mt-2">
        <img alt="Walk photo from Sunday, June 7" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjk2NywicHVyIjoiYmxvYl9pZCJ9fQ==--8581f2771aa3b17bdd939d51fd2f47aa38a2eb1c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-1f72be5e-f21e-4f10-a30f-071f229f8e17.jpg" />
      </div>


  </div>

  </div>
</div>
</div>

    

<div id="profile-walk-3181" class="flex items-stretch rounded-xl bg-white/70 border border-cream-200 hover:border-forest-300 transition-colors">
    <button type="button"
            data-action="click->walk-day-modal#open"
            data-walk-day-modal-id-param="3181"
            class="flex-1 min-w-0 flex items-start gap-3 sm:gap-4 p-3 sm:p-4 text-left hover:bg-white/90 transition-colors cursor-pointer group rounded-l-xl rounded-r-xl">
        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-forest-400 to-forest-500 flex flex-col items-center justify-center leading-none">
    <span class="text-white/80 text-[9px] font-bold uppercase tracking-wider">Jun</span>
    <span class="text-white text-sm font-bold">6</span>
  </div>

  <div class="flex-1 min-w-0">
    <div class="flex items-center flex-wrap gap-x-2 gap-y-1">
      <span class="text-sm font-medium text-slate-800 group-hover:text-forest-700">
        Saturday, June 6
      </span>


        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-700">
          Great
        </span>


    </div>

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Feeling good 👍 </p>


  </div>

    <div class="flex-shrink-0">
      <img class="w-12 h-12 sm:w-14 sm:h-14 rounded-lg object-cover shadow-sm" alt="Walk photo from Saturday, June 6" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjkyMywicHVyIjoiYmxvYl9pZCJ9fQ==--4d11554f8dffa9adcbc7084dce7309ac27b6796f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-e19dc863-3ca7-42a2-9048-2546185d59c0.jpg" />
    </div>

    <div class="flex-shrink-0 self-center text-slate-300 group-hover:text-slate-500 transition-colors">
      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
      </svg>
    </div>

    </button>


    <div class="hidden fixed inset-0 z-50 flex items-stretch justify-center sm:items-center bg-black/40 backdrop-blur-sm sm:p-4" data-walk-day-modal-target="modal" data-walk-id="3181" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div data-action="click->walk-day-modal#panelClick"
       data-walk-day-modal-panel
       tabindex="-1"
       class="relative bg-cream-50 shadow-xl w-full overflow-y-auto animate-modal-up h-full max-h-none rounded-none pt-12 pb-6 px-5 sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:max-w-2xl sm:pt-10 sm:pb-6 sm:px-6">
    <button data-action="click->walk-day-modal#close" aria-label="Close"
            class="absolute top-3 right-3 text-slate-400 hover:text-slate-600 transition-colors cursor-pointer">
      <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
      </svg>
    </button>

    
  <div class="space-y-4 text-left">
    <div>
      <h3 class="font-display font-bold text-slate-900 text-lg">Saturday, June 6</h3>
    </div>

      <div class="flex items-center flex-wrap gap-2">
          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-700">
            Great
          </span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Feeling good 👍 </p>



      <div class="mt-2">
        <img alt="Walk photo from Saturday, June 6" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjkyMywicHVyIjoiYmxvYl9pZCJ9fQ==--4d11554f8dffa9adcbc7084dce7309ac27b6796f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-e19dc863-3ca7-42a2-9048-2546185d59c0.jpg" />
      </div>


  </div>

  </div>
</div>
</div>

    

<div id="profile-walk-3147" class="flex items-stretch rounded-xl bg-white/70 border border-cream-200 hover:border-forest-300 transition-colors">
    <button type="button"
            data-action="click->walk-day-modal#open"
            data-walk-day-modal-id-param="3147"
            class="flex-1 min-w-0 flex items-start gap-3 sm:gap-4 p-3 sm:p-4 text-left hover:bg-white/90 transition-colors cursor-pointer group rounded-l-xl rounded-r-xl">
        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-forest-400 to-forest-500 flex flex-col items-center justify-center leading-none">
    <span class="text-white/80 text-[9px] font-bold uppercase tracking-wider">Jun</span>
    <span class="text-white text-sm font-bold">5</span>
  </div>

  <div class="flex-1 min-w-0">
    <div class="flex items-center flex-wrap gap-x-2 gap-y-1">
      <span class="text-sm font-medium text-slate-800 group-hover:text-forest-700">
        Friday, June 5
      </span>


        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-slate-100 text-slate-600">
          Okay
        </span>


    </div>

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">A cloudy Friday walk in the park.</p>


  </div>

    <div class="flex-shrink-0">
      <img class="w-12 h-12 sm:w-14 sm:h-14 rounded-lg object-cover shadow-sm" alt="Walk photo from Friday, June 5" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjg0NiwicHVyIjoiYmxvYl9pZCJ9fQ==--745b1a9ad30fb5a2fb53d5d4ca950d4e4135dbe3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-1cb51091-424e-4bc1-ace5-34259ab3ac5d.jpg" />
    </div>

    <div class="flex-shrink-0 self-center text-slate-300 group-hover:text-slate-500 transition-colors">
      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
      </svg>
    </div>

    </button>


    <div class="hidden fixed inset-0 z-50 flex items-stretch justify-center sm:items-center bg-black/40 backdrop-blur-sm sm:p-4" data-walk-day-modal-target="modal" data-walk-id="3147" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div data-action="click->walk-day-modal#panelClick"
       data-walk-day-modal-panel
       tabindex="-1"
       class="relative bg-cream-50 shadow-xl w-full overflow-y-auto animate-modal-up h-full max-h-none rounded-none pt-12 pb-6 px-5 sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:max-w-2xl sm:pt-10 sm:pb-6 sm:px-6">
    <button data-action="click->walk-day-modal#close" aria-label="Close"
            class="absolute top-3 right-3 text-slate-400 hover:text-slate-600 transition-colors cursor-pointer">
      <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
      </svg>
    </button>

    
  <div class="space-y-4 text-left">
    <div>
      <h3 class="font-display font-bold text-slate-900 text-lg">Friday, June 5</h3>
    </div>

      <div class="flex items-center flex-wrap gap-2">
          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-slate-100 text-slate-600">
            Okay
          </span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">A cloudy Friday walk in the park.</p>



      <div class="mt-2">
        <img alt="Walk photo from Friday, June 5" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjg0NiwicHVyIjoiYmxvYl9pZCJ9fQ==--745b1a9ad30fb5a2fb53d5d4ca950d4e4135dbe3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-1cb51091-424e-4bc1-ace5-34259ab3ac5d.jpg" />
      </div>


  </div>

  </div>
</div>
</div>

    

<div id="profile-walk-3110" class="flex items-stretch rounded-xl bg-white/70 border border-cream-200 ">
    <div class="flex-1 min-w-0 flex items-start gap-3 sm:gap-4 p-3 sm:p-4 text-left">
        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-forest-400 to-forest-500 flex flex-col items-center justify-center leading-none">
    <span class="text-white/80 text-[9px] font-bold uppercase tracking-wider">Jun</span>
    <span class="text-white text-sm font-bold">4</span>
  </div>

  <div class="flex-1 min-w-0">
    <div class="flex items-center flex-wrap gap-x-2 gap-y-1">
      <span class="text-sm font-medium text-slate-800 ">
        Thursday, June 4
      </span>




    </div>



  </div>



    </div>


</div>

    

<div id="profile-walk-3060" class="flex items-stretch rounded-xl bg-white/70 border border-cream-200 hover:border-forest-300 transition-colors">
    <button type="button"
            data-action="click->walk-day-modal#open"
            data-walk-day-modal-id-param="3060"
            class="flex-1 min-w-0 flex items-start gap-3 sm:gap-4 p-3 sm:p-4 text-left hover:bg-white/90 transition-colors cursor-pointer group rounded-l-xl rounded-r-xl">
        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-forest-400 to-forest-500 flex flex-col items-center justify-center leading-none">
    <span class="text-white/80 text-[9px] font-bold uppercase tracking-wider">Jun</span>
    <span class="text-white text-sm font-bold">3</span>
  </div>

  <div class="flex-1 min-w-0">
    <div class="flex items-center flex-wrap gap-x-2 gap-y-1">
      <span class="text-sm font-medium text-slate-800 group-hover:text-forest-700">
        Wednesday, June 3
      </span>


        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-700">
          Great
        </span>


    </div>

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Enjoyed a nice walk before and after attending a free community jazz concert in my local community park this evening. 🎷 🎺 🎸 🥁</p>


  </div>

    <div class="flex-shrink-0">
      <img class="w-12 h-12 sm:w-14 sm:h-14 rounded-lg object-cover shadow-sm" alt="Walk photo from Wednesday, June 3" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjY5MywicHVyIjoiYmxvYl9pZCJ9fQ==--b673af070362971abb1c3e6486c5eecd054428f9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-4035d7ed-c949-4b49-93d8-2a024beb4cf7.jpg" />
    </div>

    <div class="flex-shrink-0 self-center text-slate-300 group-hover:text-slate-500 transition-colors">
      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
      </svg>
    </div>

    </button>


    <div class="hidden fixed inset-0 z-50 flex items-stretch justify-center sm:items-center bg-black/40 backdrop-blur-sm sm:p-4" data-walk-day-modal-target="modal" data-walk-id="3060" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div data-action="click->walk-day-modal#panelClick"
       data-walk-day-modal-panel
       tabindex="-1"
       class="relative bg-cream-50 shadow-xl w-full overflow-y-auto animate-modal-up h-full max-h-none rounded-none pt-12 pb-6 px-5 sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:max-w-2xl sm:pt-10 sm:pb-6 sm:px-6">
    <button data-action="click->walk-day-modal#close" aria-label="Close"
            class="absolute top-3 right-3 text-slate-400 hover:text-slate-600 transition-colors cursor-pointer">
      <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
      </svg>
    </button>

    
  <div class="space-y-4 text-left">
    <div>
      <h3 class="font-display font-bold text-slate-900 text-lg">Wednesday, June 3</h3>
    </div>

      <div class="flex items-center flex-wrap gap-2">
          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-700">
            Great
          </span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Enjoyed a nice walk before and after attending a free community jazz concert in my local community park this evening. 🎷 🎺 🎸 🥁</p>



      <div class="mt-2">
        <img alt="Walk photo from Wednesday, June 3" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjY5MywicHVyIjoiYmxvYl9pZCJ9fQ==--b673af070362971abb1c3e6486c5eecd054428f9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-4035d7ed-c949-4b49-93d8-2a024beb4cf7.jpg" />
      </div>


  </div>

  </div>
</div>
</div>

    

<div id="profile-walk-3024" class="flex items-stretch rounded-xl bg-white/70 border border-cream-200 hover:border-forest-300 transition-colors">
    <button type="button"
            data-action="click->walk-day-modal#open"
            data-walk-day-modal-id-param="3024"
            class="flex-1 min-w-0 flex items-start gap-3 sm:gap-4 p-3 sm:p-4 text-left hover:bg-white/90 transition-colors cursor-pointer group rounded-l-xl rounded-r-xl">
        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-forest-400 to-forest-500 flex flex-col items-center justify-center leading-none">
    <span class="text-white/80 text-[9px] font-bold uppercase tracking-wider">Jun</span>
    <span class="text-white text-sm font-bold">2</span>
  </div>

  <div class="flex-1 min-w-0">
    <div class="flex items-center flex-wrap gap-x-2 gap-y-1">
      <span class="text-sm font-medium text-slate-800 group-hover:text-forest-700">
        Tuesday, June 2
      </span>


        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-700">
          Great
        </span>


    </div>



  </div>

    <div class="flex-shrink-0">
      <img class="w-12 h-12 sm:w-14 sm:h-14 rounded-lg object-cover shadow-sm" alt="Walk photo from Tuesday, June 2" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjYxOCwicHVyIjoiYmxvYl9pZCJ9fQ==--4ba2c2d5e908fd50ee83de356c1d1237a38f5c9e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-772ff691-1c66-4801-806e-afc93f3918db.jpg" />
    </div>

    <div class="flex-shrink-0 self-center text-slate-300 group-hover:text-slate-500 transition-colors">
      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
      </svg>
    </div>

    </button>


    <div class="hidden fixed inset-0 z-50 flex items-stretch justify-center sm:items-center bg-black/40 backdrop-blur-sm sm:p-4" data-walk-day-modal-target="modal" data-walk-id="3024" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div data-action="click->walk-day-modal#panelClick"
       data-walk-day-modal-panel
       tabindex="-1"
       class="relative bg-cream-50 shadow-xl w-full overflow-y-auto animate-modal-up h-full max-h-none rounded-none pt-12 pb-6 px-5 sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:max-w-2xl sm:pt-10 sm:pb-6 sm:px-6">
    <button data-action="click->walk-day-modal#close" aria-label="Close"
            class="absolute top-3 right-3 text-slate-400 hover:text-slate-600 transition-colors cursor-pointer">
      <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
      </svg>
    </button>

    
  <div class="space-y-4 text-left">
    <div>
      <h3 class="font-display font-bold text-slate-900 text-lg">Tuesday, June 2</h3>
    </div>

      <div class="flex items-center flex-wrap gap-2">
          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-700">
            Great
          </span>
      </div>




      <div class="mt-2">
        <img alt="Walk photo from Tuesday, June 2" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjYxOCwicHVyIjoiYmxvYl9pZCJ9fQ==--4ba2c2d5e908fd50ee83de356c1d1237a38f5c9e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-772ff691-1c66-4801-806e-afc93f3918db.jpg" />
      </div>


  </div>

  </div>
</div>
</div>

    

<div id="profile-walk-2970" class="flex items-stretch rounded-xl bg-white/70 border border-cream-200 hover:border-forest-300 transition-colors">
    <button type="button"
            data-action="click->walk-day-modal#open"
            data-walk-day-modal-id-param="2970"
            class="flex-1 min-w-0 flex items-start gap-3 sm:gap-4 p-3 sm:p-4 text-left hover:bg-white/90 transition-colors cursor-pointer group rounded-l-xl rounded-r-xl">
        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-forest-400 to-forest-500 flex flex-col items-center justify-center leading-none">
    <span class="text-white/80 text-[9px] font-bold uppercase tracking-wider">Jun</span>
    <span class="text-white text-sm font-bold">1</span>
  </div>

  <div class="flex-1 min-w-0">
    <div class="flex items-center flex-wrap gap-x-2 gap-y-1">
      <span class="text-sm font-medium text-slate-800 group-hover:text-forest-700">
        Monday, June 1
      </span>




    </div>

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Day 7! A twilight walk in the park.</p>


  </div>

    <div class="flex-shrink-0">
      <img class="w-12 h-12 sm:w-14 sm:h-14 rounded-lg object-cover shadow-sm" alt="Walk photo from Monday, June 1" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUzNywicHVyIjoiYmxvYl9pZCJ9fQ==--0fb88a7a65343022d3cb37f28a38d8a23578638a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-7ce66637-3487-4436-876e-c9021ba82da9.jpg" />
    </div>

    <div class="flex-shrink-0 self-center text-slate-300 group-hover:text-slate-500 transition-colors">
      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
      </svg>
    </div>

    </button>


    <div class="hidden fixed inset-0 z-50 flex items-stretch justify-center sm:items-center bg-black/40 backdrop-blur-sm sm:p-4" data-walk-day-modal-target="modal" data-walk-id="2970" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div data-action="click->walk-day-modal#panelClick"
       data-walk-day-modal-panel
       tabindex="-1"
       class="relative bg-cream-50 shadow-xl w-full overflow-y-auto animate-modal-up h-full max-h-none rounded-none pt-12 pb-6 px-5 sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:max-w-2xl sm:pt-10 sm:pb-6 sm:px-6">
    <button data-action="click->walk-day-modal#close" aria-label="Close"
            class="absolute top-3 right-3 text-slate-400 hover:text-slate-600 transition-colors cursor-pointer">
      <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
      </svg>
    </button>

    
  <div class="space-y-4 text-left">
    <div>
      <h3 class="font-display font-bold text-slate-900 text-lg">Monday, June 1</h3>
    </div>


      <p class="text-sm text-slate-600 leading-relaxed">Day 7! A twilight walk in the park.</p>



      <div class="mt-2">
        <img alt="Walk photo from Monday, June 1" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUzNywicHVyIjoiYmxvYl9pZCJ9fQ==--0fb88a7a65343022d3cb37f28a38d8a23578638a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-7ce66637-3487-4436-876e-c9021ba82da9.jpg" />
      </div>


  </div>

  </div>
</div>
</div>

    

<div id="profile-walk-2918" class="flex items-stretch rounded-xl bg-white/70 border border-cream-200 hover:border-forest-300 transition-colors">
    <button type="button"
            data-action="click->walk-day-modal#open"
            data-walk-day-modal-id-param="2918"
            class="flex-1 min-w-0 flex items-start gap-3 sm:gap-4 p-3 sm:p-4 text-left hover:bg-white/90 transition-colors cursor-pointer group rounded-l-xl rounded-r-xl">
        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-forest-400 to-forest-500 flex flex-col items-center justify-center leading-none">
    <span class="text-white/80 text-[9px] font-bold uppercase tracking-wider">May</span>
    <span class="text-white text-sm font-bold">31</span>
  </div>

  <div class="flex-1 min-w-0">
    <div class="flex items-center flex-wrap gap-x-2 gap-y-1">
      <span class="text-sm font-medium text-slate-800 group-hover:text-forest-700">
        Sunday, May 31
      </span>


        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-700">
          Great
        </span>


    </div>

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Didn&#39;t see a bunny today, but saw a little spider. 🕷</p>


  </div>

    <div class="flex-shrink-0">
      <img class="w-12 h-12 sm:w-14 sm:h-14 rounded-lg object-cover shadow-sm" alt="Walk photo from Sunday, May 31" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQyMCwicHVyIjoiYmxvYl9pZCJ9fQ==--632d30003c12e4ec3278bb6f21f514600d32696d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-6d67888b-cf00-4895-9ada-d7911d3b9562.jpg" />
    </div>

    <div class="flex-shrink-0 self-center text-slate-300 group-hover:text-slate-500 transition-colors">
      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
      </svg>
    </div>

    </button>


    <div class="hidden fixed inset-0 z-50 flex items-stretch justify-center sm:items-center bg-black/40 backdrop-blur-sm sm:p-4" data-walk-day-modal-target="modal" data-walk-id="2918" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div data-action="click->walk-day-modal#panelClick"
       data-walk-day-modal-panel
       tabindex="-1"
       class="relative bg-cream-50 shadow-xl w-full overflow-y-auto animate-modal-up h-full max-h-none rounded-none pt-12 pb-6 px-5 sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:max-w-2xl sm:pt-10 sm:pb-6 sm:px-6">
    <button data-action="click->walk-day-modal#close" aria-label="Close"
            class="absolute top-3 right-3 text-slate-400 hover:text-slate-600 transition-colors cursor-pointer">
      <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
      </svg>
    </button>

    
  <div class="space-y-4 text-left">
    <div>
      <h3 class="font-display font-bold text-slate-900 text-lg">Sunday, May 31</h3>
    </div>

      <div class="flex items-center flex-wrap gap-2">
          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-700">
            Great
          </span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Didn&#39;t see a bunny today, but saw a little spider. 🕷</p>



      <div class="mt-2">
        <img alt="Walk photo from Sunday, May 31" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQyMCwicHVyIjoiYmxvYl9pZCJ9fQ==--632d30003c12e4ec3278bb6f21f514600d32696d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-6d67888b-cf00-4895-9ada-d7911d3b9562.jpg" />
      </div>


  </div>

  </div>
</div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="profile-walk-list-more"><template>
  <div id="profile-walk-list-more" class="mt-4 text-center">
    <a data-turbo-stream="true" class="inline-flex items-center px-5 py-2.5 rounded-full bg-forest-50 text-forest-700 font-semibold hover:bg-forest-100 transition-colors" href="/@kalyka/walks?page=3">
      Show more walks
      <svg class="w-4 h-4 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
      </svg>
</a></div>

</template></turbo-stream>