Image grid

Gold Squad

Embed

<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/blocks/bwdrbOSjsj0wZM0C1OoLEAfgqygk0azbc4Ek7o0e3dc8E4T81aycXTFcjVEtBe6p.png"
     class="glightbox"
     data-title="Gold 1"
     data-description='<a href="https://cdn.durable.co/blocks/bwdrbOSjsj0wZM0C1OoLEAfgqygk0azbc4Ek7o0e3dc8E4T81aycXTFcjVEtBe6p.png" target="_blank" rel="noopener">⬇ Download</a>'>
    <img src="https://cdn.durable.co/blocks/bwdrbOSjsj0wZM0C1OoLEAfgqygk0azbc4Ek7o0e3dc8E4T81aycXTFcjVEtBe6p.png" alt="Gold 1">
  </a>

  
  <a href="https://cdn.durable.co/blocks/393i3w1r7q601yQFB980YbfJW9C4LMIgZfmcSwTBOtSumLw1JK8tawzsJqu4RGqS.jpg"
     class="glightbox"
     data-title="Gold 2"
     data-description='<a href="https://cdn.durable.co/blocks/393i3w1r7q601yQFB980YbfJW9C4LMIgZfmcSwTBOtSumLw1JK8tawzsJqu4RGqS.jpg" target="_blank" rel="noopener">⬇ Download</a>'>
    <img src="https://cdn.durable.co/blocks/393i3w1r7q601yQFB980YbfJW9C4LMIgZfmcSwTBOtSumLw1JK8tawzsJqu4RGqS.jpg" 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>

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/blocks/1fnTgDXe3aMUkPS5XzdhNCUXLKxSD4US4MLUFD99PRqsg8ogupQYz5JhkiYpCRlV.png"
     class="glightbox"
     data-title="Delta Squad Training Schedule"
     data-description='<a href="https://cdn.durable.co/blocks/1fnTgDXe3aMUkPS5XzdhNCUXLKxSD4US4MLUFD99PRqsg8ogupQYz5JhkiYpCRlV.png" target="_blank" rel="noopener">⬇ Download</a>'>
    <img src="https://cdn.durable.co/blocks/1fnTgDXe3aMUkPS5XzdhNCUXLKxSD4US4MLUFD99PRqsg8ogupQYz5JhkiYpCRlV.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/blocks/3r12j9ldTloz7D4zbDFLplYmwz4e5HCLOusEHIwPoyz9jdJKP6OwgE7Mn0QREYY7.png"
       class="glightbox"
       data-title="Charlie Squad Training Schedule"
       data-description='<a href="https://cdn.durable.co/blocks/3r12j9ldTloz7D4zbDFLplYmwz4e5HCLOusEHIwPoyz9jdJKP6OwgE7Mn0QREYY7.png" target="_blank" rel="noopener">⬇ Download</a>'>
      <img src="https://cdn.durable.co/blocks/3r12j9ldTloz7D4zbDFLplYmwz4e5HCLOusEHIwPoyz9jdJKP6OwgE7Mn0QREYY7.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/blocks/11YFBghVRg7w1rmbsxcIAcZaYjIhwwki5eEdFrFAltLXrc6cR2CL8Yb375ULn8zV.png"
       class="glightbox"
       data-title="Bravo Squad Training Schedule"
       data-description='<a href="https://cdn.durable.co/blocks/11YFBghVRg7w1rmbsxcIAcZaYjIhwwki5eEdFrFAltLXrc6cR2CL8Yb375ULn8zV.png" target="_blank" rel="noopener">⬇ Download</a>'>
      <img src="https://cdn.durable.co/blocks/11YFBghVRg7w1rmbsxcIAcZaYjIhwwki5eEdFrFAltLXrc6cR2CL8Yb375ULn8zV.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/blocks/dM9IBf3l4rx4UmODkNTKrVAx6d7Bbnxi2hAzDCxQHLomATKMuS1TQ94CZeNJRydG.png"
       class="glightbox"
       data-title="Alpha Squad Training Schedule"
       data-description='<a href="https://cdn.durable.co/blocks/dM9IBf3l4rx4UmODkNTKrVAx6d7Bbnxi2hAzDCxQHLomATKMuS1TQ94CZeNJRydG.png" target="_blank" rel="noopener">⬇ Download</a>'>
      <img src="https://cdn.durable.co/blocks/dM9IBf3l4rx4UmODkNTKrVAx6d7Bbnxi2hAzDCxQHLomATKMuS1TQ94CZeNJRydG.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>