flask-htmx-board1/templates/posts.html

{% if board_threads|length>0 %}
  {% for thread in board_threads %}
<div class="post post_type_reply  post_withimg" id="post-15135655" data-num="15135655">
    <div class="post__details" id="post-details-15135655">
    <input type="checkbox" name="delete" class="turnmeoff" value="15135655">
    <span class="post__detailpart">
    <span class="post__anon">{{thread.name}}</span>
    </span>
    <span class="post__detailpart">
    <span class="post__time">05/07/23 Срд 14:53:58</span>
    </span>
    <span class="post__detailpart">
    <a href="/news/res/15135633.html#15135655" id="15135655" class="post__reflink">№</a>
    <a href="/news/res/15135633.html#15135655" class="js-post-reply-btn post__reflink" data-num="15135655">{{thread.post_num}}</a>
    <span class="post__number">2</span></span>
    <span class="post__detailpart">
    <svg xmlns="http://www.w3.org/2000/svg" class="post__btn post__btn_type_menu icon desktop" data-num="15135655"><use xlink:href="#icon__addmenu"></use></svg>
    <span data-num="15135655" onclick="addAdminMenu(this); return false;" onmouseout="removeAdminMenu(event); return false;" style="display: flex;">
    <svg xmlns="http://www.w3.org/2000/svg" class="post__btn post__btn_type_adm icon"><use xlink:href="#icon__report"></use></svg>
    </span>
    </span>
    </div>
    <div class="post__images  post__images_type_multi"> 
        {% for pic in thread.pic_links %}
        <!-- <div class="post__images">
            <svg class="post__file-preview   " data-width="954" data-height="960" data-type="2" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"  data-title="image.png" viewBox="0 0 100 100" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170" version="1.1" xmlns="http://www.w3.org/2000/svg">
                <defs>
                    <pattern id="img-{{thread.post_num}}" patternUnits="userSpaceOnUse" width="100" height="100">
                        <image xlink:href="https://static.vdk2ch.ru/thread-pics/{{pic}}" x="-25" width="150" height="100" />
                    </pattern>
                </defs>
                <use>
                    <polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img-{{thread.post_num}})"/>
                </use>
            </svg> 
        </div> -->
        <figure class="post__image">
            <figcaption class="post__file-attr">
                <a class="desktop" target="_blank" href="https://static.vdk2ch.ru/thread-pics/{{pic}}" title="image.png">{{pic}}</a>
           
            </figcaption>
                <!-- <svg visibility="visible"  class="post__file-preview   " data-width="954" data-height="960" data-type="2" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"  data-title="image.png" viewBox="0 0 100 100" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <defs>
                        <pattern id="img-{{thread.post_num}}" patternUnits="userSpaceOnUse" width="100" height="100">
                            <image xlink:href="https://static.vdk2ch.ru/thread-pics/{{pic}}" x="-25" width="150" height="100" />
                        </pattern>
                    </defs>
                    <use>
                        <polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img-{{thread.post_num}})"/>
                    </use>
                </svg>  -->
                
                <!-- <img src="https://static.vdk2ch.ru/thread-pics/{{pic}}" alt="954x960" id="img-15135655-d39bd5b1ed6c40e9a1d1eb2971a57584" class="post__file-preview   " data-type="2" data-title="image.png" data-width="954" data-height="960" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170"> -->
            <div class="hex-main">
                <div class="hex-container">
                    <a href="https://static.vdk2ch.ru/thread-pics/{{pic}}" class="post__image-link" target="_blank" "> 
                        <img src="https://static.vdk2ch.ru/thread-pics/{{pic}}" alt="954x960" id="img-15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"> 
                    </a>
                </div>
            </div> 
        </figure>
        
        
    
        {% endfor %}
    </div>
    <article id="m15135655" class="post__message ">
    <a href="/news/res/15135633.html#15135633" class="post-reply-link" data-thread="15135633" data-num="15135633">&gt;&gt;15135633 (OP)</a><br>
 

    {% for pic in thread.pic_links %} 
        <svg class="post__file-preview   " data-width="954" data-height="960" data-type="2" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"  data-title="image.png" viewBox="0 0 100 100" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170" version="1.1" xmlns="http://www.w3.org/2000/svg">
            <defs>
                <pattern id="img-{{thread.post_num}}" patternUnits="userSpaceOnUse" width="100" height="100">
                    <image xlink:href="https://static.vdk2ch.ru/thread-pics/{{pic}}" x="-25" width="150" height="100" />
                </pattern>
            </defs>
            <use>
                <polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img-{{thread.post_num}})"/>
            </use>
        </svg>  
    {% endfor %} -->
    {{thread.txt}}
    </article>
    <div id="refmap-15135655" class="post__refmap" style="display: none;"></div>
    </div>
    {% endfor %}
{% endif %}