enhance collection in list with square images and fragments. Fullscreen on slideshow
{% extends "egonomy_newbase.html" %}
{% load static %}
{% load i18n %}
{% load thumbnail %}
{% block title %}{% trans "Home" %}{% endblock %}
{% block css_page %}
<style>
.bar-tools:first-child {
background-position: bottom center;
}
</style>
{% endblock %}
{% block content %}
<div class="bar-tools clearfix">
<h3>{% trans "Last annotated pictures" %}</h3>
<ul class="clearfix">
<li><a href="{% url 'all_pictures' %}" alt="{% trans "All pictures" %}">{% trans "All pictures" %}</a></li>
</ul>
</div>
<ul class="list-style-4 clearfix">
{% for img in img_list %}
<li>
{% include "partial/image_in_list.html" %}
</li>
{% endfor %}
</ul>
<div class="bar-tools clearfix">
<h3>{% trans "Last created fragments" %}</h3>
<ul class="clearfix">
<li><a href="{% url 'all_fragments' %}" alt="{% trans "All fragments" %}">{% trans "All fragments" %}</a></li>
</ul>
</div>
<ul class="list-style-4 clearfix">
{% for frg in fragment_list %}
<li>
{% include "partial/fragment_in_list.html" %}
</li>
{% endfor %}
</ul>
{% endblock %}