89 lines
3.6 KiB
HTML
89 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{.Filename}} — upload.jeffemmett.com</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="file-card">
|
|
<div class="file-preview">
|
|
{{if eq .ThumbType "image"}}
|
|
<a href="{{.ViewURL}}"><img src="{{.ThumbnailURL}}" alt="{{.Filename}}" class="thumbnail"></a>
|
|
{{else if eq .ThumbType "video"}}
|
|
<div class="thumb-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
|
<polygon points="5 3 19 12 5 21 5 3"/>
|
|
</svg>
|
|
</div>
|
|
{{else if eq .ThumbType "audio"}}
|
|
<div class="thumb-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
|
<path d="M9 18V5l12-2v13"/>
|
|
<circle cx="6" cy="18" r="3"/>
|
|
<circle cx="18" cy="16" r="3"/>
|
|
</svg>
|
|
</div>
|
|
{{else if eq .ThumbType "pdf"}}
|
|
<div class="thumb-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
|
<polyline points="14 2 14 8 20 8"/>
|
|
<line x1="16" y1="13" x2="8" y2="13"/>
|
|
<line x1="16" y1="17" x2="8" y2="17"/>
|
|
</svg>
|
|
</div>
|
|
{{else}}
|
|
<div class="thumb-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
|
<path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/>
|
|
<polyline points="13 2 13 9 20 9"/>
|
|
</svg>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
|
|
<h2 class="file-title">{{.Filename}}</h2>
|
|
|
|
<div class="file-meta">
|
|
<div class="meta-row">
|
|
<span class="meta-label">Size</span>
|
|
<span>{{formatSize .Size}}</span>
|
|
</div>
|
|
<div class="meta-row">
|
|
<span class="meta-label">Type</span>
|
|
<span>{{.ContentType}}</span>
|
|
</div>
|
|
<div class="meta-row">
|
|
<span class="meta-label">Uploaded</span>
|
|
<span>{{.UploadedAt}}</span>
|
|
</div>
|
|
{{if .ExpiresAt}}
|
|
<div class="meta-row">
|
|
<span class="meta-label">Expires</span>
|
|
<span>{{.ExpiresAt}}</span>
|
|
</div>
|
|
{{end}}
|
|
<div class="meta-row">
|
|
<span class="meta-label">Downloads</span>
|
|
<span>{{.Downloads}}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="file-actions">
|
|
{{if .Previewable}}
|
|
<a href="{{.ViewURL}}" class="btn">View</a>
|
|
{{end}}
|
|
<a href="{{.DownloadURL}}" class="btn btn-secondary">Download</a>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<a href="/">upload.jeffemmett.com</a>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|