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

<div id="profile-walk-2872" 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="2872"
            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">30</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, May 30
      </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">Went to the beach and then played putt-putt and walked around the park. Beautiful day.</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, May 30" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjMyOSwicHVyIjoiYmxvYl9pZCJ9fQ==--492f959a2a6bfd190bba44c1ae1fef5dde7ec6e4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-39b96fa4-14ad-419a-871e-9e2fc70f9eba.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="2872" 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, May 30</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">Went to the beach and then played putt-putt and walked around the park. Beautiful day.</p>



      <div class="mt-2">
        <img alt="Walk photo from Saturday, May 30" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjMyOSwicHVyIjoiYmxvYl9pZCJ9fQ==--492f959a2a6bfd190bba44c1ae1fef5dde7ec6e4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-39b96fa4-14ad-419a-871e-9e2fc70f9eba.jpg" />
      </div>


  </div>

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

    

<div id="profile-walk-2820" 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="2820"
            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">29</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, May 29
      </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">Saw another bunny today. The mosquitoes were annoying though.</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, May 29" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjI2NCwicHVyIjoiYmxvYl9pZCJ9fQ==--3dd39c9e3bfd73c5d707eabfbf878ff0b653ae33/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-54a8132c-2150-4657-85a4-71e0730b98f0.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="2820" 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, May 29</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">Saw another bunny today. The mosquitoes were annoying though.</p>



      <div class="mt-2">
        <img alt="Walk photo from Friday, May 29" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjI2NCwicHVyIjoiYmxvYl9pZCJ9fQ==--3dd39c9e3bfd73c5d707eabfbf878ff0b653ae33/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-54a8132c-2150-4657-85a4-71e0730b98f0.jpg" />
      </div>


  </div>

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

    

<div id="profile-walk-2770" 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="2770"
            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">28</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, May 28
      </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">Day 3. Wonder what this plant is?</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 Thursday, May 28" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjE5NywicHVyIjoiYmxvYl9pZCJ9fQ==--12f7d51d6ec902ab048df884cda58969410f0c53/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-1b6d08a7-190a-4e11-9a88-a2500e7e84bb.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="2770" 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, May 28</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">Day 3. Wonder what this plant is?</p>



      <div class="mt-2">
        <img alt="Walk photo from Thursday, May 28" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjE5NywicHVyIjoiYmxvYl9pZCJ9fQ==--12f7d51d6ec902ab048df884cda58969410f0c53/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-1b6d08a7-190a-4e11-9a88-a2500e7e84bb.jpg" />
      </div>


  </div>

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

    

<div id="profile-walk-2740" 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="2740"
            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">27</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, May 27
      </span>

        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-sunrise-100 text-sunrise-800">
          <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.294 3.985a1 1 0 00.95.69h4.19c.969 0 1.371 1.24.588 1.81l-3.39 2.462a1 1 0 00-.364 1.118l1.294 3.985c.3.921-.755 1.688-1.539 1.118l-3.39-2.462a1 1 0 00-1.175 0l-3.39 2.462c-.783.57-1.838-.197-1.539-1.118l1.294-3.985a1 1 0 00-.363-1.118L2.98 9.412c-.783-.57-.38-1.81.588-1.81h4.19a1 1 0 00.951-.69l1.294-3.985z"/>
          </svg>
          Featured
        </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">My 2nd day of walking in a row. I hope I can keep at it. I really do love nature. Took a photo of a cute bunny eating grass. I wonder if it&#39;s the same bunny I saw yesterday. 🐇</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, May 27" loading="lazy" decoding="async" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjEwMiwicHVyIjoiYmxvYl9pZCJ9fQ==--1e075e37d4ba3a05ebf1e12d6182cd723a16dc02/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls4MCw4MF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--61f5971d32cfcb1d456d32b401636323a5819888/walk-photo-e27d674a-13cb-49d6-83a4-66f432c6fc92.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="2740" 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, May 27</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">My 2nd day of walking in a row. I hope I can keep at it. I really do love nature. Took a photo of a cute bunny eating grass. I wonder if it&#39;s the same bunny I saw yesterday. 🐇</p>



      <div class="mt-2">
        <img alt="Walk photo from Wednesday, May 27" loading="lazy" decoding="async" class="rounded-xl shadow-sm max-w-full" src="https://mossmug.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjEwMiwicHVyIjoiYmxvYl9pZCJ9fQ==--1e075e37d4ba3a05ebf1e12d6182cd723a16dc02/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCwxMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--93700137e3d9a63bd80f2b81cb96363a486eaeeb/walk-photo-e27d674a-13cb-49d6-83a4-66f432c6fc92.jpg" />
      </div>


      <div class="pt-2 border-t border-cream-200">
        <a class="inline-flex items-center text-sm font-semibold text-forest-600 hover:text-forest-700 transition-colors" href="/w/K1ML66RBgYIStA">
          View shared walk page
          <svg class="w-4 h-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" />
          </svg>
</a>      </div>
  </div>

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

    

<div id="profile-walk-2697" 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">May</span>
    <span class="text-white text-sm font-bold">26</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 ">
        Tuesday, May 26
      </span>




    </div>



  </div>



    </div>


</div>

</template></turbo-stream><turbo-stream action="replace" target="profile-walk-list-more"><template>
  <div id="profile-walk-list-more" class="">
</div>

</template></turbo-stream>