Change home layout.
authorAlexandre Segura <mex.zktk@gmail.com>
Thu, 23 Feb 2017 12:08:01 +0100
changeset 360 276de79692ce
parent 359 e435cad79dfe
child 361 cad4eadb7bd3
Change home layout.
src/iconolab/templates/iconolab/home.html
--- 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 %}