Embed

<style>
  /* Base layout */
  .triton-gallery {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;    /* Single column since you only have 1 image */
    max-width: 800px;              /* Reduce overall width (was 1000px) */
    margin: 0 auto;
  }

  @media (max-width: 768px) {
    .triton-gallery {
      max-width: 100%;             /* Let it breathe on phones */
    }
  }

  .triton-gallery img {
    width: 100%;
    max-width: 650px;              /* 👈 Hard cap on how big the image can get */
    height: auto;
    display: block;
    margin: 0 auto;                /* Center the image inside the grid cell */
    border-radius: 8px;
  }
</style>


<div class="triton-gallery" id="gallery-1">
  <a href="https://cdn.durable.co/covers/2YsErc7RinWMBMHyCnnHsIt8iTwyDTkMVKwxZohVzKYRhO383zVBAhJvUD8VMxZV.png"
     class="glightbox"
     data-title="Term 1 Squad Training Schedule 2026"
     data-description='<a href="https://cdn.durable.co/covers/2YsErc7RinWMBMHyCnnHsIt8iTwyDTkMVKwxZohVzKYRhO383zVBAhJvUD8VMxZV.png" target="_blank" rel="noopener">⬇ Download</a>'>
    <img src="https://cdn.durable.co/covers/2YsErc7RinWMBMHyCnnHsIt8iTwyDTkMVKwxZohVzKYRhO383zVBAhJvUD8VMxZV.png"
         alt="Term 1 Squad Training Schedule 2026">
  </a>
</div>

<script>
(function () {
  var lb = GLightbox({
    selector: '#gallery-1 a.glightbox',
    openEffect: 'fade',
    closeEffect: 'fade',
    hash: false,
    moreLength: 0
  });

  var savedY = 0;
  lb.on('open', function () {
    savedY = window.scrollY || document.documentElement.scrollTop || 0;
  });
  lb.on('close', function () {
    setTimeout(function () {
      window.scrollTo({ top: savedY });
    }, 40);
  });
})();
</script>

Image grid

Gold Squad

<style>
  /* Base layout */
  .triton-gallery {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    max-width: 1000px;
    margin: 0 auto;           /* center the grid container */
  }

  /* Phones/tablets: force single column */
  @media (max-width: 768px) {
    .triton-gallery {
      grid-template-columns: 1fr;
    }
  }

  .triton-gallery img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }
</style>


<div class="triton-gallery" id="gallery-1">
  
  <a href="https://cdn.durable.co/covers/25w9QyfTOcaOtmPREO3HHpcOdehdl969X9BCg7JvdV25abkp8IOFHIldiAayRnK7.png"
     class="glightbox"
     data-title="Gold 1"
     data-description='<a href="https://cdn.durable.co/covers/25w9QyfTOcaOtmPREO3HHpcOdehdl969X9BCg7JvdV25abkp8IOFHIldiAayRnK7.png" target="_blank" rel="noopener">⬇ Download</a>'>
    <img src="https://cdn.durable.co/covers/25w9QyfTOcaOtmPREO3HHpcOdehdl969X9BCg7JvdV25abkp8IOFHIldiAayRnK7.png">
  </a>

  
  <a href="https://cdn.durable.co/covers/d18ACDKOq3N6UUnQem2CZOWs58Yg3VzX3aIyd2x3moY80srQMpuYw5yUVD8cGRPM.png"
     class="glightbox"
     data-title="Gold 2"
     data-description='<a href="https://cdn.durable.co/covers/d18ACDKOq3N6UUnQem2CZOWs58Yg3VzX3aIyd2x3moY80srQMpuYw5yUVD8cGRPM.png" target="_blank" rel="noopener">⬇ Download</a>'>
    <img src="https://cdn.durable.co/covers/d18ACDKOq3N6UUnQem2CZOWs58Yg3VzX3aIyd2x3moY80srQMpuYw5yUVD8cGRPM.png" alt="Gold 2">
  </a>

  
  <a href="https://cdn.durable.co/blocks/aHs5iWOJZNN9Nb0TwoqNJ7J1qHuUkQgYI00tRU749BKHbS7I0WiXJMLHAyeP1VVK.png"
     class="glightbox"
     data-title="Gold Assessment Criteria"
     data-description='<a href="https://cdn.durable.co/blocks/aHs5iWOJZNN9Nb0TwoqNJ7J1qHuUkQgYI00tRU749BKHbS7I0WiXJMLHAyeP1VVK.png" target="_blank" rel="noopener">⬇ Download</a>'>
    <img src="https://cdn.durable.co/blocks/aHs5iWOJZNN9Nb0TwoqNJ7J1qHuUkQgYI00tRU749BKHbS7I0WiXJMLHAyeP1VVK.png" alt="Gold Assessment Criteria">
  </a>
