{% if postos | length > 0 %}
    {% for posto in postos %}  
    <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 s4">
                    <div class="card-image">
                        <div class="hex-main">
                            <div class="hex-container">
                                <a href="https://loremflickr.com/g/320/240/paris"  target="_blank" "> 
                                    <img src="https://loremflickr.com/g/320/240/paris">
                                </a>
                            </div>
                        </div> 
                    </div>
                </div>
                <div class="col s8">
                    <div class="card-content white-text">
                        <span class="card-title">#{{ posto._key }}</span>
                        <p>{{ posto.texto }}</p>
                    </div>
                </div>
                <div class="col s12">
                    <div class="card-action right">
                        <a href="#" hx-post="/post_my_post" hx-target="#neu-posts" >Answer me!</a> 
                    </div>
                </div>
            </div>  
        </div>
    </div>
    {% endfor %}
{% endif %}