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

{% if postos | length > 0 %}
    {% for posto in postos %}
        <div class=" ">
            {% if posto.root_post %}
            <div class=" ">
            {% else %}
            <div class=" ">
            {% endif %}
                <div class=" " id="post-{{ posto._key }}">
                    <div class=" ">
                        <div class="">
                            <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 class="hex-container">
                                    <a href="https://loremflickr.com/g/320/240/beijing"  target="_blank" "> 
                                        <img src="https://loremflickr.com/g/320/240/beijing">
                                    </a>
                                </div>
                                <div class="hex-container">
                                    <a href="https://loremflickr.com/g/320/240/afrika"  target="_blank" "> 
                                        <img src="https://loremflickr.com/g/320/240/afrika">
                                    </a>
                                </div>
                                <div class="hex-container">
                                    <a href="https://loremflickr.com/g/320/240/yolo"  target="_blank" "> 
                                        <img src="https://loremflickr.com/g/320/240/yolo">
                                    </a>
                                </div>
                                <div class="hex-container">
                                    <a href="https://loremflickr.com/g/320/240/frog"  target="_blank" "> 
                                        <img src="https://loremflickr.com/g/320/240/frog">
                                    </a>
                                </div>
                                <div class="hex-container">
                                    <a href="https://loremflickr.com/g/320/240/kurwa"  target="_blank" "> 
                                        <img src="https://loremflickr.com/g/320/240/kurwa">
                                    </a>
                                </div>
                                <div class="hex-container">
                                    <a href="https://loremflickr.com/g/320/240/putin"  target="_blank" "> 
                                        <img src="https://loremflickr.com/g/320/240/putin">
                                    </a>
                                </div>
                            </div> 
                        </div>
                    </div>
                    <div class=" ">
                        <div class=" ">
                            <span class=" e">#{{ posto._key }}
                                <span class=" "  data-badge-caption="">Ответов: {{ posto.answers_num }}</span>
                                <span class=" "   data-badge-caption="">Длина треда: {{ posto.children_num }}</span>
                            </span>
                            
                            {% if posto.parent_post %} 
                            <a class=" " href="#post-{{ posto.parent_post }}"> >>{{ posto.parent_post }} </a> 
                            {% endif %}
                            <p>{{ posto.texto }}</p>
                        </div>
                    </div>
                    <div class=" ">
                        <div class=" ">
                            <a href="#" hx-post="/post_my_post/{{ posto._key }}" hx-target="#neu-posts" >Answer me!</a> 
                        </div>
                    </div>
                </div>
            </div>
        </div>  
    {% endfor %}
{% endif %}