hjess/LifeFaq
1
0
Fork 0
generated from hjess/PythonTemplateProject
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better CSS
All checks were successful
Build, Push, and Deploy to Nomad / docker-nomad (push) Successful in 34s
Details

Browse Source
This commit is contained in:
Henrik Jess Nielsen
2024-12-17 22:03:47 +01:00
parent b4c673bdc4
commit 8d9f714701
60 changed files with 13392 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
data/Kultur/index.html
View File

@@ -60,14 +60,16 @@
<h1 style="text-align: center;">FastAPI + Sass Image Carousel</h1>
<h3>Slider test</h3>
<p><button onclick="openModal('modal0')" class="open"> <img src="https://picsum.photos/id/34/500/375" width=500 height=500> Open Modal 0 </button>
<p><div class="modal-buttons">
<button onclick="openModal('modal0')" class="open"> <img src="https://picsum.photos/id/34/500/375" class="thumbnail"></button>
<div class="modal" id="modal0"> <div class="modal-content"> <h2>Modal 0</h2> <p>This is modal 0.</p> <img src="https://picsum.photos/id/34/500/375" width="80%" height="80%"> <button onclick="closeModal('modal0')">Close</button> </div> </div>
<button onclick="openModal('modal1')" class="open_inv"> <img src="https://picsum.photos/id/42/500/375" width=500 height=500> Open Modal 1 </button>
<button onclick="openModal('modal1')" class="open_inv"> <img src="https://picsum.photos/id/42/500/375" class="thumbnail" ></button>
<div class="modal" id="modal1"> <div class="modal-content"> <h2>Modal 1</h2> <p>This is modal 1.</p> <img src="https://picsum.photos/id/42/500/375" width="80%" height="80%"> <button onclick="closeModal('modal1')">Close</button> </div> </div>
<button onclick="openModal('modal2')" class="open"> <img src="https://picsum.photos/id/72/500/375" width=500 height=500> Open Modal 2 </button>
<button onclick="openModal('modal2')" class="open"> <img src="https://picsum.photos/id/72/500/375" class="thumbnail"></button>
<div class="modal" id="modal2"> <div class="modal-content"> <h2>Modal 2</h2> <p>This is modal 2.</p> <img src="https://picsum.photos/id/72/500/375" width="80%" height="80%"> <button onclick="closeModal('modal2')">Close</button> </div> </div>
<button onclick="openModal('modal3')" class="open_inv"> <img src="https://picsum.photos/id/94/500/375" width=500 height=500> Open Modal 3 </button>
<div class="modal" id="modal3"> <div class="modal-content"> <h2>Modal 3</h2> <p>This is modal 3.</p> <img src="https://picsum.photos/id/94/500/375" width="80%" height="80%"> <button onclick="closeModal('modal3')">Close</button> </div> </div></p>
<button onclick="openModal('modal3')" class="open_inv"> <img src="https://picsum.photos/id/94/500/375" class="thumbnail" ></button>
<div class="modal" id="modal3"> <div class="modal-content"> <h2>Modal 3</h2> <p>This is modal 3.</p> <img src="https://picsum.photos/id/94/500/375" width="80%" height="80%"> <button onclick="closeModal('modal3')">Close</button> </div> </div>
</div></p>
</div>
<hr>
</section>