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

https enforcement

Browse Source
This commit is contained in:
Henrik Jess
2024-12-16 17:04:06 +01:00
parent ce74aa5113
commit f13aa9ec7e
10 changed files with 94 additions and 3013 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/main.py
View File

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

32
app/services/markdown_render.py
View File

@@ -41,6 +41,37 @@ def warning(content):
</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():
"""Create and configure the Jinja2 environment."""
env = Environment(loader=DictLoader({"base_template": "{{ content | safe }}"}))
@@ -50,6 +81,7 @@ def create_jinja_environment():
"note": note,
"warning": warning,
"link_to": link_to,
"slider": slider,
})
return env

9
data/Kultur/0200_kultur_unikt.md
View File

@@ -32,3 +32,12 @@ 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.
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"
]) }}

17
data/Kultur/index.html
View File

@@ -57,6 +57,23 @@
<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>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>
<hr>
</section>

14
generated_data.json
View File

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

14
inspiration/image_slider.html Normal file
View File

@@ -0,0 +1,14 @@
<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>

3001
static/css/main.css
View File

File diff suppressed because it is too large Load Diff

1
static/css/main.css.map
View File

File diff suppressed because one or more lines are too long

2
static/sass/main.scss
View File

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

14
templates/image_slider.html Normal file
View File

@@ -0,0 +1,14 @@
<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>