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.colors.0.items %}
            {% if count > 0 %}
                <span class="mana {{ color }}" style="width: {{ count|mult:100|div:deck.colors.1 }}%"></span>
            {% endif %}
        {% endfor %}
        </div>
        <a href="{% url mtgweb.decks.views.detail deck.id %}">{{ deck }}</a>
    </li>
{% endfor %}
</ul>
{% endblock %}