comparison sat_templates/templates/bulma/photo/album.html @ 230:0e69b5843c2f

theme: bulma theme first draft: This theme uses the Bulma CSS framework, Brython to handle the menu on touch devices, and Sass to customize Bulma. CSS default fallbacks are disabled as Bulma uses its own naming conventions, and default fallbacks would lead to hard to debug conflicts. `common.js` has been slightly improved to handle custom classed in `tab_select` The theme is not complete yet, but it is functional.
author Goffi <goffi@goffi.org>
date Tue, 19 May 2020 00:02:34 +0200
parents
children 2b8d18a9df00
comparison
equal deleted inserted replaced
229:739c3e6999fa 230:0e69b5843c2f
1 {% extends 'base/base.html' %}
2 {% import 'components/avatar.html' as avatar with context %}
3 {% import 'input/textbox.html' as textbox with context %}
4 {% import 'blog/macros.html' as blog with context %}
5
6 {% block body %}
7 {{ icon_defs('comment-empty') }}
8 <div class="columns album is-multiline has-margin-top-1">
9 {% for file in files_data %}
10 {% if file.type == C.FILE_TYPE_FILE %}
11 <div class="column is-4">
12 <div class="card x-is-hoverable">
13 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light">
14 <a href="{{file.url}}" class="is-wrapping">
15 <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}">
16 </a>
17 </div>
18 <div class="card-content" onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')">
19 <div class="level">
20 <div class="level-left"></div>
21 <div class="level-right">
22 <div class="level-item is-size-7">
23 {% if file.comments_url is defined %}
24 {% if file.comments_count %}
25 <span class='comments__count'>{{file.comments_count}} </span>
26 {% endif %}
27 {{ icon('comment-empty', cls='icon is-small') }}
28 {% endif %}
29 </div>
30 </div>
31 </div>
32 </div>
33 </div>
34 <div id='{{'comments_panel'|cur_gidx}}' class="has-margin-top-1 panel-drawer">
35 {{ blog.show_items(file.comments, expanded=true, dates_fmt='relative') }}
36 <div class="comment_post has-margin-top-1">
37 {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}}
38 </div>
39 </div>
40 </div>
41 {% endif %}
42 {% endfor %}
43 </div>
44 {% endblock body %}