Compare commits

..

1 Commits

Author SHA1 Message Date
87257a0bd4 Sync 2024-12-16 21:13:50 +01:00
10 changed files with 11 additions and 94 deletions

View File

@@ -27,6 +27,9 @@ class Application:
# Process Markdown files into HTML # Process Markdown files into HTML
processor = MarkdownProcessor(input_dir="./data", templates_dir="./templates") processor = MarkdownProcessor(input_dir="./data", templates_dir="./templates")
processor.run() processor.run()
yield yield
print("App shutdown: Cleanup complete.") print("App shutdown: Cleanup complete.")

View File

@@ -41,37 +41,6 @@ def warning(content):
</div> </div>
''' '''
def slider(options, images):
"""Render a slider using the provided HTML structure."""
width = options.get("width", 500)
height = options.get("height", 375)
# First image with a <figure> and <figcaption>
first_image_html = f'''
<figure class="relative my-0 slider-bg">
<img src="{images[0]}" width="{width}" height="{height}">
<figcaption class="absolute inset-0 flex flex-col justify-end p-6">
<h1 class="my-0">Fylgja CSS Slider</h1>
</figcaption>
</figure>
'''
## Todo: https://codepen.io/dp_lewis/pen/WNZQzN
# Remaining images as plain <img> tags
other_images_html = "".join([
f'<img src="{img}" width="{width}" height="{height}">' for img in images[1:]
])
# Final combined HTML
return f'''
<main>
<div class="scroll-slider hide-scrollbar">
{first_image_html}
{other_images_html}
</div>
</main>
'''
def create_jinja_environment(): def create_jinja_environment():
"""Create and configure the Jinja2 environment.""" """Create and configure the Jinja2 environment."""
env = Environment(loader=DictLoader({"base_template": "{{ content | safe }}"})) env = Environment(loader=DictLoader({"base_template": "{{ content | safe }}"}))
@@ -81,7 +50,6 @@ def create_jinja_environment():
"note": note, "note": note,
"warning": warning, "warning": warning,
"link_to": link_to, "link_to": link_to,
"slider": slider,
}) })
return env return env

View File

@@ -32,12 +32,3 @@ Det portugisiske køkken er en oplevelse i sig selv:
Kunst og kultur går hånd i hånd i Portugal. Byer som **Porto** og **Lissabon** er fyldt med street art, museer og gallerier, der udtrykker både moderne og traditionel portugisisk kunst. Kunst og kultur går hånd i hånd i Portugal. Byer som **Porto** og **Lissabon** er fyldt med street art, museer og gallerier, der udtrykker både moderne og traditionel portugisisk kunst.
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. 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.
### 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"
]) }}

View File

@@ -57,23 +57,6 @@
<h3>En levende kunstscene</h3> <h3>En levende kunstscene</h3>
<p>Kunst og kultur går hånd i hånd i Portugal. Byer som <strong>Porto</strong> og <strong>Lissabon</strong> er fyldt med street art, museer og gallerier, der udtrykker både moderne og traditionel portugisisk kunst.</p> <p>Kunst og kultur går hånd i hånd i Portugal. Byer som <strong>Porto</strong> og <strong>Lissabon</strong> er fyldt med street art, museer og gallerier, der udtrykker både moderne og traditionel portugisisk kunst.</p>
<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> <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>
<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> </div>
<hr> <hr>
</section> </section>

View File

@@ -6,17 +6,17 @@
"author": "Henrik Jess" "author": "Henrik Jess"
}, },
{ {
"name": "Populære områder i Portugal", "name": "Bolig i Portugal",
"path": "Bolig", "path": "Bolig",
"author": "Henrik Jess" "author": "Henrik Jess"
}, },
{ {
"name": "Supermarkedssammenligning", "name": "El- og vandregninger i Portugal: Sådan påvirker de leveomkostningerne",
"path": "Budget", "path": "Budget",
"author": "Henrik Jess" "author": "Henrik Jess"
}, },
{ {
"name": "Flytte permanent til Portugal", "name": "Permanent ophold i Portugal",
"path": "Flytning", "path": "Flytning",
"author": "Henrik Jess" "author": "Henrik Jess"
}, },
@@ -36,7 +36,7 @@
"author": "Henrik Jess" "author": "Henrik Jess"
}, },
{ {
"name": "Priser på mad og dagligvarer i Portugal", "name": "Omkostninger ved at bo i Portugal vs Danmark",
"path": "Hverdag", "path": "Hverdag",
"author": "Henrik Jess" "author": "Henrik Jess"
}, },
@@ -46,12 +46,12 @@
"author": "Henrik Jess" "author": "Henrik Jess"
}, },
{ {
"name": "Nattelivet i Portugal", "name": "Portugals unikke kultur",
"path": "Kultur", "path": "Kultur",
"author": "Henrik Jess" "author": "Henrik Jess"
}, },
{ {
"name": "Portugiserne som mennesker", "name": "Livskvalitet i Portugal",
"path": "Livskvalitet", "path": "Livskvalitet",
"author": "Henrik Jess" "author": "Henrik Jess"
}, },
@@ -81,7 +81,7 @@
"author": "Henrik Jess" "author": "Henrik Jess"
}, },
{ {
"name": "Fordele ved offentlig transport i Portugal", "name": "Er transport billigere i Portugal?",
"path": "Transport", "path": "Transport",
"author": "Henrik Jess" "author": "Henrik Jess"
} }

View File

@@ -1,14 +0,0 @@
<main>
<div class="scroll-slider hide-scrollbar">
<figure class="relative my-0 slider-bg">
<img src="https://picsum.photos/id/19/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/34/500/375" width="500" height="375">
<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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 MiB

View File

@@ -59,4 +59,4 @@
@import 'layout/header'; @import 'layout/header';
@import 'layout/banner'; @import 'layout/banner';
@import 'layout/footer'; @import 'layout/footer';
@import 'layout/menu'; @import 'layout/menu';

View File

@@ -1,14 +0,0 @@
<main>
<div class="scroll-slider hide-scrollbar">
<figure class="relative my-0 slider-bg">
<img src="https://picsum.photos/id/19/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/34/500/375" width="500" height="375">
<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>