Synnefo » snf-cloudcms

{% load i18n %}

<div class="resources" id="resources-list">

  <style type="text/css">

        {% block extrastyles %}

        {% for cat in categories %}

            {{ cat.get_css_def }}

        {% endfor %}

        {% endblock %}

    </style>

    <div class="categories">

        <h2 class="title">{{ content.filter_title }}</h2>

        <ul>

            {% for cat in categories %}

            <li class="{{ cat.get_css_class }} filter-item" data-id="{{ cat.pk }}">

                <a href="#{{ cat.pk }}">{{ cat.translation.title|upper }}</a>

            </li>

            {% endfor %}

        </ul>

    </div>

    <div class="list">

        {% for r in resources %}

        <div class="resource-wrapper {% cycle 'first' '' '' %}" data-category="{{ r.category.pk }}">

        <div class="resource  {{ r.category.get_css_class }}"

            id="{{ r.get_html_id }}"

            data-category="{{ r.category.pk }}"

            data-id="{{ r.pk }}"

            >

            <div class="front-content">

                <div class="date">{{ r.published_on|date:"d.m.Y" }}</div>

                <div class="title">{{ r.translation.title }}</div>

                <div class="category">{% trans "filed under" %} {{ r.category.translation.title }}</div>

            </div>

            <div class="description">

                <p>{{ r.translation.description }}</p>

            </div>

            <div class="download">

                <a class="resource-download" target="_blank" href="{{ r.media_file.get_absolute_url }}">

                    <span class="download-image"></span>

                    <span>{% trans "DOWNLOAD" %} {{ r.get_filetype }}</span>

                </a>

            </div>

        </div>

        </div>

        {% endfor %}

        <div style='clear:both'></div>

    </div>

    <script>

    </script>

</div>