flask-htmx-board1/templates/board.html

{% extends "base.html" %}

{% block content %} 

<div class="content">
    <p>Вы тут: /{{board_id}}</p>
</div>


<nav>
    <a  href="/">glavnaya</a>
    <br>
    Доски: 
    <div class="boards">
        <ul>
        {% for board in boards %}
            <li><a href="/boards/{{board}}">/{{board}}</a></li> 
        {% endfor %}
        </ul> 
    </div>
</nav>


<table class="pure-table-odd">
    <thead>
      <tr>
        <th class="">пикча эта ваша</th>
        <th class="">номер треда</th>
        <th class="">номер поста</th>
        <th class="">автор(ка)</th> 
        <th class="">текст</th>
      </tr>
    </thead>
    <tbody id="thread-results">
        {% for thread in board_threads %}
            <tr class="">
                <td class="">
                    <a  href="https://static.vdk2ch.ru/thread-pics/{{thread.pic_links}}" target=”_blank”>
                        <svg viewBox="0 0 100 100" 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/{{thread.pic_links}}" x="-25" width="150" height="100" />
                                </pattern>
                            </defs>
                            <polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img-{{thread.post_num}})"/>
                        </svg>
                    </a>
                    <!-- <img src="https://static.vdk2ch.ru/thread-pics/{{thread.pic_links}}" alt="" width="200" height="200"> -->
                </td> 
                <td class="">{{thread.thread_num}}</td> 
                <td class="">{{thread.post_num}}</td>
                <td class="">{{thread.name}}</td>  
                <td class="">{{thread.txt}}</td> 
            
            </tr>
        {% endfor %}
    </tbody>
</table>


<li>

{% include 'posts.html' %}

{% endblock content %}