Person lists fixes

diff --git a/app/static/src/sass/modules/boxes/_article-box.scss b/app/static/src/sass/modules/boxes/_article-box.scss
index e31c6fe7256bf640e474f04b815a600b106228ae..7f57694b5979374f488ba9b76626350df30b6b80 100644 (file)
--- a/app/static/src/sass/modules/boxes/_article-box.scss
+++ b/app/static/src/sass/modules/boxes/_article-box.scss
@@ -162,6 +162,8 @@ $module: ".article-box";
         @include margin-top(2);
         position: relative;
 
+
+
         &:after {
 
             content: "";
@@ -186,6 +188,12 @@ $module: ".article-box";
 
         }
 
+        #{$module}__image {
+
+            @include fluid-aspect(427 500);
+
+        }
+
         #{$module}__desc {
             @include line-height(1);
         }

diff --git a/app/templates/network/inc/person/list_square_style.html b/app/templates/network/inc/person/list_square_style.html
index 69c25820411c6beb09fb289c23c909448905a22c..1f9958e30de2163d06f766de90d937faa81c0145 100644 (file)
--- a/app/templates/network/inc/person/list_square_style.html
+++ b/app/templates/network/inc/person/list_square_style.html
@@ -21,32 +21,33 @@
 
         </div>
 
-        <div class="container-fluid">
+        <div class="container">
 
-            <div class="row tac">
+            <div class="row">
+                <div class="col-sm-9 col-sm-push-3 col-lg-8 col-lg-push-2">
 
-                {% for person_list_block_inline in person_list_block.person_list_block_inlines.all %}
+                    <div class="row tal">
 
-                    <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
+                        {% for person_list_block_inline in person_list_block.person_list_block_inlines.all %}
 
-                        <div class="row">
+                            <div class="col-lg-4 col-md-3 col-sm-4 col-xs-6">
 
-                            {% with person_list_block_inline.person as person %}
+                                {% with person_list_block_inline.person as person %}
 
-                                <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
                                     {% include "network/inc/person/person_card_square.html" %}
-                                </div>
 
-                            {% endwith %}
+                                {% endwith %}
 
-                        </div>
+                            </div>
 
-                    </div>
+                        {% endfor %}
 
-                {% endfor %}
+                    </div>
 
+                </div>
             </div>
 
+
         </div>
 
     </div>

diff --git a/app/templates/network/inc/person/person_card_circle.html b/app/templates/network/inc/person/person_card_circle.html
index 384b424a58da9dad1e7f8cca5b35a2019017cd89..ed10adde73fb778e7277fb6fb47eb66abfb5b929 100644 (file)
--- a/app/templates/network/inc/person/person_card_circle.html
+++ b/app/templates/network/inc/person/person_card_circle.html
@@ -10,7 +10,7 @@
 
                     {% with person.images.all|get_type:'card' as card_images %}
                         {% if card_images %}
-                            <img src="{{ MEDIA_URL }}{% thumbnail card_images.first 135 135 top=0.5 %}" alt="person"/>
+                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="{{ MEDIA_URL }}{% thumbnail card_images.first 135 135 top=0.5 %}" class="lazyload" alt="person"/>
                         {% endif %}
                     {% endwith %}
 

diff --git a/app/templates/network/inc/person/person_card_square.html b/app/templates/network/inc/person/person_card_square.html
index ec146f8d60984cf8e0c4998be11c1b58e936f7cf..c1254821bff0367fe118ecd49dc57562e0ce9e15 100644 (file)
--- a/app/templates/network/inc/person/person_card_square.html
+++ b/app/templates/network/inc/person/person_card_square.html
@@ -6,7 +6,7 @@
             <div class="article-box__header">
                 <a href="{{ person.get_absolute_url }}" title="{{ person.first_name }}&nbsp;{{ person.last_name }}">
                     <figure class="article-box__image">
-                        <img class="lazyload" src="{{ MEDIA_URL }}{% thumbnail card_images.first 427 500 top=0.5 %}" alt="person"/>
+                        <img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="{{ MEDIA_URL }}{% thumbnail card_images.first 427 500 top=0.5 %}" alt="person"/>
                     </figure>
                 </a>
             </div>