trophies: add icons

app/__init__.py

@@ -5,6 +5,7 @@ from flask_login import LoginManager
 from flask_mail import Mail
 from config import Config
 import time
+import slugify
 
 app = Flask(__name__)
 app.config.from_object(Config)
@@ -49,3 +50,8 @@ from app.routes.forum import index, topic
 from app.utils import pluralize  # To use pluralize into the templates
 from app.utils import date
 from app.utils import is_title
+
+# Add slugify into the available functions in every template
+app.jinja_env.globals.update(
+    slugify=slugify.slugify
+)

app/static/css/widgets.css

@@ -61,7 +61,7 @@
 	border-radius: 2px;
 }
 .trophy img {
-	height: 50px; margin-right: 5px;
+	height: 48px; margin-right: 8px;
 }
 .trophy div > * {
 	display: block;

app/templates/account/user.html

@@ -46,7 +46,7 @@
   <div class="trophies">
   {% for t in trophies if t in member.trophies or t.hidden == False %}
     <div class="trophy {{ '' if t in member.trophies else 'disabled' }}">
-      <img src="{{ url_for('static', filename='images/fa_124.png') }}">
+      <img src="{{ url_for('static', filename='images/trophies/'+slugify(t.name))+'.png' }}">
       <div>
         <em>{{ t.name }}</em>
         <span>{{ t.description }}</span>

assets/trophies-generate.py

@@ -0,0 +1,35 @@
+#! /usr/bin/python3
+
+from PIL import Image
+import os
+import sys
+import slugify
+import yaml
+
+if os.path.basename(os.getcwd()) != "assets":
+    print("This script should be started from the /assets folder of PCv5.")
+    sys.exit(1)
+
+# Read the list of trophies from /app/data/trophies.yaml
+with open("../app/data/trophies.yaml") as fp:
+    trophies = yaml.safe_load(fp.read())
+    names = [ slugify.slugify(t["name"]) for t in trophies ]
+
+# Write trophy images to /app/static/images/trophies
+try:
+    os.mkdir("../app/static/images/trophies")
+except FileExistsError:
+    pass
+
+# Skip blank squares in the source image
+img = Image.open("trophies.png")
+
+def trophy_iterator(img):
+    for y in range(img.height // 26):
+        for x in range(img.width // 26):
+            icon = img.crop((26*x+1, 26*y+1, 26*x+25, 26*y+25))
+            if len(icon.getcolors()) > 1:
+                yield icon.resize((48,48))
+
+for (name, icon) in zip(names, trophy_iterator(img)):
+    icon.save(f"../app/static/images/trophies/{name}.png")