{% 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 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="#">Answer me!</a> 
                            </div>
                        </div>
                    </div>  
                </div>
            </div>
        </div>   
    {% endfor %}
{% endif %}