13 files changed, 866 insertions, 753 deletions

diff --git a/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md b/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md
new file mode 100644
index 0000000..7c48653
--- /dev/null
+++ b/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md
@@ -0,0 +1,20 @@
+---
+name: Generic pull request
+about: Create a pull request to propose some changes.
+title: ''
+labels: ''
+assignees: ''
+---
+
+### What changed
+
+
+### Why the changes
+
+
+### Before-merge checklist
+
+- [ ] Changes are tested.
+- [ ] Documentation is up to date with the changes.
+- [ ] Commit history is clean and descriptive.
+
diff --git a/.mailmap b/.mailmap
index f484a99..e5dab13 100644
--- a/.mailmap
+++ b/.mailmap
@@ -2,8 +2,8 @@
 # git config --global log.mailmap true
 # git log --use-mailmap
 
-zeroinformatique <10961896+zeroinformatique@users.noreply.github.com> <contact@zeroinformatique.fr>
-zeroinformatique <10961896+zeroinformatique@users.noreply.github.com> <OzoneGrif@users.noreply.github.com>
+zeroinformatique <contact@zeroinformatique.fr> <contact@zeroinformatique.fr>
+zeroinformatique <contact@zeroinformatique.fr> <10961896+zeroinformatique@users.noreply.github.com>
+zeroinformatique <contact@zeroinformatique.fr> <OzoneGrif@users.noreply.github.com>
 
-pacien <pacien@users.noreply.github.com>
-pacien <pacien@users.noreply.github.com> <pacien.trangirard@pacien.net>
+pacien <pacien.trangirard@pacien.net> <pacien@users.noreply.github.com>
diff --git a/example/src/Misc Media/A Trip to the Moon.mp4.yaml b/example/src/Misc Media/A Trip to the Moon.mp4.yaml
new file mode 100644
index 0000000..48ec714
--- /dev/null
+++ b/example/src/Misc Media/A Trip to the Moon.mp4.yaml
@@ -0,0 +1,7 @@
+description: |
+  From the 1902 short film « Le Voyage dans la Lune » by Georges Méliès.
+
+  It was based on:
+  - From the Earth to the Moon, and
+  - Around the Moon by Jules Verne.
+
diff --git a/flake.nix b/flake.nix
index 99221c7..688601c 100644
--- a/flake.nix
+++ b/flake.nix
@@ -117,6 +117,19 @@
         ];
       };
 
+      example = pkgs.stdenv.mkDerivation {
+        pname = "ldgallery-example";
+        version = ldgalleryVersion;
+        src = ./example;
+        nativeBuildInputs = [ ldgallery ];
+        buildPhase = ''
+          # Need UTF-8: https://github.com/ldgallery/ldgallery/issues/341
+          export LC_ALL=C.UTF-8
+          ldgallery --input-dir src --output-dir $out --with-viewer
+        '';
+        installPhase = ":";
+      };
+
       default = ldgallery;
     };
 
diff --git a/viewer/ldgallery-viewer.7.md b/viewer/ldgallery-viewer.7.md
index c0634b6..736f61f 100644
--- a/viewer/ldgallery-viewer.7.md
+++ b/viewer/ldgallery-viewer.7.md
@@ -2,7 +2,7 @@
 pagetitle: Viewer user manual - ldgallery
 title: LDGALLERY-VIEWER(7) ldgallery
 author: Pacien TRAN-GIRARD, Guillaume FOUET
-date: 2022-09-04 (v2.1)
+date: 2022-10-26 (v2.1-SNAPSHOT)
 ---
 
 
@@ -43,6 +43,13 @@ Items of the following formats can be opened and visualised within the web appli
 Formats which are not listed above or which are not supported by the user's web browser are offered for download instead of being directly displayed in the same window.
 
 
+# KEYBOARD SHORTCUTS
+
+`CTRL-K`
+: Moves the focus to the tag search field, opening the side search panel if it is closed.
+  Pressing again while in the search input field sets the focus to the browser's address bar.
+
+
 # SEARCH QUERIES
 
 Items can be filtered based on their tags.
