doc: add videos screen captures

README.md

@@ -26,6 +26,29 @@ Secure document reading validation service with cryptographic traceability and i
 
 ---
 
+## 📸 Vidéos
+
+
+Click to GIFs for open videos WebM in your browser.
+
+<table>
+<tr>
+  <td align="center">
+    <strong>1) Create sign</strong><br>
+    <a href="screenshots/videos/1-initialize-sign.webm" target="_blank">
+      <img src="screenshots/videos/1-initialize-sign.gif" width="420" alt="Initialisation d’une signature">
+    </a>
+  </td>
+  <td align="center">
+    <strong>2) User sign flow</strong><br>
+    <a href="screenshots/videos/2-user-sign-flow.webm" target="_blank">
+      <img src="screenshots/videos/2-user-sign-flow.gif" width="420" alt="Parcours de signature utilisateur">
+    </a>
+  </td>
+  
+</tr>
+</table>
+
 ## 📸 Screenshots
 
 <table>
@@ -324,4 +347,4 @@ See [LICENSE](LICENSE) for complete details.
 
 ---
 
-**Developed with ❤️ by [Benjamin TOUCHARD](mailto:benjamin@kolapsis.com)**
+**Developed with ❤️ by [Benjamin TOUCHARD](mailto:benjamin@kolapsis.com)**

README_FR.md

@@ -26,6 +26,29 @@ Service sécurisé de validation de lecture avec traçabilité cryptographique e
 
 ---
 
+## 📸 Vidéos
+
+
+Cliquez sur les GIFs pour ouvrir les vidéos WebM dans votre navigateur.
+
+<table>
+<tr>
+  <td align="center">
+    <strong>1) Création d’une signature</strong><br>
+    <a href="screenshots/videos/1-initialize-sign.webm" target="_blank">
+      <img src="screenshots/videos/1-initialize-sign.gif" width="420" alt="Initialisation d’une signature">
+    </a>
+  </td>
+  <td align="center">
+    <strong>2) Parcours de signature utilisateur</strong><br>
+    <a href="screenshots/videos/2-user-sign-flow.webm" target="_blank">
+      <img src="screenshots/videos/2-user-sign-flow.gif" width="420" alt="Parcours de signature utilisateur">
+    </a>
+  </td>
+
+</tr>
+</table>
+
 ## 📸 Captures d'écran
 
 <table>