</div>

<script>
(function () {
  // Ensure GLightbox doesn't truncate descriptions on mobile (keeps the download link visible)
  var lb = GLightbox({
    selector: '#gallery-1 a.glightbox',
    openEffect: 'fade',
    closeEffect: 'fade',
    hash: false,
    moreLength: 0
  });

  // Preserve scroll position when opening/closing the lightbox
  var savedY = 0;
  lb.on('open', function () {
    savedY = window.scrollY || document.documentElement.scrollTop || 0;
  });
  lb.on('close', function () {
    setTimeout(function () {
      window.scrollTo({ top: savedY });
    }, 40);
  });
})();
</script>

Echo Squad (Junior Fitness)

<style>
  .triton-gallery-single {
    width: 100%;
    max-width: 380px;   /* smaller desktop width */
    margin: 0 auto;
  }

  .triton-gallery-single img {
    width: 100%;
    height: auto;
    max-height: 600px;  /* cap height so it doesn't feel huge */
    object-fit: contain;
    display: block;
    border-radius: 8px;
  }

  /* Slight padding for smaller screens */
  @media (max-width: 768px) {
    .triton-gallery-single {
      padding: 0 10px;
      max-width: 100%;
    }
  }
</style>

<div style="display:flex;justify-content:center;">
  <div class="triton-gallery-single" id="gallery-alpha">
    <a href="https://cdn.durable.co/covers/17eepp9wLjCmTVo0uAnlhJpXmG1tizm5fFYmlHa4tDPIaIHKQftsUjb4hBybAWP9.png"
       class="glightbox"
       data-title="Alpha Squad Training Schedule"
       data-description='<a href="https://cdn.durable.co/covers/17eepp9wLjCmTVo0uAnlhJpXmG1tizm5fFYmlHa4tDPIaIHKQftsUjb4hBybAWP9.png" target="_blank" rel="noopener">⬇ Download</a>'>
      <img src="https://cdn.durable.co/covers/17eepp9wLjCmTVo0uAnlhJpXmG1tizm5fFYmlHa4tDPIaIHKQftsUjb4hBybAWP9.png"
           alt="Alpha Squad Training Schedule">
    </a>
  </div>
</div>

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

  // Preserve scroll position
  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>

Delta Squad

<style>
  /* Base layout */
  .triton-gallery {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    max-width: 1000px;
    margin: 0 auto;
  }

  /* Phones/tablets: force single column */
  @media (max-width: 768px) {
    .triton-gallery {
      grid-template-columns: 1fr;
    }
  }

  .triton-gallery img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }
</style>


