Add boostrap icons css. make achievements icons look better

This commit is contained in:
csd4ni3l
2025-10-05 13:41:57 +02:00
parent 68c9787ee0
commit 419b131a96
2 changed files with 3 additions and 2 deletions

View File

@@ -5,6 +5,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
<title>{% block title %} {% endblock %}</title>
{% block head %} {% endblock %}
</head>

View File

@@ -53,9 +53,9 @@
<div class="card-body">
<h5 class="card-title">
{% if unlocked %}
{{ achievement[0] }}
<i class="bi bi-check-square-fill"></i> {{ achievement[0] }}
{% else %}
🔒 {{ achievement[0] }}
<i class="bi bi-lock-fill"></i> {{ achievement[0] }}
{% endif %}
</h5>
<h6 class="card-subtitle mb-2 {% if unlocked %}text-success{% else %}text-secondary{% endif %}">