diff options
Diffstat (limited to 'pydis_site/templates/resources')
| -rw-r--r-- | pydis_site/templates/resources/resource_box.html | 2 | ||||
| -rw-r--r-- | pydis_site/templates/resources/resource_box_header.html | 29 | ||||
| -rw-r--r-- | pydis_site/templates/resources/resources.html | 12 |
3 files changed, 31 insertions, 12 deletions
diff --git a/pydis_site/templates/resources/resource_box.html b/pydis_site/templates/resources/resource_box.html index 5ca46296..9f771c6e 100644 --- a/pydis_site/templates/resources/resource_box.html +++ b/pydis_site/templates/resources/resource_box.html @@ -2,7 +2,7 @@ {% load to_kebabcase %} {% load get_category_icon %} -<div class="box resource-box {{ resource.css_classes }}" data-resource-name="{{ resource.name }}"> +<div class="box resource-box has-background-white {{ resource.css_classes }}" data-resource-name="{{ resource.name }}"> {% if 'title_url' in resource %} <a href="{{ resource.title_url }}"> {% include "resources/resource_box_header.html" %} diff --git a/pydis_site/templates/resources/resource_box_header.html b/pydis_site/templates/resources/resource_box_header.html index dfbdd92f..1170598a 100644 --- a/pydis_site/templates/resources/resource_box_header.html +++ b/pydis_site/templates/resources/resource_box_header.html @@ -2,11 +2,25 @@ {# Icon section #} {% if 'icon_image' in resource %} - <img src="{{ resource.icon_image }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;"> + {% if 'icon_image_dark' in resource %} + <img class="light-image" src="{{ resource.icon_image }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;"> + <img class="dark-image" src="{{ resource.icon_image_dark }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;"> + {% else %} + <img src="{{ resource.icon_image }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;"> + {% endif %} {% elif 'title_icon' in resource %} - <span class="icon is-size-4 is-medium"> - <i class="{{ resource.title_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i> - </span> + {% if 'title_icon_dark' in resource %} + <span class="icon is-size-4 is-medium light-image"> + <i class="{{ resource.title_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i> + </span> + <span class="icon is-size-4 is-medium dark-image"> + <i class="{{ resource.title_icon_dark|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i> + </span> + {% else %} + <span class="icon is-size-4 is-medium"> + <i class="{{ resource.title_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i> + </span> + {% endif %} {% elif 'default_icon' in category_info %} <span class="icon is-size-4 is-medium"> <i class="{{ category_info.default_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ category_info.default_icon_color }}"></i> @@ -16,7 +30,12 @@ {# Title section #} <span class="is-size-4 has-text-weight-bold"> {% if 'title_image' in resource %} - <img src="{{ resource.title_image }}" alt="" style="height: 50px; {{ resource.title_image_style }}"> + {% if 'title_image_dark' in resource %} + <img class="light-image" src="{{ resource.title_image }}" alt="" style="height: 50px; {{ resource.title_image_style }}"> + <img class="dark-image" src="{{ resource.title_image_dark }}" alt="" style="height: 50px; {{ resource.title_image_style }}"> + {% else %} + <img src="{{ resource.title_image }}" alt="" style="height: 50px; {{ resource.title_image_style }}"> + {% endif %} {% elif 'name' in resource %} {{ resource.name }} {% endif %} diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html index 101f9965..a4fa551e 100644 --- a/pydis_site/templates/resources/resources.html +++ b/pydis_site/templates/resources/resources.html @@ -22,7 +22,7 @@ {% block content %} {% include "base/navbar.html" %} <input type="hidden" id="resource-type-input" value="{{ resource_type }}"> - <section class="section"> + <section class="section has-text-danger"> <div class="columns is-variable is-6 is-centered"> {# Filtering toolbox #} <div class="column filtering-column is-one-third"> @@ -40,11 +40,11 @@ {# Filter box tags #} - <div class="card filter-tags"> + <div class="card filter-tags is-white has-background-white"> <div class="is-flex ml-auto"> <div id="tag-pool"> {# A filter tag for when there are no filters active #} - <span class="tag no-tags-selected is-secondary ml-2 mt-2"> + <span class="tag no-tags-selected is-secondary ml-2 mt-2 has-background-white-ter"> <i class="fas fa-fw fa-ban mr-1"></i> No filters selected </span> @@ -85,7 +85,7 @@ data-filter-name="{{ filter_name|to_kebabcase }}" data-filter-item="{{ filter_item|to_kebabcase }}" > - <i class="{{ filter_item|title|get_category_icon }} mr-1"></i> + <i class="{{ filter_item|title|get_category_icon }} mr-1 is-danger"></i> {{ filter_item|title }} <button class="delete is-small is-danger has-background-danger-light"></button> </span> @@ -116,7 +116,7 @@ {# Filter checkboxes #} {% for filter_name, filter_data in filters.items %} - <div class="card filter-category-header"> + <div class="card filter-category-header has-background-white"> <button type="button" class="card-header collapsible"> <span class="card-header-title subtitle is-6 my-2 ml-2"> <i class="fa-fw {{ filter_data.icon }} is-primary" aria-hidden="true"></i>  {{ filter_name }} @@ -138,7 +138,7 @@ {% endif %} <div class="card-content"> {% for filter_item in filter_data.filters %} - <a class="panel-block filter-panel"> + <a class="panel-block filter-panel panel-primary"> <label class="checkbox"> <input class="filter-checkbox" |