diff --git a/viewer/package.json b/viewer/package.json
index c93b022..4850db6 100644
--- a/viewer/package.json
+++ b/viewer/package.json
@@ -12,21 +12,21 @@
     "@fortawesome/fontawesome-svg-core": "6.1.2",
     "@fortawesome/free-solid-svg-icons": "6.1.2",
     "@fortawesome/vue-fontawesome": "3.0.1",
-    "@vueuse/core": "9.1.1",
+    "@vueuse/core": "9.3.1",
     "core-js": "3.25.0",
     "hammerjs": "2.0.8",
-    "marked": "4.0.19",
+    "marked": "4.1.1",
     "mosha-vue-toastify": "1.0.23",
-    "pinia": "2.0.21",
+    "pinia": "2.0.23",
     "v-lazy-image": "2.1.1",
-    "vue": "3.2.37",
+    "vue": "3.2.41",
     "vue-dragscroll": "4.0.4",
     "vue-i18n": "9.1.10",
-    "vue-router": "4.1.5"
+    "vue-router": "4.1.6"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.41",
-    "@types/marked": "4.0.6",
+    "@types/marked": "4.0.7",
     "@typescript-eslint/eslint-plugin": "5.31.0",
     "@typescript-eslint/parser": "5.31.0",
     "@vue/cli-plugin-babel": "5.0.8",
@@ -44,8 +44,8 @@
     "js-yaml-loader": "1.2.2",
     "sass": "1.54.0",
     "sass-loader": "13.0.2",
-    "typescript": "4.7.4",
-    "vue-cli-plugin-pinia": "0.1.4"
+    "typescript": "4.8.4",
+    "vue-cli-plugin-pinia": "0.1.6"
   },
   "homepage": "https://ldgallery.pacien.org/",
   "license": "AGPL-3"
diff --git a/viewer/src/components/async/AsyncLdMarkdown.vue b/viewer/src/components/async/AsyncLdMarkdown.vue
index 213c11c..c3f368a 100644
--- a/viewer/src/components/async/AsyncLdMarkdown.vue
+++ b/viewer/src/components/async/AsyncLdMarkdown.vue
@@ -40,7 +40,6 @@ const html = computed(() => marked(props.markdown));
 <style lang="scss" module>
 .markdown {
   color: white;
-  line-height: 1.7;
   word-wrap: break-word;
 
   a {
@@ -52,19 +51,10 @@ const html = computed(() => marked(props.markdown));
     background-color: #666;
   }
 
-  p,
-  blockquote,
-  ul,
-  ol,
-  dl,
-  table,
-  pre {
-    margin: 15px 0;
-  }
-
   ul,
   ol {
-    padding-left: 30px;
+    list-style-type: disc;
+    padding-left: 1em;
   }
 
   h1 {
diff --git a/viewer/src/views/ItemThumbnail.vue b/viewer/src/views/ItemThumbnail.vue
index 1c9e206..bf33043 100644
--- a/viewer/src/views/ItemThumbnail.vue
+++ b/viewer/src/views/ItemThumbnail.vue
@@ -40,7 +40,7 @@
           size="4x"
         />
       </div>
-      {{ item.title }}
+      <div v-text="item.title" />
     </div>
   </div>
 </template>
diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue
index d8b3300..30bfe97 100644
--- a/viewer/src/views/MainLayout.vue
+++ b/viewer/src/views/MainLayout.vue
@@ -26,7 +26,10 @@
     />
     <template v-else-if="galleryStore.config && galleryStore.galleryIndex">
       <LayoutTop :class="[$style.layout, $style.layoutTop]" />
-      <LayoutLeft :class="[$style.layout, $style.layoutLeft]" />
+      <LayoutLeft
+        v-show="!uiStore.fullWidth"
+        :class="[$style.layout, $style.layoutLeft]"
+      />
       <router-view
         ref="content"
         :class="[$style.layout, $style.layoutContent]"
diff --git a/viewer/src/views/item_handlers/AudioViewer.vue b/viewer/src/views/item_handlers/AudioViewer.vue
index da9579f..bbba7e5 100644
--- a/viewer/src/views/item_handlers/AudioViewer.vue
+++ b/viewer/src/views/item_handlers/AudioViewer.vue
@@ -20,7 +20,10 @@