feat: updated calendar demo

Author: scriptura

app/liturgical-calendar/app.js

@@ -6,9 +6,9 @@
 
 const APP_ROOT = '/app/liturgical-calendar/'
 
-const WASM_URL = `${APP_ROOT}liturgical_calendar_wasm.wasm?v=19`
-const KALD_URL = `${APP_ROOT}romanus_universale.kald?v=19`
-const LITS_URL = `${APP_ROOT}romanus_universale_la.lits?v=19`
+const WASM_URL = `${APP_ROOT}liturgical_calendar_wasm.wasm?v=20`
+const KALD_URL = `${APP_ROOT}romanus_universale.kald?v=20`
+const LITS_URL = `${APP_ROOT}romanus_universale_la.lits?v=20`
 
 const KAL_ENGINE_OK = 0
 const KAL_ERR_BUILD_ID_MISMATCH = -22
@@ -236,12 +236,12 @@ function renderYear(year, exports, memory) {
     </table>
     <hr>
     <nav class="flex gap text-center">
-        <a class="button" href="${APP_ROOT}${year - 50}">Année ${year - 50}<span class="scale" style="--scale:95%;display:block;margin-top:-1em">(-50 ans)</span></a>
-        <a class="button" href="${APP_ROOT}${year - 10}">Année ${year - 10}<span class="scale" style="--scale:95%;display:block;margin-top:-1em">(-10 ans)</span></a>
-        <a class="button" href="${APP_ROOT}${year - 1}">Année ${year - 1}<span class="scale" style="--scale:95%;display:block;margin-top:-1em">(-1 ans)</span></a>
-        <a class="button" href="${APP_ROOT}${year + 1}">Année ${year + 1}<span class="scale" style="--scale:95%;display:block;margin-top:-1em">(+1 ans)</span></a>
-        <a class="button" href="${APP_ROOT}${year + 10}">Année ${year + 10}<span class="scale" style="--scale:95%;display:block;margin-top:-1em">(+10 ans)</span></a>
-        <a class="button" href="${APP_ROOT}${year + 50}">Année ${year + 50}<span class="scale" style="--scale:95%;display:block;margin-top:-1em">(+50 ans)</span></a>
+        <a class="button" href="${APP_ROOT}${year - 50}">Année ${year - 50}<span class="scale" style="--scale:85%;display:block;margin-top:-1em">(-50 ans)</span></a>
+        <a class="button" href="${APP_ROOT}${year - 10}">Année ${year - 10}<span class="scale" style="--scale:85%;display:block;margin-top:-1em">(-10 ans)</span></a>
+        <a class="button" href="${APP_ROOT}${year - 1}">Année ${year - 1}<span class="scale" style="--scale:85%;display:block;margin-top:-1em">(-1 ans)</span></a>
+        <a class="button" href="${APP_ROOT}${year + 1}">Année ${year + 1}<span class="scale" style="--scale:85%;display:block;margin-top:-1em">(+1 ans)</span></a>
+        <a class="button" href="${APP_ROOT}${year + 10}">Année ${year + 10}<span class="scale" style="--scale:85%;display:block;margin-top:-1em">(+10 ans)</span></a>
+        <a class="button" href="${APP_ROOT}${year + 50}">Année ${year + 50}<span class="scale" style="--scale:85%;display:block;margin-top:-1em">(+50 ans)</span></a>
     </nav>`
 
   yearContent.hidden = false

app/liturgical-calendar/index.html

@@ -13,7 +13,7 @@
     <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
     <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5" />
     <link rel="stylesheet" href="../../styles/main.css" media="screen" />
-    <link rel="stylesheet" href="liturgical-calendar.css?v=19" media="screen" />
+    <link rel="stylesheet" href="liturgical-calendar.css?v=20" media="screen" />
     <link rel="stylesheet" href="/styles/main.css" media="screen" />
     <link rel="stylesheet" href="/styles/print.css" media="print" />
     <link rel="preload" href="/fonts/notoSans-Regular.woff2" as="font" type="font/woff2" crossorigin />
@@ -55,6 +55,6 @@ <h1 class="main-heading" id="h1">Calendarium Romanum Generale</h1>
         </div>
       </noscript>
     </div>
-    <script type="module" src="/app/liturgical-calendar/app.js?v=19"></script>
+    <script type="module" src="/app/liturgical-calendar/app.js?v=20"></script>
   </body>
 </html>