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>{{ file.commit.sha[:file.shaSize] }}</code> 
        
            41
                                    <span class="commit-message">{{ file.commit.message }}</span> 
        
            42
                                </x-hbox> 
        
            43
                            </td> 
        
            44
                        </tr> 
        
            45
                    {% endfor %} 
        
            46
                </tbody> 
        
            47
            </table>