Callout for operation/site detail

1 files changed, 10 insertions, 10 deletions

diff --git a/showcase/templates/showcase/item-find.html b/showcase/templates/showcase/item-find.html
index 6d67ac5..e3f0f43 100644
--- a/showcase/templates/showcase/item-find.html
+++ b/showcase/templates/showcase/item-find.html
@@ -4,7 +4,7 @@
 {% block body_class %}template-showcase-item{% endblock %}
 
 {% block content %}
-<h3 class="mb-0"><a href="/{{page.slug}}">{{page.title}}</a></h3>
+<h2 class="mb-0"><a href="/{{page.slug}}">{{page.title}}</a></h2>
 <div class="font-weight-light mb-2">{{current_number_1}} / {{total}}</div>
 
 <div class="d-flex justify-content-between">
@@ -46,39 +46,39 @@
             <img src="{{data.images.0.thumbnail}}" class="img-fluid img-thumbnail">
         </div>
         {% endif %}
-        <h4 class="pt-2 text-right">{{data.denomination}}</h4>
+        <h3 class="pt-2 text-right">{{data.denomination}}</h3>
 
-        <div>
+        <div class="float-left" style="max-width:50%">
             {% if data.public_description %}
             <div class="description">{{data.public_description|linebreaks}}</div>
             {% elif data.description %}
             <div class="description">{{data.description|linebreaks}}</div>
             {% endif %}
-            {% if data.object_types %}
+            {% if data.object_types|length %}
             <p><em>{% trans "Object type:" %}</em> {{data.object_types|join:" ; "}}</p>
             {% endif %}
-            {% if data.materials %}
+            {% if data.materials|length %}
             <p><em>{% trans "Materials:" %}</em> {{data.materials|join:" ; "}}</p>
             {% endif %}
-            {% if data.datings %}<p><em>{% trans "Period(s):" %}</em>
+            {% if data.datings|length %}<p><em>{% trans "Period(s):" %}</em>
             {% for dating in data.datings %}{% if forloop.counter0 %} ; {% endif %}{{dating.period}}{% endfor %}
             </p>{% endif %}
         </div>
 
-        <div class="mt-2">
+        <div class="float-left mt-2 bs-callout bs-callout-xl bs-callout-primary" style="max-width:50%">
             {% with data.base_finds.0.context_record.site as site %}
             {% with data.base_finds.0.context_record.operation as operation %}
-            <h5>{% trans "Archaeological site / Operation" %}</h5>
+            <h4>{% trans "Archaeological site / Operation" %}</h4>
             <p>{{site.name}} {% if site.discovery_date %}({{site.discovery_date}}){% endif %}
             <br><small>{{site.towns.0}}</small></p>
             {% if operation.year %}<p><em>{% trans "Year of the survey:" %}</em> {{operation.year}}</p>{% endif %}
             {% if site.shipwreck_name %}<p><em>{% trans "Shipwreck" %} : </em>{{site.shipwreck_name}}
             {% if site.sinking_date %} <em>{% trans "sinking" %}</em> {{site.sinking_date}}{% endif %}</p>
             {% endif %}
-            {% if site.periods %}
+            {% if site.periods|length %}
             <p><em>{% trans "Period(s):" %}</em> {{site.periods|join:" ; "}}</p>
             {% endif %}
-            {% if site.remains %}
+            {% if site.remains|length %}
             <p><em>{% trans "Remain(s):" %}</em> {{site.remains|join:" ; "}}</p>
             {% endif %}
             {% endwith %}