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

<div id="profile-walk-6780" class="relative 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="6780"
            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">Aug</span>
    <span class="text-white text-sm font-bold">10</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, August 10
      </span>

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

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

    </div>

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Partially nice walk at Battle Abbey. Oh, got Geocache too. Saw things not seen on previous visit. Sadly, hurt myself going down steps with dog&#39;s chariot. Badly twisted ankle on good leg. Still continued to walk around after accident  but was in a lot of pain</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="6780" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div 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-0 right-0 w-11 h-11 flex items-center justify-center 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, August 10</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-violet-100 text-violet-700">
            Hard day
          </span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Warm</span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Partially nice walk at Battle Abbey. Oh, got Geocache too. Saw things not seen on previous visit. Sadly, hurt myself going down steps with dog&#39;s chariot. Badly twisted ankle on good leg. Still continued to walk around after accident  but was in a lot of pain</p>





  </div>

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

    

<div id="profile-walk-6689" class="relative 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="6689"
            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">Aug</span>
    <span class="text-white text-sm font-bold">9</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, August 9
      </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>

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

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

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Geocaching in Ringmer, Lewes [pronounced Lewis] on hols. No walking stick</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="6689" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div 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-0 right-0 w-11 h-11 flex items-center justify-center 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, August 9</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>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-terracotta-100 text-terracotta-700">Hot</span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Clear</span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Geocaching in Ringmer, Lewes [pronounced Lewis] on hols. No walking stick</p>





  </div>

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

    

<div id="profile-walk-6691" class="relative 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="6691"
            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">Aug</span>
    <span class="text-white text-sm font-bold">8</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, August 8
      </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>

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

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

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Short walk to &amp; from record shop [Not Just A Record Shop] in Eastbourne on hols, from car. Did a Geocache hunt too but didn&#39;t find... No walking stick</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="6691" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div 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-0 right-0 w-11 h-11 flex items-center justify-center 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, August 8</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>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Warm</span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Clear</span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Short walk to &amp; from record shop [Not Just A Record Shop] in Eastbourne on hols, from car. Did a Geocache hunt too but didn&#39;t find... No walking stick</p>





  </div>

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

    

<div id="profile-walk-6693" class="relative 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="6693"
            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">Aug</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">
        Friday, August 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>

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

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

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Lovely walk around Lewes town on hols. Checked out some charity shops too. No walking stick</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="6693" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div 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-0 right-0 w-11 h-11 flex items-center justify-center 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, August 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>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Warm</span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Clear</span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Lovely walk around Lewes town on hols. Checked out some charity shops too. No walking stick</p>





  </div>

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

    

<div id="profile-walk-6694" class="relative 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="6694"
            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">Aug</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">
        Thursday, August 6
      </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>

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

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

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Using stick walked around Uckfield town on hols - hard going today. Went in a few charity shops and got several CDs. Sadly left a few that were good - no signal to check them out on mob. Got bothered by a God Bother. Didn&#39;t find a Geocache we looked for</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="6694" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div 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-0 right-0 w-11 h-11 flex items-center justify-center 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, August 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-forest-100 text-forest-700">
            Good
          </span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-terracotta-100 text-terracotta-700">Hot</span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Clear</span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Using stick walked around Uckfield town on hols - hard going today. Went in a few charity shops and got several CDs. Sadly left a few that were good - no signal to check them out on mob. Got bothered by a God Bother. Didn&#39;t find a Geocache we looked for</p>





  </div>

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

    

<div id="profile-walk-6450" class="relative 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="6450"
            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">Aug</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">
        Wednesday, August 5
      </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>

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

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

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Very short trundle on Eastbourne beach on hols after excellent fish &amp; chips dindins in carpark</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="6450" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div 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-0 right-0 w-11 h-11 flex items-center justify-center 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, August 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-forest-100 text-forest-700">
            Good
          </span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-moss-100 text-moss-700">Mild</span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Clear</span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Very short trundle on Eastbourne beach on hols after excellent fish &amp; chips dindins in carpark</p>





  </div>

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

    

<div id="profile-walk-6446" class="relative 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="6446"
            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">Aug</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 group-hover:text-forest-700">
        Tuesday, August 4
      </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>

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

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

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Arlington Nature Reserve. 1 3/4 miles. I managed it, no walking stick. It was painful but I pushed through. Much of walk was on rough terrain &amp; up &amp; down. Did push Zack&#39;s chariot [minus Z] early on. Stood on big thorn that went through shoe, oooouch...</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="6446" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div 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-0 right-0 w-11 h-11 flex items-center justify-center 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, August 4</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>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Warm</span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Clear</span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Arlington Nature Reserve. 1 3/4 miles. I managed it, no walking stick. It was painful but I pushed through. Much of walk was on rough terrain &amp; up &amp; down. Did push Zack&#39;s chariot [minus Z] early on. Stood on big thorn that went through shoe, oooouch...</p>





  </div>

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

    

<div id="profile-walk-6269" class="relative 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="6269"
            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">Aug</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">
        Sunday, August 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>

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

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

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Parked just outside Seaford. The sea was in front of us. We walked along a path [I pushed Zack in his chariot, no walking stick] just off from the beach, had icecream &amp; a drink, got a Geocache &amp; wiled away the rest of afternoon looking out to sea with our binoculars on a bench.</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="6269" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div 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-0 right-0 w-11 h-11 flex items-center justify-center 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, August 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>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-terracotta-100 text-terracotta-700">Hot</span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Clear</span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Parked just outside Seaford. The sea was in front of us. We walked along a path [I pushed Zack in his chariot, no walking stick] just off from the beach, had icecream &amp; a drink, got a Geocache &amp; wiled away the rest of afternoon looking out to sea with our binoculars on a bench.</p>





  </div>

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

    

<div id="profile-walk-6268" class="relative 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="6268"
            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">Aug</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">
        Sunday, August 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>

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

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

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Enormous carboot [Bramley Farm Boot Fair] on holiday. Walked for hours on uneven ground pushing Zack in his chariot. No walking stick. Found lots of cool CDs for £1 each</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="6268" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div 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-0 right-0 w-11 h-11 flex items-center justify-center 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, August 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>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-terracotta-100 text-terracotta-700">Hot</span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Clear</span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Enormous carboot [Bramley Farm Boot Fair] on holiday. Walked for hours on uneven ground pushing Zack in his chariot. No walking stick. Found lots of cool CDs for £1 each</p>





  </div>

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

    

<div id="profile-walk-6270" class="relative 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="6270"
            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">Aug</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">
        Saturday, August 1
      </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>

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

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

      <p class="text-sm text-slate-500 mt-1 line-clamp-2">Little walk around East Hoathly village, where we are staying on hols. No stick. Pushed Zack&#39;s chariot without him in and with him in.</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="6270" data-action="click-&gt;walk-day-modal#backdropClose turbo:submit-end-&gt;walk-day-modal#submitEnd">
  <div 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-0 right-0 w-11 h-11 flex items-center justify-center 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, August 1</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>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-terracotta-100 text-terracotta-700">Hot</span>
          <span class="inline-flex items-center px-2.5 py-0.5 text-xs rounded-full font-medium bg-sunrise-100 text-sunrise-700">Clear</span>
      </div>

      <p class="text-sm text-slate-600 leading-relaxed">Little walk around East Hoathly village, where we are staying on hols. No stick. Pushed Zack&#39;s chariot without him in and with him in.</p>





  </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="/@ratt/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>