Merge pull request #12 from soulteary/docs/preview

soulteary · web-flow · commit 0c2f53a624fd · 2026-01-15T16:55:11.000+08:00
docs: add preview
diff --git a/.github/assets/preview.png b/.github/assets/preview.png
diff --git a/.github/assets/realtime.mp4 b/.github/assets/realtime.mp4
diff --git a/README.de.md b/README.de.md
@@ -18,6 +18,17 @@ OwlMail ist ein SMTP-Server und Web-Interface für Entwicklungs- und Testumgebun
 
 ![](.github/assets/owlmail-banner.jpg)
 
+## 📸 Vorschau
+
+![OwlMail Vorschau](.github/assets/preview.png)
+
+## 🎥 Demo-Video
+
+<video width="100%" controls>
+  <source src=".github/assets/realtime.mp4" type="video/mp4">
+  Ihr Browser unterstützt das Video-Tag nicht.
+</video>
+
 ## ✨ Funktionen
 
 ### Kernfunktionen
diff --git a/README.fr.md b/README.fr.md
@@ -18,6 +18,17 @@ OwlMail is an SMTP server and web interface for development and testing environm
 
 ![](.github/assets/owlmail-banner.jpg)
 
+## 📸 Aperçu
+
+![Aperçu OwlMail](.github/assets/preview.png)
+
+## 🎥 Vidéo de démonstration
+
+<video width="100%" controls>
+  <source src=".github/assets/realtime.mp4" type="video/mp4">
+  Votre navigateur ne prend pas en charge la balise vidéo.
+</video>
+
 ## ✨ Features
 
 ### Core Features
diff --git a/README.it.md b/README.it.md
@@ -18,6 +18,17 @@ OwlMail è un server SMTP e un'interfaccia web per ambienti di sviluppo e test c
 
 ![](.github/assets/owlmail-banner.jpg)
 
+## 📸 Anteprima
+
+![Anteprima OwlMail](.github/assets/preview.png)
+
+## 🎥 Video dimostrativo
+
+<video width="100%" controls>
+  <source src=".github/assets/realtime.mp4" type="video/mp4">
+  Il tuo browser non supporta il tag video.
+</video>
+
 ## ✨ Funzionalità
 
 ### Funzionalità Core
diff --git a/README.ja.md b/README.ja.md
@@ -18,6 +18,17 @@ OwlMail is an SMTP server and web interface for development and testing environm
 
 ![](.github/assets/owlmail-banner.jpg)
 
+## 📸 プレビュー
+
+![OwlMail プレビュー](.github/assets/preview.png)
+
+## 🎥 デモ動画
+
+<video width="100%" controls>
+  <source src=".github/assets/realtime.mp4" type="video/mp4">
+  お使いのブラウザは動画タグをサポートしていません。
+</video>
+
 ## ✨ Features
 
 ### Core Features
diff --git a/README.ko.md b/README.ko.md
@@ -18,6 +18,17 @@ OwlMail is an SMTP server and web interface for development and testing environm
 
 ![](.github/assets/owlmail-banner.jpg)
 
+## 📸 미리보기
+
+![OwlMail 미리보기](.github/assets/preview.png)
+
+## 🎥 데모 비디오
+
+<video width="100%" controls>
+  <source src=".github/assets/realtime.mp4" type="video/mp4">
+  브라우저가 비디오 태그를 지원하지 않습니다.
+</video>
+
 ## ✨ Features
 
 ### Core Features
diff --git a/README.md b/README.md
@@ -18,6 +18,17 @@ OwlMail is an SMTP server and web interface for development and testing environm
 
 ![](.github/assets/owlmail-banner.jpg)
 
+## 📸 Preview
+
+![OwlMail Preview](.github/assets/preview.png)
+
+## 🎥 Demo Video
+
+<video width="100%" controls>
+  <source src=".github/assets/realtime.mp4" type="video/mp4">
+  Your browser does not support the video tag.
+</video>
+
 ## ✨ Features
 
 ### Core Features
diff --git a/README.zh-CN.md b/README.zh-CN.md
@@ -18,6 +18,17 @@ OwlMail 是一个用于开发和测试环境的 SMTP 服务器和 Web 界面，
 
 ![](.github/assets/owlmail-banner.jpg)
 
+## 📸 预览
+
+![OwlMail 预览](.github/assets/preview.png)
+
+## 🎥 演示视频
+
+<video width="100%" controls>
+  <source src=".github/assets/realtime.mp4" type="video/mp4">
+  您的浏览器不支持视频标签。
+</video>
+
 ## ✨ 特性
 
 ### 核心功能
diff --git a/docs/README.md b/docs/README.md
@@ -2,6 +2,17 @@
 
 Welcome to the OwlMail documentation directory. This directory contains technical documentation, migration guides, and API reference materials in multiple languages.
 
+## 📸 Preview
+
+![OwlMail Preview](../../.github/assets/preview.png)
+
+## 🎥 Demo Video
+
+<video width="100%" controls>
+  <source src="../../.github/assets/realtime.mp4" type="video/mp4">
+  Your browser does not support the video tag.
+</video>
+
 ## 🌍 Languages / 语言 / Sprachen / Langues / Lingue / 言語 / 언어
 
 Select your preferred language:
