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