Mercurial > libervia-templates
diff sat_templates/templates/bulma/blog/discover.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 | 1928ba66c194 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/sat_templates/templates/bulma/blog/discover.html Tue May 19 00:02:34 2020 +0200 @@ -0,0 +1,47 @@ +{% extends 'base/base.html' %} +{% import 'components/block.html' as block %} +{% import 'components/images.html' as images with context %} +{% import 'components/avatar.html' as avatar with context %} +{% import 'input/form.html' as form with context %} +{% import 'input/field.html' as field with context %} + +{% block body %} +{{ icon_defs('blog') }} + +<section class="section"> + <article class="message has-text-centered"> + <div class="message-body"> + {% trans %} + Please select the blog you want to consult + {% endtrans %} + </div> + </article> +</section> + +<section class="section disco_blogs"> + <div class="columns is-mobile is-multiline"> + {% for entity in disco_entities %} + <div class="column is-2-desktop is-4-touch"> + <div class="card x-is-hoverable"> + <a href="{{entities_url[entity]}}" class="items_vert--centered"> + <div class="card-image is-flex has-items-centered has-padding-1"> + {{ avatar.avatar(entity, "is-64x64") }} + </div> + <div class="card-content has-text-centered has-text-shortenable has-padding-1"> + <span>{{ identities[entity].nicknames[0] if identities[entity].nicknames else entity }}</span> + </div> + </a> + </div> + </div> + {% endfor %} + </div> +</section> + +<section class="section"> + <p class="content">{% trans %}Or enter the jid of a blog writer{% endtrans %}</p> + {% call form.form(class="form--single") %} + {{ field.text("jid", _("blog writer jid"), required=true)}} + {{ field.submit(_("Consult")) }} + {% endcall %} +</section> +{% endblock body %}