Hubert Chen
3ffd1accf0
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
46 lines
1.7 KiB
Cheetah
46 lines
1.7 KiB
Cheetah
{{ define "files" }}
|
|
<!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 Images">
|
|
<meta name="twitter:description" content="trpic gallery - Browse by Images">
|
|
<title>trpic</title>
|
|
{{ "base" | .RenderStyle }}
|
|
{{ "gallery" | .RenderStyle }}
|
|
{{ "base" | .RenderScript }}
|
|
{{ "thumbhash" | .RenderScript }}
|
|
{{ "load_image" | .RenderScript }}
|
|
{{ "upload" | .RenderScript }}
|
|
</head>
|
|
<body>
|
|
<header id="info-box">
|
|
{{ "header" | .RenderStyle }}
|
|
<span id="title">trpic</span>
|
|
<span>共 <b id="image-count">....</b> 张图片</span>
|
|
<span>以 <select id="sort-select" aria-label="sort">
|
|
<option value="time">时间</option>
|
|
<option value="time-down">时间倒序</option>
|
|
<option value="size">尺寸</option>
|
|
<option value="size-down">尺寸倒序</option>
|
|
<option value="aspect">宽高比</option>
|
|
<option value="aspect-down">宽高比倒序</option>
|
|
<option value="elongation">伸长比</option>
|
|
<option value="elongation-down">伸长比倒序</option>
|
|
</select> 排序</span>
|
|
{{ template "submit_url" . }}
|
|
</header>
|
|
<noscript>
|
|
<p>当前未启用 JavaScript</p>
|
|
<p>您可以前往 <a href="/noscript/files">noscript</a> 页面</p>
|
|
</noscript>
|
|
<div id="gallery" role="main"></div>
|
|
<div id="sentinel"></div>
|
|
{{ template "preview" . }}
|
|
</body>
|
|
</html>
|
|
{{ end }}
|