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 charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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 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> <title>{% block title %} {% endblock %}</title>
{% block head %} {% endblock %} {% block head %} {% endblock %}
</head> </head>

View File

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