<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">
Linus V2
<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/eyJfcmFpbHMiOnsiZGF0YSI6MTkwLCJwdXIiOiJibG9iX2lkIn19--faef062ad2ccfa719ca5a41ffd65556fc96238ac/IMG_20140804_201713.jpg" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkxLCJwdXIiOiJibG9iX2lkIn19--2cb9d7b07ccf44be9199795af5251914edcadff0/IMG_20140804_201855.jpg" />
</div>
<div class="carousel-item active">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkyLCJwdXIiOiJibG9iX2lkIn19--ca7ae70e042bc9e7ff1a61c5a19da551d8bc15ed/IMG_20140804_201918.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>
