diff options
Diffstat (limited to 'pydis_site/templates')
| -rw-r--r-- | pydis_site/templates/resources/resource_box.html | 20 | ||||
| -rw-r--r-- | pydis_site/templates/resources/resources.html | 2 |
2 files changed, 17 insertions, 5 deletions
diff --git a/pydis_site/templates/resources/resource_box.html b/pydis_site/templates/resources/resource_box.html index 8146be6f..40f692c3 100644 --- a/pydis_site/templates/resources/resource_box.html +++ b/pydis_site/templates/resources/resource_box.html @@ -1,4 +1,5 @@ {% load as_icon %} +{% load get_category_icon %} <div class="box" style="max-width: 800px;"> {% if 'title_url' in resource %} @@ -11,7 +12,7 @@ <p class="is-italic">{{ resource.description|safe }}</p> - <div class="is-flex"> + <div class="is-flex is-align-items-center"> {# Icons #} {% for icon in resource.urls %} <span class="icon is-size-4 is-medium" style="margin: 5px;"> @@ -20,8 +21,19 @@ </a> </span> {% endfor %} - <button class="button is-primary is-light is-small ml-auto p-1"> - <a href="#">src</a> - </button> + <div class="is-flex ml-auto"> + {% for tag in resource.tags.topics %} + <span class="tag is-primary ml-2"><i class="{{ tag|title|get_category_icon }} mr-1"></i>{{ tag|title }}</span> + {% endfor %} + {% for tag in resource.tags.type %} + <span class="tag is-primary ml-2"><i class="{{ tag|title|get_category_icon }} mr-1"></i>{{ tag|title }}</span> + {% endfor %} + {% for tag in resource.tags.payment_tiers %} + <span class="tag is-primary ml-2"><i class="{{ tag|title|get_category_icon }} mr-1"></i>{{ tag|title }}</span> + {% endfor %} + {% for tag in resource.tags.complexity %} + <span class="tag is-primary ml-2"><i class="{{ tag|title|get_category_icon }} mr-1"></i>{{ tag|title }}</span> + {% endfor %} + </div> </div> </div> diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html index fb482345..38cd3d9d 100644 --- a/pydis_site/templates/resources/resources.html +++ b/pydis_site/templates/resources/resources.html @@ -104,7 +104,7 @@ {% if resources|length > 0 %} <section class="section"> <div class="container"> - <div class="content"> + <div class="content is-flex is-justify-content-center"> <div> {% for resource in resources %} {% include "resources/resource_box.html" %} |