tree-root.html RawHistoryFolder
1<!doctype html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<meta name="color-scheme" content="light dark">
7<title>tree · files · example.test</title>
8<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
9<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0c0c0c">
10<meta name="apple-mobile-web-app-title" content="ermite">
11<link rel="icon" type="image/svg+xml" href="/-/static/img/icon.HASH.svg">
12<link rel="apple-touch-icon" href="/-/static/app/apple-touch-icon.HASH.png">
13<link rel="manifest" href="/-/static/app/manifest.HASH.webmanifest">
14<link rel="preload" href="/-/static/fonts/atkinson-next.HASH.woff2" as="font" type="font/woff2" crossorigin>
15<link rel="stylesheet" href="/-/static/css/ermite.HASH.css">
16<meta name="htmx-config" content='{"history":false,"includeIndicatorCSS":false,"extensions":"sse, hx-live"}'>
17<script src="/-/static/js/htmx.min.HASH.js" defer>
18</script>
19<script src="/-/static/js/hx-live.min.HASH.js" defer>
20</script>
21<script src="/-/static/js/hx-sse.min.HASH.js" defer>
22</script>
23<script src="/-/static/js/ermite.HASH.js" defer>
24</script>
25<script src="/-/static/js/files.HASH.js" defer>
26</script>
27<script src="/-/static/js/passkey.HASH.js" defer>
28</script>
29<script src="/-/static/js/log.HASH.js" defer>
30</script>
31</head>
32<body data-ref="main" data-sha="SHA40" data-sel="" data-nav="" data-paths="/files/paths/SHA40" data-blob="/files/blob/main">
33<a class="skip" href="#main">skip to content</a>
34<header class="hdr">
35<div class="hdr-top">
36<a class="brand" href="/" data-g="h" aria-label="home" title="home (g h)">
37<span class="brand-mark" aria-hidden="true">
38</span>
39</a>
40<nav class="crumbs" aria-label="Path">
41<ol>
42<li>
43<a href="/files">files</a>
44</li>
45<li>
46<a href="/files/tree/main">tree</a>
47</li>
48<li>
49<a href="/files/tree/main" aria-current="page">main</a>
50</li>
51</ol>
52</nav>
53<div class="hdr-acts">
54<a class="btn ref" href="/files/refs" data-fire="refs" aria-keyshortcuts="b" title="switch branch or tag (b)">
55<span class="ico i-branch" aria-hidden="true">
56</span>
57<span class="ref-name">main</span>
58<span class="sha">SHA7</span>
59</a>
60<button type="button" class="btn search" data-js aria-haspopup="dialog" aria-controls="panel-cmd" aria-keyshortcuts="Control+K :" title="go to a section, ref, file or repo (ctrl k or :)" data-fire="cmd">
61<span class="ico i-search" aria-hidden="true">
62</span>
63<span class="search-label">Go to…</span>
64<kbd aria-hidden="true">ctrl k</kbd>
65</button>
66</div>
67</div>
68<nav class="tabs" aria-label="Sections">
69<ul>
70<li>
71<a href="/files" data-key="s" aria-keyshortcuts="s">Summary<kbd aria-hidden="true">s</kbd>
72</a>
73</li>
74<li>
75<a href="/files/tree/main" data-key="t" aria-keyshortcuts="t" aria-current="page">Files<kbd aria-hidden="true">t</kbd>
76</a>
77</li>
78<li>
79<a href="/files/commits/main" data-key="c" aria-keyshortcuts="c">Commits<kbd aria-hidden="true">c</kbd>
80</a>
81</li>
82<li>
83<a href="/files/refs" data-key="r" aria-keyshortcuts="r">Branches & tags<kbd aria-hidden="true">r</kbd>
84</a>
85</li>
86<li>
87<a href="/files/merge-requests" data-key="m" aria-keyshortcuts="m">Merge requests<kbd aria-hidden="true">m</kbd>
88</a>
89</li>
90<li>
91<a href="/files/actions" data-key="a" aria-keyshortcuts="a">Actions<kbd aria-hidden="true">a</kbd>
92</a>
93</li>
94</ul>
95</nav>
96</header>
97<div class="work">
98<main id="main" tabindex="-1">
99<div class="filter">
100<label for="finder-q" class="sr">find a file</label>
101<input id="finder-q" type="search" data-filter role="combobox" aria-autocomplete="list" aria-controls="finder-list" aria-expanded="false" placeholder="Find a file…" autocomplete="off" spellcheck="false" hx-on:focus="ermiteFinder.load()" hx-on:input="ermiteFinder.input(this)" hx-on:keydown="ermiteFinder.key(this, event)">
102</div>
103<div id="finder" hidden>
104<p id="finder-status" class="dim" aria-live="polite">
105</p>
106<ul id="finder-list" class="cmd-list" role="listbox" aria-label="Files">
107</ul>
108</div>
109<div id="tree-view">
110<table class="list tree" aria-label="Entries">
111<thead>
112<tr>
113<th class="cur">
114</th>
115<th class="c-kind">
116</th>
117<th class="c-name">name</th>
118<th class="c-size">size</th>
119<th class="c-sub">last commit</th>
120<th class="c-who">author</th>
121<th class="c-when">date</th>
122</tr>
123</thead>
124<tbody id="tree-rows" data-rows hx-on:click="ermiteTree.click(event)">
125<tr data-cursor>
126<td class="cur" aria-hidden="true">
127</td>
128<td class="c-kind" aria-hidden="true">▸</td>
129<td class="c-name">
130<a href="/files/tree/main/docs" data-expand="/files/tree/main/docs?rows" aria-expanded="false">docs/</a>
131</td>
132<td class="c-size num dim">-</td>
133<td class="c-sub dim">
134<a href="/files/commit/SHA40">add docs/guide.md</a>
135</td>
136<td class="c-who dim">T</td>
137<td class="c-when nowrap dim">
138<time datetime="STAMP" title="STAMP">AGO</time>
139</td>
140</tr>
141<tr>
142<td class="cur" aria-hidden="true">
143</td>
144<td class="c-kind" aria-hidden="true">▸</td>
145<td class="c-name">
146<a href="/files/tree/main/src" data-expand="/files/tree/main/src?rows" aria-expanded="false">src/</a>
147</td>
148<td class="c-size num dim">-</td>
149<td class="c-sub dim">
150<a href="/files/commit/SHA40">add src/lib/util.go</a>
151</td>
152<td class="c-who dim">T</td>
153<td class="c-when nowrap dim">
154<time datetime="STAMP" title="STAMP">AGO</time>
155</td>
156</tr>
157<tr>
158<td class="cur" aria-hidden="true">
159</td>
160<td class="c-kind" aria-hidden="true">·</td>
161<td class="c-name">
162<a href="/files/blob/main/README.md">README.md</a>
163</td>
164<td class="c-size num dim">41 B</td>
165<td class="c-sub dim">
166<a href="/files/commit/SHA40">add README.md</a>
167</td>
168<td class="c-who dim">T</td>
169<td class="c-when nowrap dim">
170<time datetime="STAMP" title="STAMP">AGO</time>
171</td>
172</tr>
173<tr>
174<td class="cur" aria-hidden="true">
175</td>
176<td class="c-kind" aria-hidden="true">·</td>
177<td class="c-name">
178<a href="/files/blob/main/big.txt">big.txt</a>
179</td>
180<td class="c-size num dim">1.1 MiB</td>
181<td class="c-sub dim">
182<a href="/files/commit/SHA40">add big.txt</a>
183</td>
184<td class="c-who dim">T</td>
185<td class="c-when nowrap dim">
186<time datetime="STAMP" title="STAMP">AGO</time>
187</td>
188</tr>
189<tr>
190<td class="cur" aria-hidden="true">
191</td>
192<td class="c-kind" aria-hidden="true">·</td>
193<td class="c-name">
194<a href="/files/blob/main/data.bin">data.bin</a>
195</td>
196<td class="c-size num dim">10 B</td>
197<td class="c-sub dim">
198<a href="/files/commit/SHA40">add data.bin</a>
199</td>
200<td class="c-who dim">T</td>
201<td class="c-when nowrap dim">
202<time datetime="STAMP" title="STAMP">AGO</time>
203</td>
204</tr>
205<tr>
206<td class="cur" aria-hidden="true">
207</td>
208<td class="c-kind" aria-hidden="true">·</td>
209<td class="c-name">
210<a href="/files/blob/main/empty.txt">empty.txt</a>
211</td>
212<td class="c-size num dim">0 B</td>
213<td class="c-sub dim">
214<a href="/files/commit/SHA40">add empty.txt</a>
215</td>
216<td class="c-who dim">T</td>
217<td class="c-when nowrap dim">
218<time datetime="STAMP" title="STAMP">AGO</time>
219</td>
220</tr>
221<tr>
222<td class="cur" aria-hidden="true">
223</td>
224<td class="c-kind" aria-hidden="true">·</td>
225<td class="c-name">
226<a href="/files/blob/main/evil.go">evil.go</a>
227</td>
228<td class="c-size num dim">87 B</td>
229<td class="c-sub dim">
230<a href="/files/commit/SHA40">add evil.go</a>
231</td>
232<td class="c-who dim">T</td>
233<td class="c-when nowrap dim">
234<time datetime="STAMP" title="STAMP">AGO</time>
235</td>
236</tr>
237<tr>
238<td class="cur" aria-hidden="true">
239</td>
240<td class="c-kind" aria-hidden="true">·</td>
241<td class="c-name">
242<a href="/files/blob/main/fake.jpg">fake.jpg</a>
243</td>
244<td class="c-size num dim">15 B</td>
245<td class="c-sub dim">
246<a href="/files/commit/SHA40">add fake.jpg</a>
247</td>
248<td class="c-who dim">T</td>
249<td class="c-when nowrap dim">
250<time datetime="STAMP" title="STAMP">AGO</time>
251</td>
252</tr>
253<tr>
254<td class="cur" aria-hidden="true">
255</td>
256<td class="c-kind" aria-hidden="true">·</td>
257<td class="c-name">
258<a href="/files/blob/main/fake.png">fake.png</a>
259</td>
260<td class="c-size num dim">39 B</td>
261<td class="c-sub dim">
262<a href="/files/commit/SHA40">add fake.png</a>
263</td>
264<td class="c-who dim">T</td>
265<td class="c-when nowrap dim">
266<time datetime="STAMP" title="STAMP">AGO</time>
267</td>
268</tr>
269<tr>
270<td class="cur" aria-hidden="true">
271</td>
272<td class="c-kind" aria-hidden="true">·</td>
273<td class="c-name">
274<a href="/files/blob/main/lines.txt">lines.txt</a>
275</td>
276<td class="c-size num dim">39.1 KiB</td>
277<td class="c-sub dim">
278<a href="/files/commit/SHA40">add lines.txt</a>
279</td>
280<td class="c-who dim">T</td>
281<td class="c-when nowrap dim">
282<time datetime="STAMP" title="STAMP">AGO</time>
283</td>
284</tr>
285<tr>
286<td class="cur" aria-hidden="true">
287</td>
288<td class="c-kind" aria-hidden="true">·</td>
289<td class="c-name">
290<a href="/files/blob/main/logo.svg">logo.svg</a>
291</td>
292<td class="c-size num dim">89 B</td>
293<td class="c-sub dim">
294<a href="/files/commit/SHA40">add logo.svg</a>
295</td>
296<td class="c-who dim">T</td>
297<td class="c-when nowrap dim">
298<time datetime="STAMP" title="STAMP">AGO</time>
299</td>
300</tr>
301<tr>
302<td class="cur" aria-hidden="true">
303</td>
304<td class="c-kind" aria-hidden="true">·</td>
305<td class="c-name">
306<a href="/files/blob/main/main.go">main.go</a>
307</td>
308<td class="c-size num dim">87 B</td>
309<td class="c-sub dim">
310<a href="/files/commit/SHA40">add main.go</a>
311</td>
312<td class="c-who dim">T</td>
313<td class="c-when nowrap dim">
314<time datetime="STAMP" title="STAMP">AGO</time>
315</td>
316</tr>
317<tr>
318<td class="cur" aria-hidden="true">
319</td>
320<td class="c-kind" aria-hidden="true">·</td>
321<td class="c-name">
322<a href="/files/blob/main/notes.txt">notes.txt</a>
323</td>
324<td class="c-size num dim">24 B</td>
325<td class="c-sub dim">
326<a href="/files/commit/SHA40">add notes.txt</a>
327</td>
328<td class="c-who dim">T</td>
329<td class="c-when nowrap dim">
330<time datetime="STAMP" title="STAMP">AGO</time>
331</td>
332</tr>
333<tr>
334<td class="cur" aria-hidden="true">
335</td>
336<td class="c-kind" aria-hidden="true">·</td>
337<td class="c-name">
338<a href="/files/blob/main/page.html">page.html</a>
339</td>
340<td class="c-size num dim">26 B</td>
341<td class="c-sub dim">
342<a href="/files/commit/SHA40">add page.html</a>
343</td>
344<td class="c-who dim">T</td>
345<td class="c-when nowrap dim">
346<time datetime="STAMP" title="STAMP">AGO</time>
347</td>
348</tr>
349<tr>
350<td class="cur" aria-hidden="true">
351</td>
352<td class="c-kind" aria-hidden="true">·</td>
353<td class="c-name">
354<a href="/files/blob/main/pic.png">pic.png</a>
355</td>
356<td class="c-size num dim">88 B</td>
357<td class="c-sub dim">
358<a href="/files/commit/SHA40">add pic.png</a>
359</td>
360<td class="c-who dim">T</td>
361<td class="c-when nowrap dim">
362<time datetime="STAMP" title="STAMP">AGO</time>
363</td>
364</tr>
365</tbody>
366</table>
367<section class="card readme" aria-labelledby="readme-h">
368<h2 class="card-h" id="readme-h">
369<span class="ico i-file" aria-hidden="true">
370</span> README.md</h2>
371<article class="prose" aria-label="README.md" hx-ignore>
372<h1 id="md-files">Files</h1>
373<p>See <a href="/files/blob/main/docs/guide.md">the guide</a>.</p>
374</article>
375</section>
376</div>
377</main>
378</div>
379<footer class="foot">
380<span>ermite devel</span>
381<a href="http://example.test/ermite" rel="noopener" title="source of this version (AGPL-3.0-or-later)">source</a>
382<button type="button" class="foot-keys" data-js data-fire="help" aria-haspopup="dialog" aria-controls="panel-help" aria-keyshortcuts="?">
383<kbd aria-hidden="true">?</kbd> keyboard shortcuts</button>
384</footer>
385<div class="hint" role="status" aria-live="polite">
386<span class="hint-nav" :text="document.body.dataset.nav || ''">
387</span>
388<span class="hint-sel" :text="document.body.dataset.sel ? document.body.dataset.sel + ' · y permalink' : ''">
389</span>
390<span class="hint-flash" :text="document.body.dataset.flash || ''">
391</span>
392</div>
393<dialog id="panel-help" class="panel modal" aria-label="Keyboard shortcuts" hx-on:keydown="event.key === 'Escape' && (event.preventDefault(), this.close())" hx-on:click="event.target === this && this.close()">
394<div class="panel-head">
395<h2>Keyboard shortcuts</h2>
396<button type="button" class="panel-x" aria-label="Close" hx-on:click="closest('dialog').close()">
397<kbd>esc</kbd> close</button>
398</div>
399<dl class="keys">
400<div>
401<dt>
402<kbd>ctrl k</kbd>
403<kbd>:</kbd>
404</dt>
405<dd>go to a section, branch, tag, file or repository</dd>
406</div>
407<div>
408<dt>
409<kbd>?</kbd>
410</dt>
411<dd>this list</dd>
412</div>
413<div>
414<dt>
415<kbd>j</kbd>
416<kbd>k</kbd>
417</dt>
418<dd>move the row cursor down / up</dd>
419</div>
420<div>
421<dt>
422<kbd>enter</kbd>
423</dt>
424<dd>open the row under the cursor</dd>
425</div>
426<div>
427<dt>
428<kbd>g g</kbd>
429<kbd>G</kbd>
430</dt>
431<dd>first / last row</dd>
432</div>
433<div>
434<dt>
435<kbd>/</kbd>
436</dt>
437<dd>filter the list; on Files, find a file in the repository</dd>
438</div>
439<div>
440<dt>
441<kbd>b</kbd>
442</dt>
443<dd>switch branch or tag</dd>
444</div>
445<div>
446<dt>
447<kbd>s</kbd>
448<kbd>t</kbd>
449<kbd>c</kbd>
450<kbd>r</kbd>
451<kbd>m</kbd>
452</dt>
453<dd>tabs: summary, files, commits, branches & tags, merge requests</dd>
454</div>
455<div>
456<dt>
457<kbd>g h</kbd>
458</dt>
459<dd>home</dd>
460</div>
461<div>
462<dt>
463<kbd>y</kbd>
464</dt>
465<dd>copy a permalink pinned to the commit</dd>
466</div>
467<div>
468<dt>
469<kbd>d</kbd>
470<kbd>u</kbd>
471<kbd>x</kbd>
472</dt>
473<dd>diff: split / unified / collapse or expand all</dd>
474</div>
475<div>
476<dt>
477<kbd>n</kbd>
478</dt>
479<dd>merge request: next note in the diff</dd>
480</div>
481<div>
482<dt>
483<kbd>esc</kbd>
484</dt>
485<dd>close a dialog, leave a field</dd>
486</div>
487</dl>
488</dialog>
489<dialog id="panel-refs" class="panel modal" aria-label="Switch ref" hx-on:keydown="event.key === 'Escape' && (event.preventDefault(), this.close())" hx-on:click="event.target === this && this.close()">
490<div class="panel-head">
491<label for="refs-filter" class="sr">filter branches and tags</label>
492<input id="refs-filter" type="search" placeholder="Switch branch or tag…" autocomplete="off" data-pick="#panel-refs li" hx-on:input="ermite.filter(this)">
493<button type="button" class="panel-x" aria-label="Close" hx-on:click="closest('dialog').close()">
494<kbd>esc</kbd>
495</button>
496</div>
497<div class="panel-cols" data-picklist>
498<section aria-label="Branches">
499<h2>Branches <span class="count">2</span>
500</h2>
501<ul>
502<li>
503<a href="/files/tree/feature/x">
504<span class="mark" aria-hidden="true"> </span>feature/x</a>
505</li>
506<li>
507<a href="/files/tree/main" aria-current="true">
508<span class="mark" aria-hidden="true">●</span>main</a>
509</li>
510</ul>
511</section>
512<section aria-label="Tags">
513<h2>Tags <span class="count">1</span>
514</h2>
515<ul>
516<li>
517<a href="/files/tree/v1.0">
518<span class="mark" aria-hidden="true"> </span>v1.0</a>
519</li>
520</ul>
521</section>
522</div>
523</dialog>
524<dialog id="panel-cmd" class="panel modal" aria-label="Go to" hx-on:close="ermiteFinder.paletteClose()" hx-on:keydown="event.key === 'Escape' && (event.preventDefault(), this.close())" hx-on:click="event.target === this && this.close()">
525<div class="panel-head">
526<label for="cmd-q" class="sr">go to</label>
527<input id="cmd-q" type="search" placeholder="Go to a section, branch, tag, file or repository…" autocomplete="off" spellcheck="false" aria-controls="cmd-list" hx-on:input="ermite.cmdFilter(this); ermiteFinder.palette(this)" hx-on:keydown="ermite.cmdKey(event)">
528<button type="button" class="panel-x" aria-label="Close" hx-on:click="closest('dialog').close()">
529<kbd>esc</kbd>
530</button>
531</div>
532<ul id="cmd-list" class="cmd-list" aria-label="Targets">
533<li data-k="go home" data-cursor>
534<a href="/" tabindex="-1">
535<span class="lbl">home</span>
536<span class="k">go</span>
537</a>
538</li>
539<li data-k="section summary">
540<a href="/files" tabindex="-1">
541<span class="lbl">summary</span>
542<span class="k">section</span>
543</a>
544</li>
545<li data-k="section files">
546<a href="/files/tree/main" tabindex="-1">
547<span class="lbl">files</span>
548<span class="k">section</span>
549</a>
550</li>
551<li data-k="section commits">
552<a href="/files/commits/main" tabindex="-1">
553<span class="lbl">commits</span>
554<span class="k">section</span>
555</a>
556</li>
557<li data-k="section branches & tags">
558<a href="/files/refs" tabindex="-1">
559<span class="lbl">branches & tags</span>
560<span class="k">section</span>
561</a>
562</li>
563<li data-k="section merge requests">
564<a href="/files/merge-requests" tabindex="-1">
565<span class="lbl">merge requests</span>
566<span class="k">section</span>
567</a>
568</li>
569<li data-k="section actions">
570<a href="/files/actions" tabindex="-1">
571<span class="lbl">actions</span>
572<span class="k">section</span>
573</a>
574</li>
575<li data-k="branch feature/x">
576<a href="/files/tree/feature/x" tabindex="-1">
577<span class="lbl">feature/x</span>
578<span class="k">branch</span>
579</a>
580</li>
581<li data-k="branch main">
582<a href="/files/tree/main" tabindex="-1">
583<span class="lbl">main</span>
584<span class="k">branch</span>
585</a>
586</li>
587<li data-k="tag v1.0">
588<a href="/files/tree/v1.0" tabindex="-1">
589<span class="lbl">v1.0</span>
590<span class="k">tag</span>
591</a>
592</li>
593</ul>
594<p class="panel-foot">
595<span>
596<kbd>↑</kbd>
597<kbd>↓</kbd> move</span>
598<span>
599<kbd>enter</kbd> open</span>
600<span>
601<kbd>esc</kbd> close</span>
602</p>
603</dialog>
604<div id="keys" hidden hx-on="k-j from:body -> ermite.move(1);
605 k-k from:body -> ermite.move(-1);
606 k-top from:body -> ermite.edge(false);
607 k-bottom from:body -> ermite.edge(true);
608 k-open from:body -> ermite.open();
609 k-esc from:body -> ermite.closeDialogs();
610 k-help from:body -> ermite.dialog('panel-help');
611 k-refs from:body -> ermite.dialog('panel-refs', 'refs-filter');
612 k-cmd from:body -> ermite.dialog('panel-cmd', 'cmd-q'); ermiteFinder.load();
613 k-filter from:body -> ermite.focusFilter();
614 k-gh from:body -> ermite.go('.brand');
615 k-s from:body -> ermite.tab('s');
616 k-t from:body -> ermite.tab('t');
617 k-c from:body -> ermite.tab('c');
618 k-r from:body -> ermite.tab('r');
619 k-m from:body -> ermite.tab('m');
620 k-next from:body -> ermite.nextNote();
621 k-split from:body -> ermite.layout('split');
622 k-unified from:body -> ermite.layout('unified');
623 k-collapse from:body -> ermite.collapse();
624 k-permalink from:body -> ermite.permalink()">
625</div>
626</body>
627</html>