diff options
| author |  Leon Sandøy <[email protected]> | 2022-01-30 13:04:58 +0100 |
|---|---|---|
| committer | Leon Sandøy <[email protected]> | 2022-01-30 13:04:58 +0100 |
| commit | 2cbaeb129b793fa3dc162258dd4e60781e35d5f1 (patch) | |
| tree | ee38ba94221c08d1d33f03b948f1fbdf0838341b /pydis_site | |
| parent | Ensure "Other" is always the bottom topic. (diff) | |
Show a duck pond when no filters match.
Diffstat (limited to 'pydis_site')
| -rw-r--r-- | pydis_site/static/css/resources/resources.css | 7 | ||||
| -rw-r--r-- | pydis_site/static/images/resources/duck_pond_404.png | bin | 0 -> 2371374 bytes | |||
| -rw-r--r-- | pydis_site/templates/resources/resources.html | 6 |
3 files changed, 12 insertions, 1 deletions
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 Binary files differnew file mode 100644 index 00000000..3aed4d62 --- /dev/null +++ b/pydis_site/static/images/resources/duck_pond_404.png 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"> |
