<turbo-stream action="replace" target="event_modal"><template><turbo-frame id="event_modal">
  <div class="modal fade" id="eventModal" tabindex="-1" aria-hidden="true" data-controller="modal">
    <script>EVENT_META = {"title":"The Liberation of Thassos","description":"The Liberation of Thassos is celebrated annually on October 18, marking the day in 1912 when Thassos was freed from Ottoman rule and became part of Greece. T...","url":"https://events.go-thassos.gr/events/121","image":"https://cdn.go-thassos.gr/assets/gothassos_events/meta/og-03393e02.png"};</script>

    <div class="modal-dialog modal-fullscreen-md-down">
      <div class="modal-content event past">
        <div class="modal-header event-date">
            <h1 class="modal-title fs-3">18/10/2024</h1>


          <button type="button" class="btn-close white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>

        <div class="modal-body p-0">

          <div class="p-3">
              <h2>Parade</h2>

              <h3 class="fs-4">The Liberation of Thassos</h3>

              <div class="mb-4"><div class="lexxy-content">
  The Liberation of Thassos is celebrated annually on October 18, marking the day in 1912 when Thassos was freed from Ottoman rule and became part of Greece. This day commemorates the courage and resilience of the island's inhabitants and the Greek forces who fought for liberation. Celebrations include parades, traditional dances, and ceremonies honoring those who contributed to the island's freedom.
</div>
</div>


              <div class="mb-3">
                <h3 class="d-none">Times</h3>


                  <div class="fs-3">
                    <span>Starts: <span>
                    <span>12:00</span></div>

                  <div class="fs-3">
                    <span>Ends: </span>
                    <span>13:00</span>
                  </div>
              </div>

              <div class="text-success fs-3 mb-3">
                FREE ENTRY
              </div>


              <div class="mb-3">
                <h3 class="fs-3">Information</h3>






                  <div class="text-truncate">
                    <i class="fa-solid fa-share-nodes"></i>
                    <a href="https://nownews.gr/%CF%80%CF%81%CF%8C%CE%B3%CF%81%CE%B1%CE%BC%CE%BC%CE%B1-%CE%B5%CE%BF%CF%81%CF%84%CE%B1%CF%83%CE%BC%CE%BF%CF%8D-%CE%B1%CF%80%CE%B5%CE%BB%CE%B5%CF%85%CE%B8%CE%AD%CF%81%CF%89%CF%83%CE%B7%CF%82-%CE%B8-3" target="_blank" class="fs-5">https://nownews.gr/%CF%80%CF%81%CF%8C%CE%B3%CF%81%CE%B1%CE%BC%CE%BC%CE%B1-%CE%B5%CE%BF%CF%81%CF%84%CE%B1%CF%83%CE%BC%CE%BF%CF%8D-%CE%B1%CF%80%CE%B5%CE%BB%CE%B5%CF%85%CE%B8%CE%AD%CF%81%CF%89%CF%83%CE%B7%CF%82-%CE%B8-3</a>
                  </div>
              </div>

              <div class="event-image mb-3 mt-4">
                  <img class="w-100 mb-3 border lazyload d-nojs-none" alt="Event Poster" draggable="false" src="https://gtcdn.imgix.net/xbe1zd36gy7oxw8y97i8ip9tlczs?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=8f6a8619483c37e782afdb350bc76a96" srcset="https://gtcdn.imgix.net/xbe1zd36gy7oxw8y97i8ip9tlczs?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=8f6a8619483c37e782afdb350bc76a96 100w" data-srcset="https://gtcdn.imgix.net/xbe1zd36gy7oxw8y97i8ip9tlczs?mark&fm=avif&w=350&s=c2ad6aed98d561a7a9be559d8172af5e 350w,
https://gtcdn.imgix.net/xbe1zd36gy7oxw8y97i8ip9tlczs?mark&fm=avif&w=500&s=73c1e44b12cfd4793f0d4c34c974ad28 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/xbe1zd36gy7oxw8y97i8ip9tlczs?mark&fm=avif&s=6204d77ccaa19f3e94e34decfab0b9be" > 
              </div>


              <div>
                  <h3>
                    <span class="visually-hidden">Location</span>
                    <i class="fa-solid fa-location-dot me-1"></i>
                      <span>Limenas, Thassos</span>
                  </h3>

                  <img
                    src="https://api.mapbox.com/styles/v1/gothassos2/cjkjqn0hu4os72ss2t2tqt5oy/static/pin-l+ffea00(24.708996,40.779827/24.650472,40.687235,10,0/580x544@2x?access_token=pk.eyJ1IjoiZ290aGFzc29zMiIsImEiOiJjanZ3ODZyMWoxcms4NGJtczU2emUxZGlxIn0.ibn3HWEGofsDHB4pTGB1Pg"
                    alt="Map Here"
                    class="ratio ratio-1x1 w-100 mb-3"
                    draggable="false"
                  >
                  <div class="d-none"><strong>Latitude:</strong> <span>40.779827</span></div>
                  <div class="d-none"><strong>Longitude:</strong> <span>24.708996</span></div>
                  <div class="d-grid gap-2">
                    <a href="https://www.google.com/maps/search/?api=1&amp;query=40.779827,24.708996" target="_blank" class="btn btn-cta btn-lg">
                      Get Directions
                    </a>
                  </div>
              </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</turbo-frame>
</template></turbo-stream>