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

Bug somewhere
All checks were successful
Build, Push, and Deploy to Nomad / docker-nomad (push) Successful in 35s
Details

Browse Source
This commit is contained in:
Henrik Jess
2024-12-19 15:57:20 +01:00
parent 47d0834c12
commit af9c8f77fd
2 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/services/markdown_render.py
View File

@@ -53,12 +53,16 @@ def slider(options, images):
html_content = []
html_content.append('<div class="button-stack">')
for i, val in enumerate(images):
modal_id = f"{modal_id}_{i}"
modal_id_next = f"{modal_id}_{i+1}"
if int(len(images))<=int(i+1):
modal_id_next = f"{modal_id}_0"
if i % 2 == 0:
html_content.append(f"""<button onclick="openModal('modal{i}')" class="stacked-button"> <img src="{val}" class="thumbnail"></button>""".strip())
html_content.append(f"""<button onclick="openModal('modal{modal_id}')" class="stacked-button"> <img src="{val}" class="thumbnail"></button>""".strip())
else:
html_content.append(f"""<button onclick="openModal('modal{i}')" class="stacked-button"> <img src="{val}" class="thumbnail" ></button>""".strip())
html_content.append(f"""<div class="modal" id="modal{i}"> <div class="modal-content"> <h2>Modal {i}</h2> <img src="{val}" width="80%" height="80%"> <button onclick="closeModal('modal{i}')">Close</button><button class="next-btn" onclick="nextModal('modal{i}', 'modal{i+1}')">Next</button></div> </div>""")
html_content.append(f"""<button onclick="openModal('modal{modal_id}')" class="stacked-button"> <img src="{val}" class="thumbnail" ></button>""".strip())
html_content.append(f"""<div class="modal" id="modal{modal_id}"> <div class="modal-content"> <h2>Modal {i}</h2> <img src="{val}" width="80%" height="80%"> <button onclick="closeModal('modal{i}')">Close</button><button class="next-btn" onclick="nextModal('modal{modal_id}', 'modal{modal_id_next}')">Next</button></div> </div>""")
html_content.append( '</div>' )
html = '\n'.join( html_content )

28
data/Kultur/index.html
View File