<div class="triton-gallery" id="gallery-2">
  
  <a href="https://cdn.durable.co/covers/13TYr6eTtEC6u8tKF5xJt14WzyWYvNnTww73RelKmD2TCfHi7LXDfreSshrIvm2r.png"
     class="glightbox"
     data-title="Delta Squad Training Schedule"
     data-description='<a href="https://cdn.durable.co/covers/13TYr6eTtEC6u8tKF5xJt14WzyWYvNnTww73RelKmD2TCfHi7LXDfreSshrIvm2r.png" target="_blank" rel="noopener">⬇ Download</a>'>
    <img src="https://cdn.durable.co/covers/13TYr6eTtEC6u8tKF5xJt14WzyWYvNnTww73RelKmD2TCfHi7LXDfreSshrIvm2r.png"
         alt="Delta Squad Training Schedule">
  </a>

  
  <a href="https://cdn.durable.co/blocks/22RG99uYJkeWngt9vXjsiAVGgXkm8vDKhn5HaOyFrMPiBZpDbQQMKVwyr0b99wQd.png"
     class="glightbox"
     data-title="Delta Squad Assessment Criteria"
     data-description='<a href="https://cdn.durable.co/blocks/22RG99uYJkeWngt9vXjsiAVGgXkm8vDKhn5HaOyFrMPiBZpDbQQMKVwyr0b99wQd.png" target="_blank" rel="noopener">⬇ Download</a>'>
    <img src="https://cdn.durable.co/blocks/22RG99uYJkeWngt9vXjsiAVGgXkm8vDKhn5HaOyFrMPiBZpDbQQMKVwyr0b99wQd.png"
         alt="Delta Squad Assessment Criteria">
  </a>
</div>

