feat: adding illustration for special tracks (#705)

* feat: add illustration for special tracks

update

* format special distance

run_page/gpxtrackposter/poster.py

@@ -52,7 +52,7 @@ def __init__(self):
             "special": "#FFFF00",
             "track": "#4DD2FF",
         }
-        self.special_distance = {"special_distance1": "10", "special_distance2": "20"}
+        self.special_distance = {"special_distance": 10, "special_distance2": 20}
         self.width = 200
         self.height = 300
         self.years = None
@@ -155,6 +155,9 @@ def __draw_footer(self, d):
         value_style = "font-size:9px; font-family:Arial"
         small_value_style = "font-size:3px; font-family:Arial"
 
+        special_distance1 = self.special_distance["special_distance"]
+        special_distance2 = self.special_distance["special_distance2"]
+
         (
             total_length,
             average_length,
@@ -179,6 +182,38 @@ def __draw_footer(self, d):
                 style=value_style,
             )
         )
+
+        d.add(
+            d.text(
+                self.trans("SPECIAL TRACKS"),
+                insert=(65, self.height - 20),
+                fill=text_color,
+                style=header_style,
+            )
+        )
+
+        d.add(d.rect((65, self.height - 17), (2.6, 2.6), fill=self.colors["special"]))
+
+        d.add(
+            d.text(
+                f"Over {special_distance1:.1f} km",
+                insert=(70, self.height - 14.5),
+                fill=text_color,
+                style=small_value_style,
+            )
+        )
+
+        d.add(d.rect((65, self.height - 13), (2.6, 2.6), fill=self.colors["special2"]))
+
+        d.add(
+            d.text(
+                f"Over {special_distance2:.1f} km",
+                insert=(70, self.height - 10.5),
+                fill=text_color,
+                style=small_value_style,
+            )
+        )
+
         d.add(
             d.text(
                 self.trans("STATISTICS"),