Add images

Release-Candidate · Oct 5, 2021 · ffc0b41 · ffc0b41
1 parent 1223ac6
commit ffc0b41
Show file tree

Hide file tree

Showing 20 changed files with 61 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -11,6 +11,10 @@ Supported browsers in alphabetical order:
 ## Table of Contents <!-- omit in toc -->
 
 - [Usage](#usage)
+  - [Screenshots](#screenshots)
+    - [Chrome](#chrome)
+    - [Edge](#edge)
+    - [Firefox](#firefox)
 - [Manually Install Extensions](#manually-install-extensions)
 - [Contributing](#contributing)
 - [Further Documentation](#further-documentation)
@@ -21,6 +25,33 @@ Supported browsers in alphabetical order:
 
 ## Usage
 
+![GIF showing the usage of the Notoy browser extension](./docs/images/video_en_mdn.gif)
+
+### Screenshots
+
+#### Chrome
+
+Popup screen:
+![Screenshot of the extension's popup, running in Chrome](./docs/images/chrome_en.png)
+
+Options Screen:
+![Screenshot of the extension's options page, running in Chrome](./docs/images/chrome_options_en.png)
+
+#### Edge
+
+Popup screen:
+![Screenshot of the extension's popup, running in Edge](./docs/images/edge_en.png)
+
+Options Screen:
+![Screenshot of the extension's options page, running in Edge](./docs/images/edge_options_en.png)
+
+#### Firefox
+
+Popup screen:
+![Screenshot of the extension's popup, running in Firefox](./docs/images/firefox_en.png)
+
+Options Screen:
+![Screenshot of the extension's options page, running in Firefox](./docs/images/firefox_options_en.png)
 
 ## Manually Install Extensions
 

diff --git a/docs/images/chrome_de.png b/docs/images/chrome_de.png
diff --git a/docs/images/chrome_en.png b/docs/images/chrome_en.png
diff --git a/docs/images/chrome_eo.png b/docs/images/chrome_eo.png
diff --git a/docs/images/chrome_options_de.png b/docs/images/chrome_options_de.png
diff --git a/docs/images/chrome_options_en.png b/docs/images/chrome_options_en.png
diff --git a/docs/images/chrome_options_eo.png b/docs/images/chrome_options_eo.png
diff --git a/docs/images/edge_de.png b/docs/images/edge_de.png
diff --git a/docs/images/edge_en.png b/docs/images/edge_en.png
diff --git a/docs/images/edge_options_de.png b/docs/images/edge_options_de.png
diff --git a/docs/images/edge_options_en.png b/docs/images/edge_options_en.png
diff --git a/docs/images/firefox_de.png b/docs/images/firefox_de.png
diff --git a/docs/images/firefox_en.png b/docs/images/firefox_en.png
diff --git a/docs/images/firefox_eo.png b/docs/images/firefox_eo.png
diff --git a/docs/images/firefox_options_de.png b/docs/images/firefox_options_de.png
diff --git a/docs/images/firefox_options_en.png b/docs/images/firefox_options_en.png
diff --git a/docs/images/firefox_options_eo.png b/docs/images/firefox_options_eo.png
diff --git a/docs/images/video_en_mdn.gif b/docs/images/video_en_mdn.gif
diff --git a/docs/index.md b/docs/index.md
@@ -2,6 +2,8 @@
 
 Information about the [Usage](./usage.md).
 
+![GIF showing the usage of the Notoy browser extension](./images/video_en_mdn.gif)
+
 [Contributing](./contributing.md) has information about how to contribute to Notoy, by
 filing bug reports or feature requests, to contributing source code, to adding documentation
 or translations or any other way you can help.

diff --git a/docs/usage.md b/docs/usage.md
@@ -2,6 +2,34 @@
 
 ## Usage
 
+![GIF showing the usage of the Notoy browser extension](./images/video_en_mdn.gif)
+
+### Screenshots
+
+#### Chrome
+
+Popup screen:
+![Screenshot of the extension's popup, running in Chrome](./images/chrome_en.png)
+
+Options Screen:
+![Screenshot of the extension's options page, running in Chrome](./images/chrome_options_en.png)
+
+#### Edge
+
+Popup screen:
+![Screenshot of the extension's popup, running in Edge](./images/edge_en.png)
+
+Options Screen:
+![Screenshot of the extension's options page, running in Edge](./images/edge_options_en.png)
+
+#### Firefox
+
+Popup screen:
+![Screenshot of the extension's popup, running in Firefox](./images/firefox_en.png)
+
+Options Screen:
+![Screenshot of the extension's options page, running in Firefox](./images/firefox_options_en.png)
+
 ## Manually Install Extensions
 
 1. Download the latest release for your browser from GitHub [latest release at GitHub](https://github.com/Release-Candidate/Notoy-BrowserExtensions/releases/latest)