c0de/simple-s3-gallery
1
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Compare commits

base: c0de:61dcf7caae19ee0c20d6d3c4a922dfeb7151aa42
Branches Tags
c0de:master
c0de:2024-refactor
...
compare: c0de:4cabbe2013e438a88fa011d05c3ca9b3b8c5f71d
Branches Tags
c0de:2024-refactor
c0de:master

2 Commits
61dcf7caae ... 4cabbe2013

Author SHA1 Message Date
c0de
4cabbe2013 adjust comments 2023-12-28 23:25:35 -06:00
c0de
25a3373f2b Format test script, and strip whitespace 2023-12-28 23:22:23 -06:00
5 changed files with 46 additions and 53 deletions
Show Stats Expand all files Collapse all files

16
templates/card.html
View File

@ -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
templates/gallery.html
View File

@ -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 %}

4
templates/header.html
View File

@ -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

4
templates/navbar.html
View File

@ -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
View File

@ -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()