diff options
| author |  Vivaan Verma <[email protected]> | 2021-08-15 19:54:30 +0100 |
|---|---|---|
| committer | Vivaan Verma <[email protected]> | 2021-08-15 19:57:11 +0100 |
| commit | 2d232fc86d34154d7e54a6758a3fae2139a83294 (patch) | |
| tree | 87310e8f7e8829a620cd9595ebfe0835fecb9760 | |
| parent | chore: Add tag to resource boxes (diff) | |
chore: Finalise tag style
| -rw-r--r-- | pydis_site/apps/resources/templatetags/get_category_icon.py | 5 | ||||
| -rw-r--r-- | pydis_site/templates/resources/resource_box.html | 10 |
2 files changed, 8 insertions, 7 deletions
diff --git a/pydis_site/apps/resources/templatetags/get_category_icon.py b/pydis_site/apps/resources/templatetags/get_category_icon.py index 683f2c98..d8b47476 100644 --- a/pydis_site/apps/resources/templatetags/get_category_icon.py +++ b/pydis_site/apps/resources/templatetags/get_category_icon.py @@ -19,6 +19,7 @@ def get_category_icon(name: str) -> str: "Tooling": "fa-toolbox", "User Interface": "fa-desktop", "Web Development": "fa-wifi", + "Discord Bots": "fa-robot", "Book": "fa-book", "Community": "fa-users", "Course": "fa-chalkboard-teacher", @@ -27,9 +28,9 @@ def get_category_icon(name: str) -> str: "Tool": "fa-tools", "Tutorial": "fa-clipboard-list", "Video": "fa-video", - "Free": "f", + "Free": "fa-first-aid", "Paid": "fa-sack", - "Subscription": "fa-vault", + "Subscription": "fa-credit-card", "Beginner": "fa-play-circle", "Intermediate": "fa-align-center" } diff --git a/pydis_site/templates/resources/resource_box.html b/pydis_site/templates/resources/resource_box.html index 40f692c3..671b5736 100644 --- a/pydis_site/templates/resources/resource_box.html +++ b/pydis_site/templates/resources/resource_box.html @@ -21,18 +21,18 @@ </a> </span> {% endfor %} - <div class="is-flex ml-auto"> + <div class="is-flex ml-auto is-flex-wrap-wrap is-justify-content-end"> {% 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> + <span class="tag is-primary is-light ml-2 mt-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> + <span class="tag has-background-success-light has-text-success-dark ml-2 mt-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> + <span class="tag has-background-danger-light has-text-danger-dark ml-2 mt-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> + <span class="tag has-background-info-light has-text-info-dark ml-2 mt-2"><i class="{{ tag|title|get_category_icon }} mr-1"></i>{{ tag|title }}</span> {% endfor %} </div> </div> |