From 2cbaeb129b793fa3dc162258dd4e60781e35d5f1 Mon Sep 17 00:00:00 2001
From: Leon Sandøy <leon.haland@gmail.com>
Date: Sun, 30 Jan 2022 13:04:58 +0100
Subject: Show a duck pond when no filters match.

---
 pydis_site/static/css/resources/resources.css        |   7 +++++++
 pydis_site/static/images/resources/duck_pond_404.png | Bin 0 -> 2371374 bytes
 pydis_site/templates/resources/resources.html        |   6 +++++-
 3 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 pydis_site/static/images/resources/duck_pond_404.png

(limited to 'pydis_site')

diff --git a/pydis_site/static/css/resources/resources.css b/pydis_site/static/css/resources/resources.css
index 7038d0d7..b48beca6 100644
--- a/pydis_site/static/css/resources/resources.css
+++ b/pydis_site/static/css/resources/resources.css
@@ -93,6 +93,13 @@ span.filter-box-tag {
     user-select: none;
 }
 
+/* Center the 404 div */
+.no-resources-found {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
 /* Make resource tags clickable */
 .resource-tag {
     cursor: pointer;
diff --git a/pydis_site/static/images/resources/duck_pond_404.png b/pydis_site/static/images/resources/duck_pond_404.png
new file mode 100644
index 00000000..3aed4d62
Binary files /dev/null and b/pydis_site/static/images/resources/duck_pond_404.png differ
diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html
index 4dd07270..53feb255 100644
--- a/pydis_site/templates/resources/resources.html
+++ b/pydis_site/templates/resources/resources.html
@@ -124,7 +124,11 @@
 
             <div class="column is-two-thirds">
                 {# Message to display when there are no hits #}
-                <h2 class="title is-3 has-text-centered pt-0 pb-6 no-resources-found">No matching resources found!</h2>
+                <div class="no-resources-found">
+                    <h2 class="title is-3 has-text-centered pt-0 pb-6 no-resources-found">No matching resources found!</h2>
+                    <img src="{% static "images/resources/duck_pond_404.png" %}" width="650px">
+                </div>
+
 
                 {# Resource cards #}
                 <div class="content is-flex is-justify-content-center">
-- 
cgit v1.2.3