diff --git a/docs/de/README.md b/docs/de/README.md
@@ -2,6 +2,17 @@
 
 Willkommen im OwlMail-Dokumentationsverzeichnis. Dieses Verzeichnis enthält technische Dokumentation, Migrationsleitfäden und API-Referenzmaterialien.
 
+## 📸 Vorschau
+
+![OwlMail Vorschau](../../.github/assets/preview.png)
+
+## 🎥 Demo-Video
+
+<video width="100%" controls>
+  <source src="../../.github/assets/realtime.mp4" type="video/mp4">
+  Ihr Browser unterstützt das Video-Tag nicht.
+</video>
+
 ## 📚 Dokumentationsstruktur
 
 ### Hauptdokumente
diff --git a/docs/en/README.md b/docs/en/README.md
@@ -2,6 +2,17 @@
 
 Welcome to the OwlMail documentation directory. This directory contains technical documentation, migration guides, and API reference materials.
 
+## 📸 Preview
+
+![OwlMail Preview](../../.github/assets/preview.png)
+
+## 🎥 Demo Video
+
+<video width="100%" controls>
+  <source src="../../.github/assets/realtime.mp4" type="video/mp4">
+  Your browser does not support the video tag.
+</video>
+
 ## 🌍 Languages / 语言 / Sprachen / Langues / Lingue / 言語 / 언어
 
 - [English](../README.md#english) | [简体中文](../README.md#简体中文) | [Deutsch](../README.md#deutsch) | [Français](../README.md#français) | [Italiano](../README.md#italiano) | [日本語](../README.md#日本語) | [한국어](../README.md#한국어)
diff --git a/docs/fr/README.md b/docs/fr/README.md
@@ -2,6 +2,17 @@
 
 Bienvenue dans le répertoire de documentation OwlMail. Ce répertoire contient de la documentation technique, des guides de migration et des matériaux de référence API.
 
+## 📸 Aperçu
+
+![Aperçu OwlMail](../../.github/assets/preview.png)
+
+## 🎥 Vidéo de démonstration
+
+<video width="100%" controls>
+  <source src="../../.github/assets/realtime.mp4" type="video/mp4">
+  Votre navigateur ne prend pas en charge la balise vidéo.
+</video>
+
 ## 📚 Structure de la documentation
 
 ### Documents principaux
diff --git a/docs/it/README.md b/docs/it/README.md
@@ -2,6 +2,17 @@
 
 Benvenuto nella directory della documentazione OwlMail. Questa directory contiene documentazione tecnica, guide di migrazione e materiali di riferimento API.
 
+## 📸 Anteprima
+
+![Anteprima OwlMail](../../.github/assets/preview.png)
+
+## 🎥 Video dimostrativo
+
+<video width="100%" controls>
+  <source src="../../.github/assets/realtime.mp4" type="video/mp4">
+  Il tuo browser non supporta il tag video.
+</video>
+
 ## 📚 Struttura della documentazione
 
 ### Documenti principali
diff --git a/docs/ja/README.md b/docs/ja/README.md
@@ -2,6 +2,17 @@
 
 OwlMail ドキュメントディレクトリへようこそ。このディレクトリには、技術ドキュメント、移行ガイド、API リファレンス資料が含まれています。
 
+## 📸 プレビュー
+
+![OwlMail プレビュー](../../.github/assets/preview.png)
+
+## 🎥 デモ動画
+
+<video width="100%" controls>
+  <source src="../../.github/assets/realtime.mp4" type="video/mp4">
+  お使いのブラウザは動画タグをサポートしていません。
+</video>
+
 ## 📚 ドキュメント構造
 
 ### メインドキュメント
diff --git a/docs/ko/README.md b/docs/ko/README.md
@@ -2,6 +2,17 @@
 
 OwlMail 문서 디렉토리에 오신 것을 환영합니다. 이 디렉토리에는 기술 문서, 마이그레이션 가이드 및 API 참조 자료가 포함되어 있습니다.
 
+## 📸 미리보기
+
+![OwlMail 미리보기](../../.github/assets/preview.png)
+
+## 🎥 데모 비디오
+
+<video width="100%" controls>
+  <source src="../../.github/assets/realtime.mp4" type="video/mp4">
+  브라우저가 비디오 태그를 지원하지 않습니다.
+</video>
+
 ## 📚 문서 구조
 
 ### 주요 문서
diff --git a/docs/zh-CN/README.md b/docs/zh-CN/README.md
@@ -2,6 +2,17 @@
 
 欢迎来到 OwlMail 文档目录。本目录包含技术文档、迁移指南和 API 参考材料。
 
+## 📸 预览
+
+![OwlMail 预览](../../.github/assets/preview.png)
+
+## 🎥 演示视频
+
+<video width="100%" controls>
+  <source src="../../.github/assets/realtime.mp4" type="video/mp4">
+  您的浏览器不支持视频标签。
+</video>
+
 ## 🌍 Languages / 语言 / Sprachen / Langues / Lingue / 言語 / 언어
 
 - [English](../README.md#english) | [简体中文](../README.md#简体中文) | [Deutsch](../README.md#deutsch) | [Français](../README.md#français) | [Italiano](../README.md#italiano) | [日本語](../README.md#日本語) | [한국어](../README.md#한국어)
