Files
trpic/web/templates/gallery/artworks_noscript.tmpl

47 lines
1.9 KiB
Cheetah

{{ define "artworks_noscript" }}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>trpic</title>
{{ "base" | .RenderStyle }}
{{ "gallery" | .RenderStyle }}
</head>
<body>
<div id="gallery">
<div id="info-box">
<p style="font-size: 1.2em; font-weight: bold;">trpic</p>
<p>已浏览 <b>({{ .Offset }}/{{ .Total }})</b> 个作品</p>
<span>以 <b>{{ .Sort }}</b> 排序</span>
<p>无 JavaScript 模式</p>
{{ if gt .Offset 0 }}<a href="?offset={{.PrevOffset}}&limit={{.Limit}}&sort={{.Sort}}">上一页</a>{{ end }}
{{ if not (ge .Viewed .Total) }}<a href="?offset={{.NextOffset}}&limit={{.Limit}}&sort={{.Sort}}">下一页</a>{{ end }}
</div>
{{range $artIndex, $art := .Artworks }}
{{ $file := index $art.Edges.Files 0 }}
{{ $src := printf "/files/%d.%s" $file.ID $file.Ext }}
{{ if $file.Thumbed }}{{ $src = printf "/thumbnails/%d.jpg" $file.ID }}{{ end }}
<div style="width:{{$file.JWidth}}px; flex-grow:{{$file.JWidth}}">
<a href="/artworks/noscript/{{$art.ID}}">
<i style="padding-bottom:{{$file.JPadding}}%">
{{if gt (len $art.Edges.Files) 1}}<span><p>{{len $art.Edges.Files}} pic</p></span>{{end}}
</i>
<img src="{{$src}}" loading="lazy" decoding="async" />
</a>
</div>
{{end}}
<div id="info-box">
<p>已浏览 ({{ .Viewed }}/{{ .Total }})</p>
{{ if gt .Offset 0 }}
<a href="?offset={{.PrevOffset}}&limit={{.Limit}}&sort={{.Sort}}">上一页</a>
{{ end }}
{{ if not (ge .Viewed .Total) }}
<a href="?offset={{.NextOffset}}&limit={{.Limit}}&sort={{.Sort}}">下一页</a>
{{ end }}
</div>
</div>
</body>
</html>
{{ end }}