@@ -54,12 +54,12 @@
<li><strong>UCI El Corte Inglés</strong>: Den moderne biografoplevelse med de nyeste blockbusters. Sammenligneligt med Palads i København, men med en lidt mere luksuriøs oplevelse i selve komplekset.</li>
</ul>
<p><div class="button-stack">
<button onclick="openModal('modal0')" class="stacked-button"> <img src="https://lifecooler.com/files/registos/imagens/404151/158177.jpg" class="thumbnail"></button>
<div class="modal" id="modal0"> <div class="modal-content"> <h2>Modal 0</h2> <img src="https://lifecooler.com/files/registos/imagens/404151/158177.jpg" width="80%" height="80%"> <button onclick="closeModal('modal0')">Close</button><button class="next-btn" onclick="nextModal('modal0', 'modal1')">Next</button></div> </div>
<button onclick="openModal('modal1')" class="stacked-button"> <img src="https://lifecooler.com/files/registos/imagens/404151/158170.jpg" class="thumbnail" ></button>
<div class="modal" id="modal1"> <div class="modal-content"> <h2>Modal 1</h2> <img src="https://lifecooler.com/files/registos/imagens/404151/158170.jpg" width="80%" height="80%"> <button onclick="closeModal('modal1')">Close</button><button class="next-btn" onclick="nextModal('modal1', 'modal2')">Next</button></div> </div>
<button onclick="openModal('modal2')" class="stacked-button"> <img src="https://upload.wikimedia.org/wikipedia/commons/8/88/Fachada_S%C3%A3oJorge.jpg" class="thumbnail"></button>
<div class="modal" id="modal2"> <div class="modal-content"> <h2>Modal 2</h2> <img src="https://upload.wikimedia.org/wikipedia/commons/8/88/Fachada_S%C3%A3oJorge.jpg" width="80%" height="80%"> <button onclick="closeModal('modal2')">Close</button><button class="next-btn" onclick="nextModal('modal2', 'modal3')">Next</button></div> </div>
<button onclick="openModal('modal14AE1A_0')" class="stacked-button"> <img src="https://lifecooler.com/files/registos/imagens/404151/158177.jpg" class="thumbnail"></button>
<div class="modal" id="modal14AE1A_0"> <div class="modal-content"> <h2>Modal 0</h2> <img src="https://lifecooler.com/files/registos/imagens/404151/158177.jpg" width="80%" height="80%"> <button onclick="closeModal('modal0')">Close</button><button class="next-btn" onclick="nextModal('modal14AE1A_0', 'modal14AE1A_0_1')">Next</button></div> </div>
<button onclick="openModal('modal14AE1A_0_1')" class="stacked-button"> <img src="https://lifecooler.com/files/registos/imagens/404151/158170.jpg" class="thumbnail" ></button>
<div class="modal" id="modal14AE1A_0_1"> <div class="modal-content"> <h2>Modal 1</h2> <img src="https://lifecooler.com/files/registos/imagens/404151/158170.jpg" width="80%" height="80%"> <button onclick="closeModal('modal1')">Close</button><button class="next-btn" onclick="nextModal('modal14AE1A_0_1', 'modal14AE1A_0_1_2')">Next</button></div> </div>
<button onclick="openModal('modal14AE1A_0_1_2')" class="stacked-button"> <img src="https://upload.wikimedia.org/wikipedia/commons/8/88/Fachada_S%C3%A3oJorge.jpg" class="thumbnail"></button>
<div class="modal" id="modal14AE1A_0_1_2"> <div class="modal-content"> <h2>Modal 2</h2> <img src="https://upload.wikimedia.org/wikipedia/commons/8/88/Fachada_S%C3%A3oJorge.jpg" width="80%" height="80%"> <button onclick="closeModal('modal2')">Close</button><button class="next-btn" onclick="nextModal('modal14AE1A_0_1_2', 'modal14AE1A_0_1_2_3')">Next</button></div> </div>
</div></p>
<p>Biografbesøg i Lissabon er en afslappet måde at tilbringe tid med familien. Jeg nyder selv at tage afsted med Erika for at dele både film og hygge.</p>
<h3>Teatrets verden: Fra klassikere til moderne eksperimenter</h3>
@@ -86,14 +86,14 @@
<p>Samtidig er mange oplevelser billigere end i København, og her er en atmosfære, der er svær at finde nordpå: Lissabon har en unik blanding af tradition og modernitet, som gør den til en by, der bliver ved med at fascinere.</p>
<h3>Lidt billeder</h3>
<p><div class="button-stack">
<button onclick="openModal('modal0')" class="stacked-button"> <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> <img src="https://picsum.photos/id/34/500/375" width="80%" height="80%"> <button onclick="closeModal('modal0')">Close</button><button class="next-btn" onclick="nextModal('modal0', 'modal1')">Next</button></div> </div>
<button onclick="openModal('modal1')" class="stacked-button"> <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> <img src="https://picsum.photos/id/42/500/375" width="80%" height="80%"> <button onclick="closeModal('modal1')">Close</button><button class="next-btn" onclick="nextModal('modal1', 'modal2')">Next</button></div> </div>
<button onclick="openModal('modal2')" class="stacked-button"> <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> <img src="https://picsum.photos/id/72/500/375" width="80%" height="80%"> <button onclick="closeModal('modal2')">Close</button><button class="next-btn" onclick="nextModal('modal2', 'modal3')">Next</button></div> </div>
<button onclick="openModal('modal3')" class="stacked-button"> <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> <img src="https://picsum.photos/id/94/500/375" width="80%" height="80%"> <button onclick="closeModal('modal3')">Close</button><button class="next-btn" onclick="nextModal('modal3', 'modal4')">Next</button></div> </div>
<button onclick="openModal('modal7DA7FC_0')" class="stacked-button"> <img src="https://picsum.photos/id/34/500/375" class="thumbnail"></button>
<div class="modal" id="modal7DA7FC_0"> <div class="modal-content"> <h2>Modal 0</h2> <img src="https://picsum.photos/id/34/500/375" width="80%" height="80%"> <button onclick="closeModal('modal0')">Close</button><button class="next-btn" onclick="nextModal('modal7DA7FC_0', 'modal7DA7FC_0_1')">Next</button></div> </div>
<button onclick="openModal('modal7DA7FC_0_1')" class="stacked-button"> <img src="https://picsum.photos/id/42/500/375" class="thumbnail" ></button>
<div class="modal" id="modal7DA7FC_0_1"> <div class="modal-content"> <h2>Modal 1</h2> <img src="https://picsum.photos/id/42/500/375" width="80%" height="80%"> <button onclick="closeModal('modal1')">Close</button><button class="next-btn" onclick="nextModal('modal7DA7FC_0_1', 'modal7DA7FC_0_1_2')">Next</button></div> </div>
<button onclick="openModal('modal7DA7FC_0_1_2')" class="stacked-button"> <img src="https://picsum.photos/id/72/500/375" class="thumbnail"></button>
<div class="modal" id="modal7DA7FC_0_1_2"> <div class="modal-content"> <h2>Modal 2</h2> <img src="https://picsum.photos/id/72/500/375" width="80%" height="80%"> <button onclick="closeModal('modal2')">Close</button><button class="next-btn" onclick="nextModal('modal7DA7FC_0_1_2', 'modal7DA7FC_0_1_2_3')">Next</button></div> </div>
<button onclick="openModal('modal7DA7FC_0_1_2_3')" class="stacked-button"> <img src="https://picsum.photos/id/94/500/375" class="thumbnail" ></button>
<div class="modal" id="modal7DA7FC_0_1_2_3"> <div class="modal-content"> <h2>Modal 3</h2> <img src="https://picsum.photos/id/94/500/375" width="80%" height="80%"> <button onclick="closeModal('modal3')">Close</button><button class="next-btn" onclick="nextModal('modal7DA7FC_0_1_2_3', 'modal7DA7FC_0_1_2_3_4')">Next</button></div> </div>
</div></p>
</div>
<hr>