Compare commits
2 Commits
61dcf7caae
...
4cabbe2013
| Author | SHA1 | Date |
|---|---|---|
 c0de
|
4cabbe2013 | |
|
c0de
|
25a3373f2b |
|
|
@ -1,7 +1,7 @@
|
|||
<div class="col">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-header">
|
||||
<span class="flex">{{ gallary.title }}</span>
|
||||
<span class="flex">{{ gallery.title }}</span>
|
||||
<a
|
||||
href="#"
|
||||
class="btn btn-link float-end"
|
||||
|
|
@ -15,19 +15,19 @@
|
|||
|
||||
<img
|
||||
class="card-image-top"
|
||||
width="{{ gallary.width | default('100%') }}"
|
||||
height="{{ gallary.height | default('225') }}"
|
||||
src="{{ gallary.src }}"
|
||||
alt="{{ gallary.alt_text if gallary.alt_text else gallary.title }}"
|
||||
width="{{ gallery.width | default('100%') }}"
|
||||
height="{{ gallery.height | default('225') }}"
|
||||
src="{{ gallery.src }}"
|
||||
alt="{{ gallery.alt_text if gallery.alt_text else gallery.title }}"
|
||||
/>
|
||||
|
||||
<div class="card-body">
|
||||
<p class="card-text">{{ gallary.description | default('') }}</p>
|
||||
<p class="card-text">{{ gallery.description | default('') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="card-footer text-body-secondary text-end">
|
||||
{% if gallary.reactions %}
|
||||
{% for reaction in gallary.reactions %}
|
||||
{% if gallery.reactions %}
|
||||
{% for reaction in gallery.reactions %}
|
||||
{# TODO: limit total number of reactions shown #}
|
||||
<span class="badge rounded-pill">
|
||||
<i class="bi-{{ reaction }}" style="color: black;"></i>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div class="container">
|
||||
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
|
||||
|
||||
{% for gallary in gallery_items %}
|
||||
{% for gallery in gallery_items %}
|
||||
{% include 'card.html' %}
|
||||
{# include 'card_loading.html' #}
|
||||
{% endfor %}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<!--
|
||||
<!--{#
|
||||
#~ Var | Required | Default ~#
|
||||
language | no | en
|
||||
css_theme_name | no | auto
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
- type | no | none
|
||||
- color | no | none
|
||||
... (etc)
|
||||
-->
|
||||
#}-->
|
||||
|
||||
<!doctype html>
|
||||
<html
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<!--
|
||||
<!--{#
|
||||
#~ Var | Required | Default ~#
|
||||
theme | no | dark
|
||||
text_theme | no | white
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
- text | yes | none
|
||||
- icon | no | none
|
||||
... (etc)
|
||||
-->
|
||||
#}-->
|
||||
<header data-bs-theme="{{ theme | default('dark') }}">
|
||||
<div class="collapse text-bg-{{ theme | default('dark') }}" id="navbarHeader">
|
||||
<div class="container">
|
||||
|
|
|
|||
73
test.py
73
test.py
|
|
@ -21,83 +21,76 @@ template_vars = {
|
|||
"bootstrap": {
|
||||
"src": "./templates/example/bootstrap.bundle.min.js",
|
||||
},
|
||||
"theme": {
|
||||
"src": ".templates/example/color-modes.js"
|
||||
}
|
||||
"theme": {"src": ".templates/example/color-modes.js"},
|
||||
},
|
||||
"css": {
|
||||
"bootstrap": {
|
||||
"src": "./templates/example/bootstrap.min.css"
|
||||
},
|
||||
"theme": {
|
||||
"src": "./templates/example/gallery.css"
|
||||
},
|
||||
"bootstrap": {"src": "./templates/example/bootstrap.min.css"},
|
||||
"theme": {"src": "./templates/example/gallery.css"},
|
||||
"icons": {
|
||||
"src": "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css"
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
"meta_list": [
|
||||
{ "name": "description", "content": "This is a description" },
|
||||
{ "name": "generator", "content": "simple-s3-gallery v.2023.12" },
|
||||
{ "name": "author", "content": "Code Fox" },
|
||||
{ "name": "theme-color", "content": "#712cf9" }
|
||||
{"name": "description", "content": "This is a description"},
|
||||
{"name": "generator", "content": "simple-s3-gallery v.2023.12"},
|
||||
{"name": "author", "content": "Code Fox"},
|
||||
{"name": "theme-color", "content": "#712cf9"},
|
||||
],
|
||||
"left_header": "About the gallery",
|
||||
"left_text": "This is an example gallery that is generated via a template",
|
||||
"right_header": "Contact",
|
||||
"link_list": [
|
||||
{ "href": "https://c0defox.es", "text": "Fox :3" },
|
||||
{ "href": "https://furry.engineer/c0de", "text": "Mastodon", "icon": "mastodon" }
|
||||
{"href": "https://c0defox.es", "text": "Fox :3"},
|
||||
{"href": "https://furry.engineer/c0de", "text": "Mastodon", "icon": "mastodon"},
|
||||
],
|
||||
"footer": {
|
||||
"main_line": "Copyright 2024 Code Fox",
|
||||
"extra_lines": [
|
||||
"This is another line",
|
||||
"This is yet another line"
|
||||
]
|
||||
"extra_lines": ["This is another line", "This is yet another line"],
|
||||
},
|
||||
"active": False,
|
||||
"header": "This is a call to action",
|
||||
"lead_text": "Some interesting text for the user",
|
||||
"action_buttons": [
|
||||
{ "href": "1" },
|
||||
{ "href": "2", "theme": "danger" },
|
||||
{ "href": "3", "theme": "warning", "icon": "exclamation-diamond-fill" },
|
||||
{ "href": "3", "theme": "warning", "icon": "exclamation-diamond-fill", "text": "some text" }
|
||||
{"href": "1"},
|
||||
{"href": "2", "theme": "danger"},
|
||||
{"href": "3", "theme": "warning", "icon": "exclamation-diamond-fill"},
|
||||
{
|
||||
"href": "3",
|
||||
"theme": "warning",
|
||||
"icon": "exclamation-diamond-fill",
|
||||
"text": "some text",
|
||||
},
|
||||
],
|
||||
"gallery_items": [
|
||||
{
|
||||
"src": "https://files.c0defox.es/Pictures/arctic-fox.jpg",
|
||||
"description": "An arctic fox :3",
|
||||
"title": "fox",
|
||||
"reactions": [
|
||||
"heart-fill",
|
||||
"backpack4",
|
||||
"balloon-fill",
|
||||
"bag-x-fill"
|
||||
],
|
||||
"reactions": ["heart-fill", "backpack4", "balloon-fill", "bag-x-fill"],
|
||||
},
|
||||
{
|
||||
"src": "https://files.c0defox.es/Pictures/arctic-fox.jpg",
|
||||
"description": "An arctic fox :3",
|
||||
"title": "fox",
|
||||
"reactions": [
|
||||
"heart",
|
||||
"backpack3",
|
||||
"balloon",
|
||||
"bag-x"
|
||||
],
|
||||
}
|
||||
]
|
||||
"reactions": ["heart", "backpack3", "balloon", "bag-x"],
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
|
||||
def main():
|
||||
"""main method"""
|
||||
|
||||
env = Environment(loader=FileSystemLoader("templates"), autoescape=select_autoescape())
|
||||
env = Environment(
|
||||
loader=FileSystemLoader("templates"),
|
||||
autoescape=select_autoescape(),
|
||||
trim_blocks=True,
|
||||
lstrip_blocks=True,
|
||||
)
|
||||
template = env.get_template("base.html")
|
||||
print(template.render(**template_vars))
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
|
|
|
|||
Loading…
Reference in New Issue