From 2f4842d61628f8826e79bfbbe75e1e5f2bcbeeab Mon Sep 17 00:00:00 2001
From: magicfelix <felix@felix-zauberer.de>
Date: Sat, 29 Aug 2020 17:17:35 +0200
Subject: [PATCH] Add dark/light carousel text color functionality
---
static/css/style.css | 8 ++++++++
templates/page_with_carousel.html | 5 +++--
templates/page_with_carousel_button.html | 5 +++--
3 files changed, 14 insertions(+), 4 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index 048861d..f4027cc 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -181,6 +181,14 @@ time.icon span {
max-height: 500px;
}
+.carousel-text-dark {
+ color: #000;
+}
+
+.carousel-text-light {
+ color: #fff;
+}
+
.button-wrapper {
text-align: center;
}
diff --git a/templates/page_with_carousel.html b/templates/page_with_carousel.html
index 9cbb8e2..c690127 100644
--- a/templates/page_with_carousel.html
+++ b/templates/page_with_carousel.html
@@ -5,10 +5,11 @@
<div class="carousel-inner">
{% for item in page.images %}
{% set image = item.split('|') %}
+ {% set text = image[0].split(';;') %}
<div class="item {% if loop.first %} active {% endif %}">
- <img class="center-block carousel-image" src="{{ image[1] }}" alt="{{ image[0] }}">
+ <img class="center-block carousel-image" src="{{ image[1] }}" alt="{{ text[0] }}">
<div class="carousel-caption d-none d-md-block">
- <h3>{{ image[0] }}</h3>
+ <h3 class="carousel-text-{{ text[1] or 'light' }}">{{ text[0] }}</h3>
</div>
</div>
{% endfor %}
diff --git a/templates/page_with_carousel_button.html b/templates/page_with_carousel_button.html
index 4ac9796..8c67ec6 100644
--- a/templates/page_with_carousel_button.html
+++ b/templates/page_with_carousel_button.html
@@ -5,10 +5,11 @@
<div class="carousel-inner">
{% for item in page.images %}
{% set image = item.split('|') %}
+ {% set text = image[0].split(';;') %}
<div class="item {% if loop.first %} active {% endif %}">
- <img class="center-block carousel-image" src="{{ image[1] }}" alt="{{ image[0] }}">
+ <img class="center-block carousel-image" src="{{ image[1] }}" alt="{{ text[0] }}">
<div class="carousel-caption d-none d-md-block">
- <h3>{{ image[0] }}</h3>
+ <h3 class="carousel-text-{{ text[1] or 'light' }}">{{ text[0] }}</h3>
</div>
</div>
{% endfor %}
--
GitLab