diff --git a/nuxt.config.js b/nuxt.config.js
index 25fcedc01..a9294ee04 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -247,6 +247,7 @@ export default {
 
             if (config.calendar && config.calendar.enabled) {
                 routes.push({ path: '/' + config.calendar.route, component: resolve(__dirname, 'routes/calendar.vue') });
+                routes.push({ path: '/calendar-wide', component: resolve(__dirname, 'routes/calendarWide.vue') });
             }
 
             if (config.api !== null) {
diff --git a/routes/calendar.vue b/routes/calendar.vue
index 4e8155149..ef7d49309 100644
--- a/routes/calendar.vue
+++ b/routes/calendar.vue
@@ -35,6 +35,7 @@
         head() {
             return head({
                 title: this.$t('calendar.headerLong'),
+                banner: `calendar/calendar-${process.env.LOCALE}.png`,
             });
         },
     };
diff --git a/routes/calendarWide.vue b/routes/calendarWide.vue
new file mode 100644
index 000000000..7a01ea954
--- /dev/null
+++ b/routes/calendarWide.vue
@@ -0,0 +1,41 @@
+<template>
+    <div>
+        <h2 class="d-flex justify-content-between">
+            <span>
+                <Icon v="calendar-star"/>
+                <T>calendar.headerLong</T> ({{year}})
+            </span>
+            <span class="h4 mt-2">
+                <nuxt-link to="/">
+                    <Icon v="tags"/>
+                    <T>title</T>
+                </nuxt-link>
+            </span>
+        </h2>
+
+        <section class="row pb-4">
+            <div v-for="i in 12" class="col-12 col-lg-3 py-3">
+                <h3 class="text-center"><T>calendar.months.{{i}}</T></h3>
+                <Calendar :year="year" :month="i"/>
+            </div>
+        </section>
+    </div>
+</template>
+
+<script>
+    import { head } from "../src/helpers";
+
+    export default {
+        layout: 'basic',
+        data() {
+            return {
+                year: new Date().getFullYear(),
+            }
+        },
+        head() {
+            return head({
+                title: this.$t('calendar.headerLong'),
+            });
+        },
+    }
+</script>
diff --git a/server/calendar.js b/server/calendar.js
new file mode 100644
index 000000000..1982a1ca7
--- /dev/null
+++ b/server/calendar.js
@@ -0,0 +1,18 @@
+require('dotenv').config({ path:__dirname + '/../.env' });
+const Pageres = require('pageres');
+const fs  = require('fs');
+const Suml = require('suml');
+const locale = new Suml().parse(fs.readFileSync(`./data/config.suml`).toString()).locale;
+
+(async () => {
+    const pr = new Pageres({
+        delay: 3,
+    });
+    pr.src(process.env.BASE_URL + '/calendar-wide', ['1500x300']);
+
+    for (let buffer of await pr.run()) {
+        const target = `${__dirname}/../static/calendar/calendar-${locale}.png`;
+        console.log(target);
+        fs.writeFileSync(target, buffer);
+    }
+})();
diff --git a/static/calendar/calendar-pl.png b/static/calendar/calendar-pl.png
new file mode 100644
index 000000000..9f2480231
Binary files /dev/null and b/static/calendar/calendar-pl.png differ