view sat_templates/templates/default/blog/discover.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 e85122a39e8f
line wrap: on
line source

{% 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') }}
<p class="instructions--head">
    {% trans %}
    Please select the blog you want to consult
    {% endtrans %}
</p>
<div class="disco_blogs">
    <ul class="grid grid--center">
        {% for entity in disco_entities %}
            <li class='grid__item grid__item--medium grid__item--selectable'>
                <a href="{{entities_url[entity]}}" class="items_vert--centered">
                    {{ avatar.avatar(entity, class="avatar--medium") }}
                    <span>{{ identities[entity].nick|default(entity, true) }}</span>
                </a>
            </li>
        {% endfor %}
    </ul>
</div>

{% if disco_entities %}
    <p class="instructions--alt">{% trans %}Or enter the jid of a blog writer{% endtrans %}</p>
{% endif %}
{% call form.form(class="form--single") %}
    {{ field.text("jid", _("blog writer jid"), required=true)}}
    {{ field.submit(_("Consult")) }}
{% endcall %}
{% endblock body %}