Mercurial > libervia-templates
view sat_templates/templates/default/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 | db2e11c45082 |
children |
line wrap: on
line source
{% extends 'base/base.html' %} {% import 'input/textbox.html' as textbox with context %} {% import 'blog/macros.html' as blog with context %} {% block body %} {{ icon_defs('comment-empty') }} <div class="album"> {% for file in files_data %} {% if file.type == C.FILE_TYPE_FILE %} <div class="album__item"> <div class="album__vignette"> <a href="{{file.url}}"> <img src="{{file.thumb_url}}" class="album__thumbnail" alt="{{file.name}}"> </a> </div> {% if file.comments_url is defined %} <span class='album__comments-bar' onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> {% trans %}comments{% endtrans %} {% if file.comments_count %} <span class='comments__count'>({{file.comments_count}})</span> {% endif %} {{ icon('comment-empty', cls='icon--text') }} </span> <div id='{{'comments_panel'|cur_gidx}}' class="panel-drawer"> {{ blog.show_items(file.comments, expanded=true, dates_fmt='relative') }} <div class="comment_post"> {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}} </div> </div> {% endif %} </div> {% endif %} {% endfor %} </div> {% endblock body %}