emojiquest/templates/index.html

57 lines
1.3 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Submit - Emoji Request</title>
<style>
main {
max-width: 70ch;
padding: 2rem;
margin: auto;
}
nav>a {
margin: 1ch;
}
form>div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-block-end: 2ch;
}
div>label {
flex-basis: 25%;
}
div>input {
flex-basis: 70%;
}
</style>
</head>
<body>
<nav>
<a href="/">submit</a>
<a href="/requested">requested</a>
</nav>
<main>
{{- if .Success }}
<h1>emoji requested successfully</h1>
{{- end }}
<h1>Submit An Emoji Request</h1>
<form method="POST">
<div>
<label for="shortcode">Emoji shortcode</label>
<input type="text" id="shortcode" name="shortcode" placeholder="blobcatNotLikeThis" required>
<label for="url">Emoji URL</label>
<input type="text" id="url" name="url" placeholder="https://..." required>
</div>
<input type="submit">
</form>
</main>
</body>
</html>