Balotta/gancio-flyers
12
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

il form iniziale è presentabile

Browse source
This commit is contained in:
encrypt 2023-11-30 00:05:03 +01:00
parent e4f8880761
commit cdf43b0f81
2 changed files with 78 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
static/style.css Normal file
View file

@ -0,0 +1,70 @@
body {
background: #232323;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;b3
}
body {
margin-top: 30px;
color: #ccc;
max-width: 80%;
margin: 0 auto;
margin-top: 30px;
}
/*
form > input[type=checkbox] {
width: 20px;
height: 20px;
border-radius: 50%;
appearance: none;
-webkit-appearance: none;
background-color: white;
vertical-align: middle;
cursor: pointer;
}
form > input[type=checkbox]:checked {
background-color: #ff6e40;
}
*/
form > input[type=checkbox] {
width: 20px;
height: 20px;
accent-color: #fff;
cursor: pointer;
border: none;
}
form > input[type=checkbox]:checked {
accent-color: #ff6e40;
}
form > input[type=submit] {
background-color: #ff6e40;
border: none;
border-radius: 10px;
font-size:20px;
color: #fff;
padding: 5px;
white-space: normal;
}
#template {
background-color: #ff6e40;
border: none;
border-radius: 10px;
width: 15%;
height: 20pt;
font-size: 19px;
color: #fff
}
label, input {
font-size: inherit;
padding: 0.2em;
margin: 0.1em 0.2em;
box-sizing: content-box;
}

20
templates/index.html
View file

@ -1,18 +1,12 @@
<!doctype html> <!doctype html>
<style media="screen">
body {
font-size: 18px;
}
select, label, input {
font-size: 20px;
}
input[type="checkbox"] {
width: 18px;
height: 18px;
}
</style> </style>
<title>Generatore di volantini</title> <title>Generatore di volantini</title>
<h1>Generatore di volantini per balotta.org</h1> <head>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }} ">
<title>gancio flyers</title>
</head>
<body>
<h3> Generatore di volantini per balotta.org</h3>
<div> <div>
Scegli gli eventi che vuoi mettere nel volantino e premi genera. Scegli gli eventi che vuoi mettere nel volantino e premi genera.
<br> <br>
@ -51,3 +45,5 @@ L'attuale layout può contenere fino a <span id="maxEvents"></span> eventi.
document.querySelector("#template").value = "{{default_template}}" document.querySelector("#template").value = "{{default_template}}"
templateSelected("{{default_template}}") templateSelected("{{default_template}}")
</script> </script>
</body>
</html>