emojiquest/templates/index.html

57 lines
1.3 KiB
HTML
Raw Normal View History

2023-12-18 10:46:41 +00:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
2023-12-18 15:01:42 +00:00
<title>Submit - Emoji Request</title>
2023-12-18 10:46:41 +00:00
<style>
main {
max-width: 70ch;
padding: 2rem;
margin: auto;
}
2023-12-18 14:05:18 +00:00
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%;
}
2023-12-18 10:46:41 +00:00
</style>
</head>
<body>
2023-12-18 14:05:18 +00:00
<nav>
2023-12-18 15:01:42 +00:00
<a href="/">submit</a>
2023-12-18 14:05:18 +00:00
<a href="/requested">requested</a>
</nav>
2023-12-18 10:46:41 +00:00
<main>
2023-12-18 14:05:18 +00:00
{{- if .Success }}
2023-12-18 10:46:41 +00:00
<h1>emoji requested successfully</h1>
2023-12-18 14:05:18 +00:00
{{- end }}
2023-12-18 15:01:42 +00:00
<h1>Submit An Emoji Request</h1>
2023-12-18 10:46:41 +00:00
<form method="POST">
2023-12-18 11:56:51 +00:00
<div>
2023-12-18 15:01:42 +00:00
<label for="shortcode">Emoji shortcode</label>
<input type="text" id="shortcode" name="shortcode" placeholder="blobcatNotLikeThis" required>
2023-12-18 11:56:51 +00:00
<label for="url">Emoji URL</label>
<input type="text" id="url" name="url" placeholder="https://..." required>
2023-12-18 11:56:51 +00:00
</div>
2023-12-18 10:46:41 +00:00
<input type="submit">
</form>
2023-12-18 12:41:13 +00:00
</main>
2023-12-18 10:46:41 +00:00
</body>
</html>