mtg-web/templates/decks/index.html

{% extends "main.html" %}
{% load math %}

{% block content %}
<h2>Decks</h2>
<ul>
{% for deck in decks %}
    <li>
        <div class="manabar">
        {% for color, count in deck.symbols.items %}
            {% if count > 0 %}
                <span class="mana {{ color }}" style="width: {% widthratio count deck.symbols.values|getsum 100 %}%"></span>
            {% endif %}
        {% endfor %}
        </div>
        <a href="{% url mtgweb.decks.views.detail deck.id %}">{{ deck }}</a>
    </li>
{% endfor %}
</ul>
{% endblock %}