From 1fade10c41b025f8ca98f989c8bb5879ddfb6899 Mon Sep 17 00:00:00 2001 From: Fluffy-Bean <michal-gdula@protonmail.com> Date: Mon, 29 May 2023 10:34:25 +0000 Subject: [PATCH] Create Macros --- onlylegs/templates/macros/header.html | 9 +++++++++ onlylegs/templates/macros/image.html | 15 +++++++++++++++ 2 files changed, 24 insertions(+) create mode 100644 onlylegs/templates/macros/header.html create mode 100644 onlylegs/templates/macros/image.html diff --git a/onlylegs/templates/macros/header.html b/onlylegs/templates/macros/header.html new file mode 100644 index 0000000..4433fd0 --- /dev/null +++ b/onlylegs/templates/macros/header.html @@ -0,0 +1,9 @@ +{% macro header_small(title, subtitle, buttons) %} + <div class="banner-small"> + <div class="banner-content"> + <h1 class="banner-header">{{ title }}</h1> + <p class="banner-info">{{ subtitle }}</p> + <div class="pill-row">{{ buttons }}</div> + </div> + </div> +{% endmacro %} diff --git a/onlylegs/templates/macros/image.html b/onlylegs/templates/macros/image.html new file mode 100644 index 0000000..1082068 --- /dev/null +++ b/onlylegs/templates/macros/image.html @@ -0,0 +1,15 @@ +{% macro gallery_item(image) %} + <a id="image-{{ image.id }}" class="gallery-item square" href="{{ url_for('image.image', image_id=image.id) }}" style="background-color: rgb{{ image.colours.0 }}"> + <div class="image-filter"><p class="image-title"><span class="time">{{ image.created_at }}</span></p></div> + <picture> + <source srcset="{{ url_for('media_api.media', path='uploads/' + image.filename) }}?r=thumb&e=webp"> + <source srcset="{{ url_for('media_api.media', path='uploads/' + image.filename) }}?r=thumb&e=png"> + <img + src="{{ url_for('media_api.media', path='uploads/' + image.filename) }}?r=thumb" + alt="{% if image.alt %}{{ image.alt }}{% else %}Image Thumbnail{% endif %}" + onload="imgFade(this)" + style="opacity:0;" + /> + </picture> + </a> +{% endmacro %}