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
<table style="width: 100%; table-layout: fixed;" id="repo-table">
10
<thead>
11
<tr>
12
<th style="width: 2em;"><input type="checkbox" id="tree-select-all"></th>
13
<th style="text-align: left;">File name</th>
14
<th style="text-align: left;">Media type</th>
15
<th style="width: 12ch; text-align: right;">Size</th>
16
<th style="width: 33.33333%; text-align: left;">Last commit</th>
17
</tr>
18
</thead>
19
<tbody>
20
{% for file in files %}
21
<tr>
22
<td style="text-align: center; padding: 0;"><input type="checkbox"></td>
23
<td>
24
<a href="{{ file.link }}" class="file-link" title="{{ file.name }}">
25
<x-hbox style="align-items: center; gap: 0.5ch;">
26
<iconify-icon icon="{{ file.icon }}" class="file-icon"></iconify-icon>
27
<span class="file-name">{{ file.name }}</span>
28
</x-hbox>
29
</a>
30
</td>
31
<td>{{ file.mimetype }}</td>
32
<td style="text-align: right;">{{ file.size[0] }} {{ file.size[1] }}</td>
33
<td>
34
<x-hbox style="align-items: baseline; gap: 0.5ch;">
35
<code>{{ file.commit.sha[:file.shaSize] }}</code>
36
<span class="commit-message">{{ file.commit.message }}</span>
37
</x-hbox>
38
</td>
39
</tr>
40
{% endfor %}
41
</tbody>
42
</table>