<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":"Απελευθέρωση Θάσου | Go Thassos","description":"Η Απελευθέρωση της Θάσου γιορτάζεται κάθε χρόνο στις 18 Οκτωβρίου, τιμώντας την ημέρα του 1912 όταν η Θάσος απελευθερώθηκε από την οθωμανική κυριαρχία και εν...","url":"https://events.go-thassos.gr/el/events/121","image":"https://cdn.go-thassos.gr/assets/gothassos/pages/events/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>Παρέλαση</h2>

              <h3 class="fs-4">Απελευθέρωση Θάσου</h3>

              <div class="mb-4"><div class="lexxy-content">
  <p>Η Απελευθέρωση της Θάσου γιορτάζεται κάθε χρόνο στις 18 Οκτωβρίου, τιμώντας την ημέρα του 1912 όταν η Θάσος απελευθερώθηκε από την οθωμανική κυριαρχία και εντάχθηκε στην Ελλάδα. Αυτή η ημέρα συμβολίζει το θάρρος και την αντοχή των κατοίκων του νησιού και των ελληνικών δυνάμεων που αγωνίστηκαν για την ελευθερία. Οι εκδηλώσεις περιλαμβάνουν παρελάσεις, παραδοσιακούς χορούς και τελετές προς τιμήν εκείνων που συνέβαλαν στην απελευθέρωση του νησιού.</p>
</div>
</div>


              <div class="mb-3">
                <h3 class="d-none">Ώρες</h3>


                  <div class="fs-3">
                    <span>Έναρξη: <span>
                    <span>12:00</span></div>

                  <div class="fs-3">
                    <span>Λήξη: </span>
                    <span>13:00</span>
                  </div>
              </div>

              <div class="text-success fs-3 mb-3">
                ΔΩΡΕΑΝ ΕΙΣΟΔΟΣ
              </div>



              <div class="event-image mb-3 mt-4">
                  <div data-controller="image-retry">
                    <div class="text-center py-5" data-image-retry-target="spinner">
                      <div class="spinner-border text-secondary" role="status">
                        <span class="visually-hidden">Φόρτωση...</span>
                      </div>
                    </div>
                    <img class="w-100 mb-3 border lazyload d-nojs-none" alt="Event Poster" draggable="false" data-image-retry-target="image" 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>

              <div
                class="mb-3"
                data-controller="events--dates-calendar"
                data-events--dates-calendar-locale-value="el"
                data-events--dates-calendar-dates-value="[{&quot;date&quot;:&quot;2024-10-18&quot;,&quot;status&quot;:true,&quot;current&quot;:true}]"
                data-events--dates-calendar-css-value="https://cdn.go-thassos.gr/assets/stylesheets/gothassos/easepick_event_listing-7883df46.css"
              >
                <h3 class="fs-3 d-none">
                    Ημερομηνίες
                </h3>

                <input type="text" class="d-none" tabindex="-1" aria-hidden="true" data-events--dates-calendar-target="calendar">

              </div>

              <div>
                  <h3>
                    <span class="visually-hidden">Τοποθεσία</span>
                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512" class="svg-inline--fa location-dot me-2"><!--! Font Awesome Pro 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M0 188.6C0 84.4 86 0 192 0S384 84.4 384 188.6c0 119.3-120.2 262.3-170.4 316.8-11.8 12.8-31.5 12.8-43.3 0-50.2-54.5-170.4-197.5-170.4-316.8zM192 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z"></path></svg>
                      <span>Λιμένας, Θάσος</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>Γεωγραφικό πλάτος:</strong> <span>40.779827</span></div>
                  <div class="d-none"><strong>Γεωγραφικό μήκος:</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-primary btn-lg">
                      Λήψη οδηγιών
                    </a>
                  </div>
              </div>
          </div>

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