HTML document, ASCII text
1
<style>
2
#repo-table td:nth-child(1) {
3
text-align: center;
4
vertical-align: middle;
5
width: 0;
6
}
7
</style>
8
<details open>
10
<summary>python file data</summary>
11
<pre>{{ files }}</pre>
12
</details>
13
<table style="width: 100%; table-layout: fixed;" id="repo-table">
15
<thead>
16
<tr>
17
<th style="width: 2em;"><input type="checkbox" id="tree-select-all"></th>
18
<th style="text-align: left;">File name</th>
19
<th style="text-align: left;">Media type</th>
20
<th style="width: 12ch; text-align: right;">Size</th>
21
<th style="width: 33.33333%; text-align: left;">Last commit</th>
22
</tr>
23
</thead>
24
<tbody>
25
{% for file in files %}
26
<tr>
27
<td style="text-align: center; padding: 0;"><input type="checkbox"></td>
28
<td>
29
<a href="{{ file.link }}" class="file-link" title="{{ file.name }}">
30
<x-hbox style="align-items: center; gap: 0.5ch;">
31
<iconify-icon icon="{{ file.icon }}" class="file-icon"></iconify-icon>
32
<span class="file-name">{{ file.name }}</span>
33
</x-hbox>
34
</a>
35
</td>
36
<td>{{ file.mimetype }}</td>
37
<td style="text-align: right;">{{ file.size[0] }} {{ file.size[1] }}</td>
38
<td>
39
<x-hbox style="align-items: baseline; gap: 0.5ch;">
40
<code>DEADBEEF</code>
41
<span class="commit-message">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
42
</x-hbox>
43
</td>
44
</tr>
45
{% endfor %}
46
</tbody>
47
</table>