radiocampus: integrate marielle design (step 1)

radiocampus/templates/aircox/widgets/item.html

@@ -0,0 +1,42 @@
+{% extends "./preview.html" %}
+{% load i18n aircox %}
+
+{% block tag-class %}{{ block.super }} list-item is-fullwidth{% endblock %}
+
+{% block headings %}
+{% endblock %}
+
+{% block inner %}
+{% block headings-container %}{{ block.super }}{% endblock %}
+{% block content-container %}
+<div class="media">
+    {% if object.cover and not no_cover %}
+    <a href="{{ object.get_absolute_url }}"
+        class="media-left preview-cover small"
+        style="background-image: url({{ object.cover.url }})">
+    </a>
+    {% endif %}
+    <div class="media-content flex-column">
+
+        {% if object|model_name == "Episode" %}
+        <div class="episode-date">
+        {{ object.pub_date|date:"d/m/Y" }}<Br/>
+        </div>
+        {% endif %}
+    <a href="{{ url|escape }}" class="heading title {% block title-class %}{% endblock %}">
+        {% block title %}{{ title|default:"" }}{% endblock %}
+    </a>
+    <span class="heading subtitle {% block subtitle-class %}{% endblock %}">
+        {% block subtitle %}{{ subtitle|default:"" }}{% endblock %}
+    </span>
+    </br>
+
+        <section class="content flex-grow-1">
+            {% block content %}{{ block.super }}{% endblock %}
+        </section>
+        {% block actions-container %}{{ block.super }}{% endblock %}
+    </div>
+</div>
+{% endblock %}
+
+{% endblock %}