<script>
(function () {
  // Make sure the download link is always visible
  var lb = GLightbox({
    selector: '#gallery-2 a.glightbox',
    openEffect: 'fade',
    closeEffect: 'fade',
    hash: false,
    moreLength: 0
  });

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

Charlie Squad

<style>
  /* Base grid layout */
  .triton-gallery {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
  }

  /* Force single column on phones/tablets */
  @media (max-width: 768px) {
    .triton-gallery {
      grid-template-columns: 1fr;
    }
  }

  .triton-gallery img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }
</style>


<div style="display:flex;justify-content:center;">
  <div class="triton-gallery" id="gallery-3">
    
    
    <a href="https://cdn.durable.co/covers/2elqfAF4Gc2DyOEsUdBTVRmo7iFPn0VMm2yHi8fpiNHrL0JMa05ybYtX0anaPCY5.png"
       class="glightbox"
       data-title="Charlie Squad Training Schedule"
       data-description='<a href="https://cdn.durable.co/covers/2elqfAF4Gc2DyOEsUdBTVRmo7iFPn0VMm2yHi8fpiNHrL0JMa05ybYtX0anaPCY5.png" target="_blank" rel="noopener">⬇ Download</a>'>
      <img src="https://cdn.durable.co/covers/2elqfAF4Gc2DyOEsUdBTVRmo7iFPn0VMm2yHi8fpiNHrL0JMa05ybYtX0anaPCY5.png"
           alt="Charlie Squad Training Schedule">
    </a>

    
    <a href="https://cdn.durable.co/blocks/70YaYq1vxc3xrarkJnivvkFwSW8yN70lk2FhhCyji9IJoNSRYxRkT7akOPC3i9Rn.png"
       class="glightbox"
       data-title="Charlie Squad Assessment Criteria"
       data-description='<a href="https://cdn.durable.co/blocks/70YaYq1vxc3xrarkJnivvkFwSW8yN70lk2FhhCyji9IJoNSRYxRkT7akOPC3i9Rn.png" target="_blank" rel="noopener">⬇ Download</a>'>
      <img src="https://cdn.durable.co/blocks/70YaYq1vxc3xrarkJnivvkFwSW8yN70lk2FhhCyji9IJoNSRYxRkT7akOPC3i9Rn.png"
           alt="Charlie Squad Assessment Criteria">
    </a>

  </div>
</div>

<script>
(function () {
  // Ensure GLightbox shows full descriptions (so download link always visible)
  var lb = GLightbox({
    selector: '#gallery-3 a.glightbox',
    openEffect: 'fade',
    closeEffect: 'fade',
    hash: false,
    moreLength: 0
  });

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

Bravo Squad

<style>
  /* Shared gallery layout */
  .triton-gallery {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;         /* center container */
    justify-content: center;
  }

  /* Force single column on small screens */
  @media (max-width: 768px) {
    .triton-gallery {
      grid-template-columns: 1fr;
    }
  }

  .triton-gallery img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }
</style>


<div style="display:flex;justify-content:center;">
  <div class="triton-gallery" id="gallery-bravo">
    
    
    <a href="https://cdn.durable.co/covers/35I0wXKjrNDyQY57iXSjnrjtlZmnl2woaJGn44ze1vMlD2wIIhroEkYBOOQaCYwE.png"
       class="glightbox"
       data-title="Bravo Squad Training Schedule"
       data-description='<a href="https://cdn.durable.co/covers/35I0wXKjrNDyQY57iXSjnrjtlZmnl2woaJGn44ze1vMlD2wIIhroEkYBOOQaCYwE.png" target="_blank" rel="noopener">⬇ Download</a>'>
      <img src="https://cdn.durable.co/covers/35I0wXKjrNDyQY57iXSjnrjtlZmnl2woaJGn44ze1vMlD2wIIhroEkYBOOQaCYwE.png"
           alt="Bravo Squad Training Schedule">
    </a>

    
    <a href="https://cdn.durable.co/blocks/15te54Kd9IClfLOZdI0T4vSuci5FcLJGthIeBuZw8QlBr5dJZZ5Kxb0ayZvaVgaF.png"
       class="glightbox"
       data-title="Bravo Squad Assessment Criteria"
       data-description='<a href="https://cdn.durable.co/blocks/15te54Kd9IClfLOZdI0T4vSuci5FcLJGthIeBuZw8QlBr5dJZZ5Kxb0ayZvaVgaF.png" target="_blank" rel="noopener">⬇ Download</a>'>
      <img src="https://cdn.durable.co/blocks/15te54Kd9IClfLOZdI0T4vSuci5FcLJGthIeBuZw8QlBr5dJZZ5Kxb0ayZvaVgaF.png"
           alt="Bravo Squad Assessment Criteria">
    </a>

  </div>
</div>

<script>
(function () {
  // GLightbox with full description (keeps download link visible)
  var lb = GLightbox({
    selector: '#gallery-bravo a.glightbox',
    openEffect: 'fade',
    closeEffect: 'fade',
    hash: false,
    moreLength: 0
  });

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

Alpha Squad

<style>
  .triton-gallery-single {
    max-width: 550px;  /* slightly smaller desktop size */
    width: 100%;
    margin: 0 auto;
  }

  .triton-gallery-single img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }

  /* Slight padding for smaller screens */
  @media (max-width: 768px) {
    .triton-gallery-single {
      padding: 0 10px;
      max-width: 100%;
    }
  }
</style>

<div style="display:flex;justify-content:center;">
  <div class="triton-gallery-single" id="gallery-alpha">
    <a href="https://cdn.durable.co/covers/31Gb5nrCIY42P4sz4NFS0R8dYpQ3UXvMhtO7GYtHGMdGtBSA8uScynQIwBcb2E0E.png"
       class="glightbox"
       data-title="Alpha Squad Training Schedule"
       data-description='<a href="https://cdn.durable.co/covers/31Gb5nrCIY42P4sz4NFS0R8dYpQ3UXvMhtO7GYtHGMdGtBSA8uScynQIwBcb2E0E.png" target="_blank" rel="noopener">⬇ Download</a>'>
      <img src="https://cdn.durable.co/covers/31Gb5nrCIY42P4sz4NFS0R8dYpQ3UXvMhtO7GYtHGMdGtBSA8uScynQIwBcb2E0E.png"
           alt="Alpha Squad Training Schedule">
    </a>
  </div>
</div>

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

  // Preserve scroll position
  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>