<turbo-stream action="replace" target="photo-modal"><template><div aria-hidden="true" aria-labelledby="photoModalLabel" class="modal modal-lg fade" id="photo-modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
Triple 8 (H-bridge)
<button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button>
</div>
<div class="modal-body">
<div class="carousel slide" data-bs-ride="carousel" id="galleryControls">
<div class="carousel-inner">
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTcsInB1ciI6ImJsb2JfaWQifX0=--8071352e1f70b0c42bf8eb9292b66f72312e60b8/triple8_board_white_hiRes.png" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTgsInB1ciI6ImJsb2JfaWQifX0=--62e2ac88369f373b17b6c6bf6f7e8fbd9d655961/triple8_hiRes.png" />
</div>
<div class="carousel-item active">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTksInB1ciI6ImJsb2JfaWQifX0=--5bd82d9d002f600f04dea4d961255750c49493df/triple8_board_hiRes.png" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjAsInB1ciI6ImJsb2JfaWQifX0=--fcb00cb451aeb051c903913e4f18f08e3251b9fa/FRADTQOG1QWB96H.LARGE.jpg" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjEsInB1ciI6ImJsb2JfaWQifX0=--e480afdc2f84d5a1a6a5985ec6c5fac8365661b3/FD9LA3FG1QWB96I.LARGE.jpg" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjIsInB1ciI6ImJsb2JfaWQifX0=--c9f640c69a34bee4862a25c01a4decaa683a19e6/F9PV9IFG1QWB96G.LARGE.jpg" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjMsInB1ciI6ImJsb2JfaWQifX0=--057650e0dcb723ea1c648164368622971148aa06/FE1QO8AG1QWB9AR.LARGE.jpg" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjQsInB1ciI6ImJsb2JfaWQifX0=--c317c3a8fb0b0168dd8fa487570b8f2a30fe688f/F9OINCKG1XBRNEX.LARGE.jpg" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjUsInB1ciI6ImJsb2JfaWQifX0=--def24eab69190c42bb3744d529d7d4044a947e3c/FOK39HRG1VDY1KN.LARGE.jpg" />
</div>
</div>
<button class="carousel-control-prev" data-bs-slide="prev" data-bs-target="#galleryControls" type="button">
<span aria-hidden="true" class="carousel-control-prev-icon"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" data-bs-slide="next" data-bs-target="#galleryControls" type="button">
<span aria-hidden="true" class="carousel-control-next-icon"></span>
<span class="visually-hidden">Next</span>
</button>
</div>

</div>
</div>
</div>
</div>
<script>
  var photoModal = new bootstrap.Modal(document.getElementById('photo-modal'));
  photoModal.show();
</script>
</template></turbo-stream>
