comparison sat_templates/templates/default/blog/articles.html @ 166:178f55b825b7

small refactoring/redesign, better BEM integration: - blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file. - better noscript handling, dynamic elements are created using "magic" classes (dom_update.js) - using better icons for older/newer messages - better state handling, classes now use "state_XXX" - more classes now use BEM convention - menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites - better styles.css organisation
author Goffi <goffi@goffi.org>
date Wed, 03 Oct 2018 21:00:24 +0200
parents e9f0a4215e46
children d586ea13cfed
comparison
equal deleted inserted replaced
165:9e8d9d754337 166:178f55b825b7
1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %} 1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %}
2 {% set single = items|length == 1 %} 2 {% set single = items|length == 1 %}
3 {% set dates_format='relative' if single else 'short' %} 3 {% set dates_format='relative' if single else 'short' %}
4 {% import 'components/avatar.html' as avatar with context %}
4 {% import 'blog/macros.html' as blog with context %} 5 {% import 'blog/macros.html' as blog with context %}
5 {% import 'input/navigation.html' as navigation with context %} 6 {% import 'input/navigation.html' as navigation with context %}
6 7
7 {%- block title scoped -%} 8 {%- block title scoped -%}
8 {%- if not embedded -%} 9 {%- if not embedded -%}
16 {%- endif -%} 17 {%- endif -%}
17 {%- endif -%} 18 {%- endif -%}
18 {%- endblock title -%} 19 {%- endblock title -%}
19 20
20 {% block body %} 21 {% block body %}
22 {{ icon_defs('angle-double-left', 'angle-double-right') }}
21 {% if items %} 23 {% if items %}
22 <div id="blog_items"> 24 <div id="blog_items">
23 {{ blog.show_items(items, expanded=single) }} 25 {{ blog.show_items(items, expanded=single) }}
24 </div> 26 </div>
25 {% else %} 27 {% else %}