feat(landing): refresh the screenshots after the UI changes

landing/app.js

@@ -71,8 +71,12 @@
   var winIndex = 0;
   var shotTheme = currentTheme();
 
+  // The shots are served with a 30 day cache and keep their file names, so the
+  // query string is what tells a returning visitor that the picture changed.
+  var SHOTS_V = "?v=2";
+
   function path(win, theme, suffix) {
-    return "assets/shots/" + WINDOWS[win].base + "-" + lang + "-" + theme + suffix;
+    return "assets/shots/" + WINDOWS[win].base + "-" + lang + "-" + theme + suffix + SHOTS_V;
   }
   function captionKey(win, theme) {
     return dict()[WINDOWS[win].cap + (theme === "dark" ? "Dark" : "Light")] || "";

landing/i18n.js

@@ -77,11 +77,11 @@ const I18N = {
     "shots.capMainDark": "Ventana principal, tema oscuro",
     "shots.capActivityLight": "Actividad de sincronización, tema claro",
     "shots.capActivityDark": "Actividad de sincronización, tema oscuro",
-    "shots.capSettingsLight": "Preferencias de sincronización, tema claro",
-    "shots.capSettingsDark": "Preferencias de sincronización, tema oscuro",
+    "shots.capSettingsLight": "Ajustes avanzados de sincronización, tema claro",
+    "shots.capSettingsDark": "Ajustes avanzados de sincronización, tema oscuro",
     "shots.altMain": "Ventana principal de NextSync con dos cuentas y sus carpetas",
     "shots.altActivity": "Historial de actividad de sincronización de NextSync",
-    "shots.altSettings": "Preferencias de sincronización de NextSync",
+    "shots.altSettings": "Ajustes avanzados de sincronización de NextSync",
     "compare.title": "El compañero GNOME que faltaba",
     "compare.tableLabel": "Tabla comparativa",
     "compare.hint": "Desliza horizontalmente para ver todos los clientes",
@@ -213,11 +213,11 @@ const I18N = {
     "shots.capMainDark": "Main window, dark theme",
     "shots.capActivityLight": "Sync activity, light theme",
     "shots.capActivityDark": "Sync activity, dark theme",
-    "shots.capSettingsLight": "Sync settings, light theme",
-    "shots.capSettingsDark": "Sync settings, dark theme",
+    "shots.capSettingsLight": "Advanced sync settings, light theme",
+    "shots.capSettingsDark": "Advanced sync settings, dark theme",
     "shots.altMain": "NextSync main window with two accounts and their folders",
     "shots.altActivity": "NextSync sync activity history",
-    "shots.altSettings": "NextSync sync settings",
+    "shots.altSettings": "NextSync advanced sync settings",
     "compare.title": "The GNOME companion that was missing",
     "compare.tableLabel": "Comparison table",
     "compare.hint": "Scroll horizontally to see all clients",

landing/index.html

@@ -333,8 +333,8 @@ <h2 id="shots-title" data-i18n="shots.title">Un vistazo a la interfaz</h2>
         </div>
         <button class="shot-viewport" type="button" id="shotViewport" aria-label="Captura ampliada" data-i18n-aria="shots.zoom">
           <img id="slideImg"
-            src="assets/shots/main-es-light-1080.webp"
-            srcset="assets/shots/main-es-light-320.webp 320w, assets/shots/main-es-light-640.webp 640w, assets/shots/main-es-light-960.webp 960w, assets/shots/main-es-light-1080.webp 1080w, assets/shots/main-es-light.webp 1440w"
+            src="assets/shots/main-es-light-1080.webp?v=2"
+            srcset="assets/shots/main-es-light-320.webp?v=2 320w, assets/shots/main-es-light-640.webp?v=2 640w, assets/shots/main-es-light-960.webp?v=2 960w, assets/shots/main-es-light-1080.webp?v=2 1080w, assets/shots/main-es-light.webp?v=2 1440w"
             sizes="(max-width: 860px) 92vw, 1200px"
             width="1440" height="960" draggable="false"
             alt="Ventana principal de NextSync con dos cuentas y sus carpetas" />
@@ -498,7 +498,7 @@ <h2 data-i18n="about.title">Por qué existe</h2>
   </dialog>
 
   <script defer src="https://stat.domatix.com/script.js" data-website-id="0fd3377e-8bba-4651-96e4-82faee5896be"></script>
-  <script src="i18n.js?v=15"></script>
-  <script src="app.js?v=15"></script>
+  <script src="i18n.js?v=16"></script>
+  <script src="app.js?v=16"></script>
 </body>
 </html>