Files
trpic/web/templates/gallery/artworks.tmpl
Hubert Chen 3ffd1accf0 add GenThumbHash config
config:
    add `GenThumbHash` to control thumbhash generate
action:
    auto generate thumbhash when submit link or upload
web/scripts:
    add `alt` for thumbhash image for a11y
web/templates/gallerys:
    add `aria-label` for sort select
    add meta tags for site info
2026-04-22 22:20:39 +08:00

42 lines
1.5 KiB
Cheetah

{{ define "artworks" }}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:site_name" content="trpic">
<meta property="og:title" name="twitter:title" content="trpic">
<meta property="og:description" name="description" content="trpic gallery - Browse by Artworks">
<meta name="twitter:description" content="trpic gallery - Browse by Artworks">
<title>trpic</title>
{{ "base" | .RenderStyle }}
{{ "gallery" | .RenderStyle }}
{{ "base" | .RenderScript }}
{{ "thumbhash" | .RenderScript }}
{{ "load_artwork" | .RenderScript }}
{{ "upload" | .RenderScript }}
</head>
<body>
<header id="info-box">
{{ "header" | .RenderStyle }}
<span id="title">trpic</span>
<span>共 <b id="artwork-count">....</b> 个作品</span>
<span>以 <select id="sort-select" aria-label="sort">
<option value="time">时间</option>
<option value="time-down">时间倒序</option>
<option value="publish">发布时间</option>
<option value="publish-down">发布时间倒序</option>
</select> 排序</span>
{{ template "submit_url" . }}
</header>
<noscript>
<p>当前未启用 JavaScript</p>
<p>您可以前往 <a href="/noscript/artworks">noscript</a> 页面</p>
</noscript>
<div id="gallery" role="main"></div>
<div id="sentinel"></div>
{{ template "preview" . }}
</body>
</html>
{{ end }}