annotate sat_templates/templates/default/components/block.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 4a03d0a6839b
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
129
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 {% macro separator(label, align='center') %}
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 {# display a bloc separator
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 @param label(unicode): label to show
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
4 @param align(unicode): one of "left", "center", "right"
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 #}
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 <div class="block_separator">
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 {% if align in ('center', 'right') %}
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 <div class="block_separator__line"></div>
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 {% endif %}
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 <div class="block_separator__label">
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
11 {{label}}
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 </div>
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 {% if align in ('center', 'left') %}
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 <div class="block_separator__line"></div>
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 {% endif %}
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 </div>
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 {% endmacro %}
138
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
18
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
19 {% macro disco_icon_grid(disco_entities, icon_name) %}
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
20 {# display discovered entities in a grid
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
21 @param disco_entities: entities which mush have a name and url key or attribute
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
22 @param icon_name: name of a defined icon
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
23 #}
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
24 <ul class="grid grid--center">
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
25 {% for disco_entity in disco_entities %}
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
26 <li class='grid__item grid__item--medium grid__item--selectable'>
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
27 <a href="{{disco_entity.url}}" class="items_vert--centered">
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
28 {{ icon(icon_name, cls='icon--medium') }}
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
29 <span>{{ disco_entity.name }}</span>
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
30 </a>
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
31 </li>
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
32 {% endfor %}
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
33 </ul>
85877c76d47d merge-request: discovery page
Goffi <goffi@goffi.org>
parents: 129
diff changeset
34 {% endmacro %}