60 lines
1.6 KiB
Django/Jinja
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">
|
|
<input type="text" name="name">
|
|
<input type="submit" value="">
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|