From e58dba6a4c8245ba527e39cb9371ac558509880a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20Hells=C3=A9n?= <tlovinator@gmail.com>
Date: Thu, 4 Jul 2024 02:34:15 +0200
Subject: [PATCH] Add description to index page

---
 core/templates/index.html | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/core/templates/index.html b/core/templates/index.html
index fdf3fae..445f5b4 100644
--- a/core/templates/index.html
+++ b/core/templates/index.html
@@ -22,10 +22,26 @@
                 </div>
                 {% for campaign in game.campaigns %}
                     <div class="card-body card-bottom">
-                        <h3 class="h6">
-                            {{ campaign.name }}
-                            <p>Ends in: {{ campaign.end_at|timeuntil }}</p>
-                        </h3>
+                        <h3 class="h6">{{ campaign.name }}</h3>
+                        <p class="mb-2 text-muted">Ends in: {{ campaign.end_at|timeuntil }}</p>
+                        {% if campaign.description != campaign.name %}
+                            {% if campaign.description|length|get_digit:"-1" > 100 %}
+                                <p>
+                                    <a class="btn btn-link p-0 text-muted"
+                                       data-bs-toggle="collapse"
+                                       href="#collapseDescription{{ campaign.drop_id }}"
+                                       role="button"
+                                       aria-expanded="false"
+                                       aria-controls="collapseDescription{{ campaign.drop_id }}">Show Description</a>
+                                </p>
+                                <div class="collapse" id="collapseDescription{{ campaign.drop_id }}">
+                                    <div class="card card-body">{{ campaign.description }}</div>
+                                    <br>
+                                </div>
+                            {% else %}
+                                <p>{{ campaign.description }}</p>
+                            {% endif %}
+                        {% endif %}
                         {% for drop in campaign.drops %}
                             <div class="col-6 col-md-4 d-flex align-items-center mb-2 position-relative">
                                 <img src="{{ drop.image_url }}"