static/flyers/asymmetric/style.css

@@ -16,7 +16,7 @@
 }
 .flyer {
   object-fit: cover;
-  max-height: 150px;
+  max-height: 50px;
 }
 
 
@@ -73,12 +73,12 @@ h3 {
 
 #events {
   display: grid;
-  grid-template-columns: auto auto auto;
+  grid-template-columns: auto auto auto auto;
   grid-gap: 1.5em;
   border: 1px dotted black;
   padding-left: 24px;
   padding-right: 24px;
-  height: 350mm;
+  height: 379mm;
 }
 .event {
   background-color: #1e1e1e;

templates/flyers/asymmetric.html

@@ -23,9 +23,9 @@
     </header>
 
     <main id="events">
-      {% for column in (0, 1, 2)  %}
+      {% for column in (0, 1, 2, 3)  %}
       <div class="eventcol">
-      {% for row in (0, 1, 2, 3) %}
+      {% for row in (0, 1, 2, 3, 4, 5) %}
       {% set event = events[column+(3*row)] %}
 
       <div class="event">

templates/index.html

@@ -10,7 +10,7 @@ L'attuale layout può contenere fino a 24 eventi.
 <br>
 <form action="/flyer" target="_blank">
 {% for event in events %}
-<input type="checkbox" {% if loop.index <= 12 %} checked {% endif %} id="{{event.id}}" name="events" value="{{event.id}}">
+<input type="checkbox" {% if loop.index <= 24 %} checked {% endif %} 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">