Banner

Upcoming Competition Calendar

Asian chinese swimming coach talking and teaching his student in the swimming pool getting ready

Embed

<style>
  .triton-single {
    max-width: 700px;       /* reduce desktop width */
    width: 90%;             /* allow slight margin on sides */
    margin: 0 auto;         /* center the image */
    padding: 20px 0;        /* top/bottom breathing space */
  }

  .triton-single img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.1); /* subtle depth */
  }

  @media (max-width: 768px) {
    .triton-single {
      width: 100%;
      padding: 10px;
      max-width: 100%;
    }
  }

  /* Styled download button inside the lightbox */
  .glx-dl {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 6px;
    background: #111;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
  }
</style>

<div class="triton-single" id="gallery-single">
  <a href="https://cdn.durable.co/blocks/2fLaw7JckIxyb5OylsugOyCTMv7tPQ00vqMRidrox9psokn1mwIMKtmOur6KObjd.jpg"
     class="glightbox"
     data-title="Swim Image"
     data-description='<a class="glx-dl" href="https://cdn.durable.co/blocks/2fLaw7JckIxyb5OylsugOyCTMv7tPQ00vqMRidrox9psokn1mwIMKtmOur6KObjd.jpg" target="_blank" rel="noopener">⬇ Download</a>'>
    <img src="https://cdn.durable.co/blocks/2fLaw7JckIxyb5OylsugOyCTMv7tPQ00vqMRidrox9psokn1mwIMKtmOur6KObjd.jpg"
         alt="Swim Image">
  </a>
</div>

<script>
(function () {
  // Initialize GLightbox for this single image
  const lb = GLightbox({
    selector: '#gallery-single a.glightbox',
    openEffect: 'fade',
    closeEffect: 'fade',
    hash: false,
    moreLength: 0
  });

  // Keep scroll position stable when opening/closing
  let savedY = 0;
  lb.on('open', () => {
    savedY = window.scrollY || document.documentElement.scrollTop || 0;
  });
  lb.on('close', () => {
    setTimeout(() => {
      window.scrollTo({ top: savedY, behavior: 'auto' });
    }, 40);
  });
})();
</script>