Convert all usages of flag icons to new sprite

This uses a new template tag to avoid repeating construction of the
necessary HTML element all over the place. The site should look exactly
as it did before, except now you don't have to download 20+ images to
see some pages.

Signed-off-by: Dan McGee <dan@archlinux.org>

1 files changed, 5 insertions, 1 deletions

diff --git a/templates/public/download.html b/templates/public/download.html
index 0c96fce..7de4977 100644
--- a/templates/public/download.html
+++ b/templates/public/download.html
@@ -2,8 +2,12 @@
 {% load cache %}
 {% load url from future %}
 {% load static from staticfiles %}
+{% load flags %}
 
 {% block title %}Arch Linux - Downloads{% endblock %}
+
+{% block head %}<link rel="stylesheet" type="text/css" href="{% static "flags/fam.css" %}" media="screen, projection" />{% endblock %}
+
 {% block navbarclass %}anb-download{% endblock %}
 
 {% block content %}
@@ -83,7 +87,7 @@
     <div id="download-mirrors">
         {% regroup mirror_urls by country as grouped_urls %}
         {% for country in grouped_urls %}
-        {% if country.grouper %}<h5><img src="{{ country.grouper.flag }}" alt=""/> {{ country.grouper.name }}</h5>
+        {% if country.grouper %}<h5>{% country_flag country.grouper %}{{ country.grouper.name }}</h5>
         {% else %}<h5>Worldwide</h5>{% endif %}
         <ul>
             {% for mirror_url in country.list %}