summaryrefslogtreecommitdiffstats
path: root/pages/index.html
blob: 0a0c2b19645bd21288da787aeaebce510c7ce8bf (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>{{ .SiteName }} &middot; Kawaii File Hosting</title>
		<link rel="icon" href="favicon.ico">
		<link rel="stylesheet" href="/static/pomf.css">
		<script src="/static/pomf.js"></script>
	</head>
	<body>
		<div class="container">
			<div class="jumbotron">
				<h1>Ohayou!</h1>
				<p class="lead">Max upload size is {{ .MaxSize }}, read the <a href="faq.html">FAQ</a></p>

				<form id="upload-form" enctype="multipart/form-data" method="post" action="upload.php?output=html">
					<button style="display: none" id="upload-btn" class="btn" type="button">Select or drop file(s)</button>
					<input type="file" id="upload-input" name="files[]" multiple data-max-size="{{ .MaxSize }}">
					<input type="submit" value="Submit">
				</form>

				{{ with .Result }}<ul id="upload-filelist" {{ if or .Files .Description }}class="{{ if .Description }}error {{ else }}completed{{ end }}"{{ end }}>
					{{ range .Files }}<li class="file" data-filename="{{ .Name }}">
						<span class="file-name">{{ .Name }}</span>
						<span class="file-url"><a href="{{ .Url }}" target="_blank">{{ .Url }}</a></span>
					</li>{{ end }}

					{{ if or .Files .Description }}<li class="file total" data-filename="">
						<span class="file-name">{{ if .Description }}{{ .Description }}{{ else }}Done!{{ end }}</span>
						<span class="file-url"></span>
					</li>{{ end }}

				</ul>{{ end }}

			</div>

			<nav>
				<ul>
					<li><a href="/">{{ .SiteName }}</a></li>
					<li><a href="mailto:{{ .Contact }}">Contact</a></li>
					<li><a href="mailto:{{ .Abuse }}">Report abuse</a></li>
					{{ range $name, $path := .Pages }}{{ if ne $path "index.html" }}<li><a href="{{ $path }}">{{ $name }}</a></li>{{ end }}{{ end }}
				</ul>
			</nav>
		</div>
	</body>
</html>