From 1a056521d3020c5c25bd0e02c867527e90543f06 Mon Sep 17 00:00:00 2001
From: Dominik George <dominik.george@teckids.org>
Date: Thu, 11 Apr 2024 09:52:34 +0200
Subject: [PATCH] [WIP] Add links to claim card footers
---
templates/frontpage/claim.html | 23 +++++++++++++++--------
1 file changed, 15 insertions(+), 8 deletions(-)
diff --git a/templates/frontpage/claim.html b/templates/frontpage/claim.html
index b6c0efed..b8aec636 100644
--- a/templates/frontpage/claim.html
+++ b/templates/frontpage/claim.html
@@ -8,16 +8,23 @@
<div class="columns is-same-height mt-4">
{% for claim in section.extra.claims %}
<div class="column is-one-third">
- <div class="box frontpage-claim-box">
- <div class="columns is-vcentered">
- <div class="column">
- <img src="/{{ claim.image }}" alt="image">
- </div>
- <div class="column is-four-fifths">
- <h1 class="title is-3">{{ claim.title }}</h1>
+ <div class="card frontpage-claim-box">
+ <div class="card-content">
+ <div class="columns is-vcentered">
+ <div class="column">
+ <img src="/{{ claim.image }}" alt="image">
+ </div>
+ <div class="column is-four-fifths">
+ <h1 class="title is-3">{{ claim.title }}</h1>
+ </div>
</div>
+ <p>{{ claim.content }}</p>
</div>
- <p>{{ claim.content }}</p>
+ <footer class="card-footer">
+ <a href="#" class="card-footer-item">
+ Mehr dazu <i class="fa-regular fa-circle-right"></i>
+ </a>
+ </footer>
</div>
</div>
{% endfor %}
--
GitLab