Redesigned popular threads page

misago/views.py

@@ -144,7 +144,7 @@ def forum_map(request):
 def popular_threads(request):
     return request.theme.render_to_response('popular_threads.html',
                                             {
-                                             'threads': Thread.objects.filter(forum_id__in=request.acl.threads.get_readable_forums(request.acl)).filter(deleted=False).filter(moderated=False).order_by('-score').prefetch_related('start_poster', 'last_poster', 'forum')[:50],
+                                             'threads': Thread.objects.filter(forum_id__in=request.acl.threads.get_readable_forums(request.acl)).filter(deleted=False).filter(moderated=False).order_by('-score').prefetch_related('start_poster', 'last_poster', 'forum')[:14],
                                              },
                                             context_instance=RequestContext(request));
 

static/cranefly/css/cranefly.css

@@ -1003,9 +1003,8 @@ a.btn-link:hover,a.btn-link:active,a.btn-link:focus{opacity:0.9;filter:alpha(opa
 .popular-threads hr{margin:14px 0px;border:none;border-top:1px solid #eeeeee;}
 .popular-threads .popular-thread{overflow:auto;}.popular-threads .popular-thread .popular-thread-warmth{display:block;float:left;margin-top:1px;margin-right:14px;padding:10.5px;color:#ffffff;text-align:center;font-weight:bold;text-shadow:0px 1px 0px #3b3b3b;}.popular-threads .popular-thread .popular-thread-warmth i{background-image:url("../img/glyphicons-halflings-white.png");}
 .popular-threads .popular-thread .popular-thread-warmth.popular-thread-warmth-0{background-color:#cf402e;border:1px solid #a53325;}
-.popular-threads .popular-thread .popular-thread-warmth.popular-thread-warmth-1{background-color:#af594e;border:1px solid #8c473e;}
+.popular-threads .popular-thread .popular-thread-warmth.popular-thread-warmth-1{background-color:#a95d54;border:1px solid #874b43;}
 .popular-threads .popular-thread .popular-thread-warmth.popular-thread-warmth-2{background-color:#90716d;border:1px solid #735a57;}
-.popular-threads .popular-thread .popular-thread-warmth.popular-thread-warmth-3{background-color:#555555;border:1px solid #3b3b3b;}
 .popular-threads .popular-thread .popular-thread-details .popular-thread-title:link,.popular-threads .popular-thread .popular-thread-details .popular-thread-title:visited{color:#555555;font-weight:bold;}
 .popular-threads .popular-thread .popular-thread-details .popular-thread-title:hover,.popular-threads .popular-thread .popular-thread-details .popular-thread-title:active{color:#333333;}
 .popular-threads .popular-thread .popular-thread-details .popular-thread-info{margin:0px;margin-left:14px;padding:0px;color:#999999;font-size:11.9px;}.popular-threads .popular-thread .popular-thread-details .popular-thread-info a:link,.popular-threads .popular-thread .popular-thread-details .popular-thread-info a:visited{color:#555555;}

static/cranefly/css/cranefly/popularthreads.less

@@ -33,19 +33,14 @@
       }
 
       &.popular-thread-warmth-1 {
-        background-color: desaturate(@red, 25%);
-        border: 1px solid darken(desaturate(@red, 25%), 10%);
+        background-color: desaturate(@red, 30%);
+        border: 1px solid darken(desaturate(@red, 30%), 10%);
       }
 
       &.popular-thread-warmth-2 {
         background-color: desaturate(@red, 50%);
         border: 1px solid darken(desaturate(@red, 50%), 10%);
       }
-
-      &.popular-thread-warmth-3 {
-        background-color: @gray;
-        border: 1px solid darken(@gray, 10%);
-      }
     }
 
     .popular-thread-details {

templates/cranefly/popular_threads.html

@@ -45,7 +45,7 @@
 
 
 {% macro warmth(loop_index) -%}
-{% if loop_index < 5 %}0{% elif loop_index < 20 %}1{% elif loop_index < 35 %}2{% else %}3{% endif %}
+{% if loop_index < 5 %}0{% elif loop_index < 11 %}1{% else %}2{% endif %}
 {%- endmacro %}
 
 {% macro replies(thread_replies) -%}