iso7010print/templates/index.html

59 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
body {
margin: 0 auto;
}
#things {
display: flex;
flex-flow: row wrap;
gap: 5px;
}
.thing {
width: 250px;
border: solid 2px;
}
</style>
</head>
<body>
<h1>ISO7010 Warning Stickers On Demand</h1>
<p>Please do not abuse kthxbai!</p>
<form action="/upload" method="POST">
<label for=""> Upload a PNG: (black and white, no transparency!) </label>
<input type="file" accept="image/png">
</form>
<h2>Official ISO7010</h2>
<div id="things">
{% for w in ws %}
<div class="thing">
<img src="{{ w.url }}" width="100%">
<div>
{{ w.name }}
<form method="POST">
<button type="submit" name="w" value="{{ w.name }}">Print</button>
</form>
</div>
</div>
{% endfor %}
</div>
<h2>"Unofficial" ISO7010</h2>
<div id="things">
{% for w in cws %}
<div class="thing">
<img src="{{ w.url }}" width="100%">
<div>
{{ w.name }}
<form method="POST">
<button type="submit" name="w" value="{{ w.name }}">Print</button>
</form>
</div>
</div>
{% endfor %}
</div>
</body>
</html>