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

pulizia dei CSS, footer standardizzato, ritocco index

Browse source
This commit is contained in:
romo 2023-11-13 00:39:49 +01:00
parent de35044aaf
commit 2c3f879b91
7 changed files with 106 additions and 181 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
static/flyers/asymmetric/style.css
View file

@ -3,15 +3,12 @@
flex-direction: column;
gap: 3mm;
height: fit-content;
/*! max-height: 350mm; */
/*! height: ; */
}
.flyer-container {
max-height: fit-content;
min-content: 40mm;
max-content: 50mm;
/* border: 1px solid rgb(253, 140, 140); */
overflow: auto;
}
.flyer {
@ -19,7 +16,6 @@
max-height: 50px;
}
body {
border: 1px solid yellow;
font: 18px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
@ -30,18 +26,14 @@ body {
h1, h2, h3 {
line-height: 1.2;
}
h1 {
/* margin: 0 0 .2em; */
margin: 0 0 .1em;
color: #ff6e40;
/* font-size: 20mm; */
font-size: 10mm;
font-size: 14mm;
}
.subtitle {
font-size: 14px;
font-size: 18px;
}
h3 {
margin-top: 0;
margin-bottom: .2em;
@ -49,11 +41,9 @@ h3 {
}
.intestazione {
/* padding: 1.5rem; */
padding: 0.5rem 1.5rem;
display: grid;
grid-template-columns: auto auto auto;
/* margin-bottom: 1.5rem; */
margin-bottom: 0.5rem;
}
.logo,
@ -67,7 +57,6 @@ h3 {
}
.logo img,
.qrcode img {
/* width: 25%; */
width: 15%;
}
@ -84,7 +73,6 @@ h3 {
background-color: #1e1e1e;
border-radius: 4px;
box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
}
.event_info {
margin: 0.5rem 1rem;
@ -102,11 +90,6 @@ h3 {
.flex {
font-size: 12px;
}
.title,
.flex,
.location {
/* margin: .5rem 1rem; */
}
.center {
display: flex;
flex-direction: column;
@ -130,7 +113,6 @@ h3 {
object-fit: cover;
border-radius: 4px 4px 0 0;
}
footer {
width: 100%;
padding: 1rem;
@ -139,15 +121,22 @@ footer {
padding-left: 24px;
padding-right: 24px;
}
footer .flex {
display: flex;
}
.contacts {
padding-left: 24px;
}
.contacts .flex {
font-size: initial;
}
.contacts span {
padding-right: 1rem;
}
.contacts svg {
width: 1rem;
fill:#c9d1d9;
margin-right: 0.3rem;
}
.published {
text-align: right;

33
static/flyers/simple/style.css
View file

@ -12,14 +12,12 @@ h1, h2, h3 {
}
h1 {
/* margin: 0 0 .2em; */
margin: 0 0 .1em;
color: #ff6e40;
/* font-size: 20mm; */
font-size: 10mm;
font-size: 14mm;
}
.subtitle {
font-size: 14px;
font-size: 18px;
}
h3 {
@ -29,11 +27,9 @@ h3 {
}
.intestazione {
/* padding: 1.5rem; */
padding: 0.5rem 1.5rem;
display: grid;
grid-template-columns: auto auto auto;
/* margin-bottom: 1.5rem; */
margin-bottom: 0.5rem;
}
.logo,
@ -47,18 +43,14 @@ h3 {
}
.logo img,
.qrcode img {
/* width: 25%; */
width: 15%;
}
#events {
display: grid;
/* grid-template-columns: 33% 33% 33%; */
grid-template-columns: auto auto auto auto;
grid-template-rows: auto auto auto auto auto;
/* grid-gap: 1.5em; */
grid-gap: 0.5em;
/* border: 1px dotted black; */
padding-left: 24px;
padding-right: 24px;
}
@ -71,37 +63,25 @@ h3 {
margin: 0.5rem 1rem;
}
.event_info svg {
/* height: 24px;
width: 24px; */
height: 12px;
width: 12px;
fill: white;
margin-right: 0.2em;
}
.title {
/* font-size: 16px; */
font-size: 14px;
}
.place_name,
.flex {
/* font-size: 14px; */
.time {
font-size: 12px;
}
.title,
.flex,
.location {
/* margin: .5rem 1rem; */
}
.center {
display: flex;
flex-direction: column;
align-items: center;
}
.flex,
.time,
.location {
/* display: grid;
grid-template-columns: auto auto;
justify-content: start; */
display: flex;
align-items: center;
}
@ -115,7 +95,6 @@ h3 {
.flyer {
width: 100%;
object-fit: cover;
/* max-height: 40mm; */
max-height: 30mm;
border-radius: 4px 4px 0 0;
}
@ -137,8 +116,12 @@ footer {
.contacts svg {
width: 1rem;
fill:#c9d1d9;
margin-right: 0.3rem;
}
.published {
text-align: right;
padding-right: 24px;
}
.flex {
display: flex;
}

113
static/flyers/simple_white/style.css
View file

@ -1,121 +1,12 @@
body {
border: 1px solid yellow;
font: 18px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
color: #c9d1d9;
display: flex;
justify-content: space-between;
}
h1, h2, h3 {
line-height: 1.2;
}
h1 {
margin: 0 0 .1em;
color: #ff6e40;
font-size: 10mm;
}
.subtitle {
color: #0d1117;
font-size: 14px;
}
h3 {
margin-top: 0;
margin-bottom: .2em;
color: #ff6e40;
}
.intestazione {
padding: 0.5rem 1.5rem;
display: grid;
grid-template-columns: auto auto auto;
margin-bottom: 0.5rem;
}
.logo,
.qrcode {
display: flex;
align-items: center;
height: 100%;
}
.qrcode {
justify-content: flex-end;
}
.logo img,
.qrcode img {
width: 15%;
}
#events {
display: grid;
grid-template-columns: auto auto auto auto;
grid-template-rows: auto auto auto auto auto;
grid-gap: 0.5em;
padding-left: 24px;
padding-right: 24px;
}
.event {
background-color: #1e1e1e;
border-radius: 4px;
box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
}
.event_info {
margin: 0.5rem 1rem;
}
.event_info svg {
height: 12px;
width: 12px;
fill: white;
margin-right: 0.2em;
}
.title {
font-size: 14px;
}
.place_name,
.flex {
font-size: 12px;
}
.center {
display: flex;
flex-direction: column;
align-items: center;
}
.flex,
.location {
display: flex;
align-items: center;
}
.place_name {
color: #ff6e40;
}
.flyer {
width: 100%;
object-fit: cover;
max-height: 30mm;
border-radius: 4px 4px 0 0;
}
footer {
color: #0d1117;
width: 100%;
padding: 1rem;
display: grid;
grid-template-columns: 66% 33%;
padding-left: 24px;
padding-right: 24px;
}
.contacts {
padding-left: 24px;
}
.contacts span {
padding-right: 1rem;
}
.contacts svg {
width: 1rem;
fill:#0d1117;
}
.published {
text-align: right;
padding-right: 24px;
body {
background-color: blue;
}

32
templates/flyers/asymmetric.html
View file

@ -49,16 +49,36 @@
</main>
<footer>
<div class="contacts">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>
<span>https://balotta.org</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
info@balotta.org
<div class="contacts flex">
<div class="flex">
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>
</div>
<div>
<span>https://balotta.org</span>
</div>
</div>
<div class="flex">
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
</div>
<div>
<span>info@balotta.org</span>
</div>
</div>
</div>
<div class="published">
stampato il 16/10/23
stampato il <span id="publish_time"></span>
</div>
<script>
let today = new Date();
let publish_time = today.toLocaleDateString('it-IT');
document.getElementById("publish_time").innerHTML = publish_time;
</script>
</footer>
<script>
const container = document.querySelector('#events');
const content = container.querySelectorAll('.eventcol');

28
templates/flyers/simple.html
View file

@ -8,7 +8,7 @@
{% if params.colorMode == 'white' %}
<link rel="stylesheet" href="{{ url_for('static', filename='flyers/simple/white.css') }} ">
{% endif %}
<link rel="stylesheet" href="{{ url_for('static', filename='flyers/simple/paper.css') }} ">
<link rel="stylesheet" href="{{ url_for('static', filename='flyers/simple/paper.css') }} ">
</head>
<body class="A3 center">
@ -34,7 +34,7 @@
</div>
<div class="event_info">
<h3 class="title">{{ event.title }}</h3>
<div class="flex"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true" class="v-icon__svg"><path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z"></path></svg><span class="time">{{ event.when }}</span></div>
<div class="time"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true" class="v-icon__svg"><path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z"></path></svg><span class="time">{{ event.when }}</span></div>
<div class="location">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true" class="v-icon__svg"><path d="M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z"></path>
<div class="">
@ -47,11 +47,25 @@
</main>
<footer>
<div class="contacts">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>
<span>https://balotta.org</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
info@balotta.org
<div class="contacts flex">
<div class="flex">
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>
</div>
<div>
<span>https://balotta.org</span>
</div>
</div>
<div class="flex">
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
</div>
<div>
<span>info@balotta.org</span>
</div>
</div>
</div>
<div class="published">
stampato il <span id="publish_time"></span>

25
templates/flyers/simple_white.html
View file

@ -4,6 +4,7 @@
<meta charset="utf-8">
<title>Balotta cartecea</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ url_for('static', filename='flyers/simple/style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='flyers/simple_white/style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='flyers/simple_white/paper.css') }} ">
</head>
@ -44,11 +45,25 @@
</main>
<footer>
<div class="contacts">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>
<span>https://balotta.org</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
info@balotta.org
<div class="contacts flex">
<div class="flex">
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>
</div>
<div>
<span>https://balotta.org</span>
</div>
</div>
<div class="flex">
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
</div>
<div>
<span>info@balotta.org</span>
</div>
</div>
</div>
<div class="published">
stampato il <span id="publish_time"></span>

27
templates/index.html
View file

@ -1,26 +1,40 @@
<!doctype html>
<style media="screen">
body {
font-size: 18px;
}
select, label, input {
font-size: 20px;
}
input[type="checkbox"] {
width: 18px;
height: 18px;
}
</style>
<title>Generatore di volantini</title>
<h3> Generatore di volantini per balotta.org</h3>
<h1>Generatore di volantini per balotta.org</h1>
<div>
Scegli gli eventi che vuoi mettere nel volantino e premi genera.
<br>
Per stampare fai "File >> Stampa" Scegli come destinazione "Salva come PDF", seleziona il giusto formato di carta (A3) e ricordati di selezionare anche "Print background".
<br>
L'attuale layout può contenere fino a <span id="maxEvents"></span> eventi.
</div>
<br>
<form action="/flyer" target="_blank">
<label for="template">Scegli un template</label>
<label for="template">Scegli un template: </label>
<select onchange="templateSelected(this.value)" id="template" name="template">
{% for template in templates %}
<option value="{{template.name}}">{{template.name}}</option>
{% endfor %}
</select>
<br>
{% endfor %}
</select>
<br><br>
{% for event in events %}
<input type="checkbox" id="{{event.id}}" name="events" value="{{event.id}}">
<label for="{{event.id}}"> {{loop.index}} [ {{event.when}} ] {{ event.title }}</label><br>
{% endfor %}
<input type="submit" value="Genera volantino">
<br>
<input type="submit" value="Genera il volantino">
</form>
<script>
const templates={{templates|tojson}}
@ -37,4 +51,3 @@ L'attuale layout può contenere fino a <span id="maxEvents"></span> eventi.
document.querySelector("#template").value = "{{default_template}}"
templateSelected("{{default_template}}")
</script>