flask-htmx-board1/templates/board.html

60 lines
2.0 KiB
HTML
Raw Normal View History

2023-07-03 23:18:37 +10:00
{% extends "base.html" %}
{% block content %}
<div class="content">
2023-07-03 23:23:03 +10:00
<p>Вы тут: /{{board_id}}</p>
2023-07-03 23:18:37 +10:00
</div>
<nav>
2023-07-03 23:24:34 +10:00
<a href="/">glavnaya</a>
2023-07-03 23:18:37 +10:00
<br>
Доски:
<div class="boards">
<ul>
{% for board in boards %}
2023-07-03 23:19:54 +10:00
<li><a href="/boards/{{board}}">/{{board}}</a></li>
2023-07-03 23:18:37 +10:00
{% endfor %}
</ul>
</div>
</nav>
2023-07-03 23:47:48 +10:00
<table class="pure-table-odd">
2023-07-03 23:18:37 +10:00
<thead>
<tr>
2023-07-05 21:46:44 +10:00
<th class="">пикча эта ваша</th>
2023-07-03 23:47:48 +10:00
<th class="">номер треда</th>
<th class="">номер поста</th>
<th class="">автор(ка)</th>
<th class="">текст</th>
2023-07-03 23:18:37 +10:00
</tr>
</thead>
<tbody id="thread-results">
2023-07-03 23:25:25 +10:00
{% for thread in board_threads %}
2023-07-03 23:47:48 +10:00
<tr class="">
<td class="">
2023-07-05 21:44:19 +10:00
<a href="https://static.vdk2ch.ru/thread-pics/{{thread.pic_link}}" target=”_blank”>
2023-07-05 21:43:30 +10:00
<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_link}}" 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>
2023-07-05 21:36:31 +10:00
<!-- <img src="https://static.vdk2ch.ru/thread-pics/{{thread.pic_link}}" alt="" width="200" height="200"> -->
2023-07-03 23:45:49 +10:00
</td>
2023-07-05 21:44:33 +10:00
<td class="">{{thread.thread_num}}</td>
<td class="">{{thread.post_num}}</td>
<td class="">{{thread.name}}</td>
2023-07-03 23:47:48 +10:00
<td class="">{{thread.txt}}</td>
2023-07-03 23:45:49 +10:00
2023-07-03 23:22:11 +10:00
</tr>
{% endfor %}
2023-07-03 23:18:37 +10:00
</tbody>
</table>
{% endblock content %}