2 <div class="resources" id="resources-list">
4 <style type="text/css">
5 {% block extrastyles %}
6 {% for cat in categories %}
12 <div class="categories">
13 <h2 class="title">{{ content.filter_title }}</h2>
15 {% for cat in categories %}
16 <li class="{{ cat.get_css_class }} filter-item" data-id="{{ cat.pk }}">
17 <a href="#{{ cat.pk }}">{{ cat.translation.title|upper }}</a>
24 {% for r in resources %}
25 <div class="resource-wrapper {% cycle 'first' '' '' %}" data-category="{{ r.category.pk }}">
26 <div class="resource {{ r.category.get_css_class }}"
27 id="{{ r.get_html_id }}"
28 data-category="{{ r.category.pk }}"
31 <div class="front-content">
33 <div class="date">{{ r.published_on|date:"d.m.Y" }}</div>
34 <div class="title">{{ r.translation.title }}</div>
35 <div class="category">{% trans "filed under" %} {{ r.category.translation.title }}</div>
37 <div class="description">
38 <p>{{ r.translation.description }}</p>
40 <div class="download">
41 <a class="resource-download" target="_blank" href="{{ r.media_file.get_absolute_url }}">
42 <span class="download-image"></span>
43 <span>{% trans "DOWNLOAD" %} {{ r.get_filetype }}</span>
49 <div style='clear:both'></div>