38 lines
1.4 KiB
HTML
38 lines
1.4 KiB
HTML
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head><title>{{.Title}}</title><link rel="stylesheet" href="/static/css/style.css"></head>
|
||
|
|
<body>
|
||
|
|
<header><a class="logo" href="/">💿 ISOSilo</a></header>
|
||
|
|
<main>
|
||
|
|
<nav class="bc">
|
||
|
|
{{range $i, $c := .Breadcrumbs}}<a href="{{$c.URL}}">{{$c.Name}}</a> {{if lt (add1 $i) (len $.Breadcrumbs)}}/{{end}} {{end}}
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div class="grid">
|
||
|
|
{{range .Items}}
|
||
|
|
{{if .IsDir}}
|
||
|
|
<a href="/{{urlenc .RelativePath}}" class="card">
|
||
|
|
<div class="folder-icon">📁</div>
|
||
|
|
<div class="card-body"><span class="card-name">{{.Name}}</span></div>
|
||
|
|
</a>
|
||
|
|
{{else}}
|
||
|
|
<div class="card">
|
||
|
|
<a href="/browse/{{urlenc .RelativePath}}">
|
||
|
|
{{if .HasImage}}<img src="/raw/{{urlenc (trimExt .RelativePath)}}{{.ImageExt}}" class="card-img">
|
||
|
|
{{else}}<div class="iso-icon">💿</div>{{end}}
|
||
|
|
</a>
|
||
|
|
<div class="card-body">
|
||
|
|
<a href="/browse/{{urlenc .RelativePath}}" class="card-name">{{.Name}}</a>
|
||
|
|
<p class="card-desc">{{if .Description}}{{.Description}}{{else}}ISO Disk Image{{end}}</p>
|
||
|
|
<div style="margin-top:1rem; display:flex; gap:0.5rem;">
|
||
|
|
<a href="/browse/{{urlenc .RelativePath}}" class="dl-btn">Browse</a>
|
||
|
|
<a href="/raw/{{urlenc .RelativePath}}" class="dl-btn" download>ISO</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{end}}
|
||
|
|
{{end}}
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
</html>
|