flask-htmx-board1/templates/i-posts.html

{% if postos | length > 0 %}
    {% for posto in postos %}  
        <div class="row">
            <div class="col s12 m6">
                {% if posto.root_post %}
                <div class="card deep-orange accent-4 darken-1">
                {% else %}
                <div class="card blue-grey darken-1">
                {% endif %}
                    <div class="row"> 
                        <div class="col s5">
                            <div class="card-image">
                                <img src="https://loremflickr.com/g/320/240/paris">
                            </div>
                        </div>
                        <div class="col s7">
                            <div class="card-content white-text">
                                <span class="card-title">#{{ posto._key }}</span>
                                <p>{{ posto.texto }}</p>
                            </div>
                            <div class="card-action">
                                <a href="#">Answer me!</a> 
                            </div>
                        </div>
                    </div>  
                </div>
            </div>
        </div>   
    {% endfor %}
{% endif %}