Mercurial > libervia-templates
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 %} |