This repository has been archived on 2020-04-29. You can view files and clone it, but cannot push or open issues or pull requests.
namensschilder/templates/index.html.j2
Simon Bruder 3912d29530
All checks were successful
continuous-integration/drone/push Build is passing
Switch to quart and pyppeteer
quart: async flask
pyppeteer: puppeteer but in python
→ no nodejs in container
2020-04-29 05:08:19 +02:00

60 lines
1.6 KiB
Django/Jinja

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Namensschilder</title>
<style>
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
text-align: center;
font-family: "PT Sans", "Roboto", "Helvetica", "Segoe UI", "Arial", sans-serif;
}
form {
padding: 0 0.5em;
border: 1px solid rgba(0,0,0,0.15);
box-shadow: 0 2px 3px rgba(0,0,0,0.06);
height: 2.8em;
width: 30vw;
min-width: 280px;
}
form, form * {
border-radius: 4px;
}
input {
font-size: 1.1em;
border: none;
}
input[name="name"] {
height: 2em;
width: 85%;
}
input[type="submit"] {
width: 2em;
height: 2.5em;
background-color: transparent;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z" fill="grey"/></svg>');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
</style>
</head>
<body>
<div class="container">
<h1>Namensschilder</h1>
<form target="_blank" action="/generate">
<input type="text" name="name">
<input type="submit" value="">
</form>
</div>
</body>
</html>