Change home layout.
--- a/src/iconolab/templates/iconolab/home.html Thu Feb 23 12:06:57 2017 +0100
+++ b/src/iconolab/templates/iconolab/home.html Thu Feb 23 12:08:01 2017 +0100
@@ -6,31 +6,26 @@
{% load iconolab_tags %}
{% block content %}
-<div id="homepage-main" class="row">
- <div id="main-panel" class="container">
+<div id="homepage-main">
+ <div id="main-panel" class="row">
{% for collection in collections_primary %}
- {% if not forloop.counter|divisibleby:2 %}
- <div class="row" style="margin-bottom:25px;">
- <div class="col-md-1"></div>
- {% endif %}
- <div class="col-md-5">
- {% thumbnail collection.image "450x250" crop="center" as im %}
- <div class="home-main-button-container">
- <a class="btn btn-default btn-primary btn-lg home-main-button" href="{% url 'collection_home' collection.name %}">{{collection.verbose_name}}</a>
- </div>
- <div>
- <a href="{% url 'collection_home' collection.name %}">
- <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
- </a>
- </div>
- {% endthumbnail %}
- </div>
- {% if forloop.counter|divisibleby:2 %}
- <div class="col-md-1"></div>
- </div>
- {% elif forloop.last %}
+ <div class="col-md-3">
+ <div>
+ {% thumbnail collection.image "450x250" crop="center" as im %}
+ <div>
+ <a href="{% url 'collection_home' collection.name %}">
+ <img src="{{ im.url }}" class="img-responsive">
+ </a>
</div>
- {% endif %}
+ <h4 class="text-center">{{collection.verbose_name}}</h4>
+ <a class="btn btn-default btn-primary btn-block" href="{% url 'collection_home' collection.name %}">
+ Contribuer
+ </a>
+ <hr>
+ <p>{{collection.description|safe}}</p>
+ {% endthumbnail %}
+ </div>
+ </div>
{% endfor %}
</div>
{% for collection in collections_secondary %}
@@ -74,7 +69,7 @@
{% block footer_js %}
<script>
- _v = new Vue(iconolab.CollectionSelector);
- _v.$mount("#homepage-main");
+ _v = new Vue(iconolab.CollectionSelector);
+ _v.$mount("#homepage-main");
</script>
{% endblock %}