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

Bug somewhere
Some checks failed
Build, Push, and Deploy to Nomad / docker-nomad (push) Failing after 4m38s
Details

Browse Source
This commit is contained in:
Henrik Jess
2024-12-17 17:10:37 +01:00
parent 1cb9e066ab
commit 7072e7e099
9 changed files with 122 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
data/Kultur/0200_kultur_unikt.md
View File

@@ -35,35 +35,12 @@ Portugal formår at kombinere historie, musik og mad med en afslappet livsstil.
<h1 style="text-align: center;">FastAPI + Sass Image Carousel</h1>
<!-- Button to open Modal 1 -->
<button onclick="openModal('modal1')" class="open">Open Modal 1</button>
<!-- Button to open Modal 2 -->
<button onclick="openModal('modal2')" class="open_inv">Open Modal 2</button>
<!-- Modal 1 -->
<div class="modal" id="modal1">
<div class="modal-content">
<h2>Modal 1</h2>
<p>This is the first modal.</p>
<button onclick="closeModal('modal1')">Close</button>
</div>
</div>
<!-- Modal 2 -->
<div class="modal" id="modal2">
<div class="modal-content">
<h2>Modal 2</h2>
<p>This is the second modal.</p>
<button onclick="closeModal('modal2')">Close</button>
</div>
</div>
### Slider test
{{ slider(options={"width": 500, "height": 375}, images=[
"https://picsum.photos/id/34/500/375",
"https://picsum.photos/id/42/500/375",
"https://picsum.photos/id/72/500/375",
"https://picsum.photos/id/94/500/375"
]) }}
{{ slider(options={"width": 500, "height": 375}, images=[
"https://picsum.photos/id/34/500/375",
"https://picsum.photos/id/42/500/375",
"https://picsum.photos/id/72/500/375",
"https://picsum.photos/id/94/500/375"
]) }}

38
data/Kultur/index.html
View File

@@ -59,45 +59,7 @@
<p>Portugal formår at kombinere historie, musik og mad med en afslappet livsstil. Det er en kultur, der er lige så rig på oplevelser, som den er på sjæl. </p>
<h1 style="text-align: center;">FastAPI + Sass Image Carousel</h1>
<!-- Button to open Modal 1 -->
<p><button onclick="openModal('modal1')" class="open">Open Modal 1</button></p>
<!-- Button to open Modal 2 -->
<p><button onclick="openModal('modal2')" class="open_inv">Open Modal 2</button></p>
<!-- Modal 1 -->
<div class="modal" id="modal1">
<div class="modal-content">
<h2>Modal 1</h2>
<p>This is the first modal.</p>
<button onclick="closeModal('modal1')">Close</button>
</div>
</div>
<!-- Modal 2 -->
<div class="modal" id="modal2">
<div class="modal-content">
<h2>Modal 2</h2>
<p>This is the second modal.</p>
<button onclick="closeModal('modal2')">Close</button>
</div>
</div>
<h3>Slider test</h3>
<pre><code>
<main>
<div class="scroll-slider hide-scrollbar">
<figure class="relative my-0 slider-bg">
<img src="https://picsum.photos/id/34/500/375" width="500" height="375">
<figcaption class="absolute inset-0 flex flex-col justify-end p-6">
<h1 class="my-0">Fylgja CSS Slider</h1>
</figcaption>
</figure>
<img src="https://picsum.photos/id/42/500/375" width="500" height="375"><img src="https://picsum.photos/id/72/500/375" width="500" height="375"><img src="https://picsum.photos/id/94/500/375" width="500" height="375">
</div>
</main>
</code></pre>
</div>
<hr>
</section>