71 lines
2.5 KiB
Cheetah
71 lines
2.5 KiB
Cheetah
{{ define "convert" }}
|
|
<!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 name="file"
|
|
id_str="{{ .File.IDStr }}"
|
|
thumbed="{{ .File.Thumbed }}"
|
|
filename="{{ .File.Filename }}"
|
|
source_url="{{ .File.SourceURL }}"
|
|
ext="{{ .File.Ext }}"
|
|
size_str="{{ .File.SizeStr }}"
|
|
width="{{ .File.Width }}"
|
|
height="{{ .File.Height }}"
|
|
aspect_ratio="{{ .File.AspectRatio }}"
|
|
elongation_ratio="{{ .File.ElongationRatio }}"
|
|
>
|
|
{{ "convert" | .RenderStyle }}
|
|
{{ "base" | .RenderScript }}
|
|
{{ "convert" | .RenderScript }}
|
|
</head>
|
|
<body>
|
|
<noscript>
|
|
<p>当前未启用 JavaScript</p>
|
|
<p>您无法在不使用 JavaScript 的情况下访问可视化压缩页面</p>
|
|
</noscript>
|
|
<div id="preview">
|
|
<div id="preview-header">
|
|
<div id="convert-action">
|
|
<select id="quality-selector">
|
|
<option id="q90" value="90">90%</option>
|
|
<option id="q85" value="85">85%</option>
|
|
<option id="q80" value="80">80%</option>
|
|
<option id="q75" value="75">75%</option>
|
|
<option id="q70" value="70">70%</option>
|
|
<option id="q65" value="65">65%</option>
|
|
<option id="q60" value="60">60%</option>
|
|
<option id="q55" value="55">55%</option>
|
|
<option id="q50" value="50">50%</option>
|
|
<option id="q45" value="45">45%</option>
|
|
<option id="q40" value="40">40%</option>
|
|
<option id="q35" value="35">35%</option>
|
|
</select>
|
|
<button id="convert-button">convert</button>
|
|
<select id="denoise-selector">
|
|
<option id="l1" value="1">L1</option>
|
|
<option id="l2" value="2">L2</option>
|
|
<option id="l3" value="3">L3</option>
|
|
</select>
|
|
<button id="denoise-button">denoise</button>
|
|
<button id="save-button">save</button>
|
|
<button id="reset-button">reset</button>
|
|
</div>
|
|
<div id="preview-info">
|
|
<p id="original-size">{{ .RawSizeStr }}</p>
|
|
<p id="dimensions">{{ .File.Width }}*{{ .File.Height }}px</p>
|
|
</div>
|
|
</div>
|
|
<div id="preview-view">
|
|
<div id="image-wrapper">
|
|
<img id="preview-img">
|
|
<img id="original-img" style="z-index: -1;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
{{ end }}
|