Add README screenshots

README.md

@@ -17,6 +17,18 @@ Click a forum, topic, post or FAQ heading to copy a link to it, ready-made as BB
 - Turn the icon on or off, or choose another icon, under **ACP → Extensions → Copy Links → Settings**.
 - Works with prosilver and styles based on it.
 
+## Screenshots
+
+<table>
+<tr>
+<td><a href="docs/images/screenshots/copylinks-topic.png"><img src="docs/images/screenshots/copylinks-topic.png" width="280" alt="Tick after copying a topic title"></a></td>
+<td><a href="docs/images/screenshots/copylinks-faq.png"><img src="docs/images/screenshots/copylinks-faq.png" width="280" alt="Tick after copying an FAQ question"></a></td>
+<td><a href="docs/images/screenshots/copylinks-acp-settings.png"><img src="docs/images/screenshots/copylinks-acp-settings.png" width="280" alt="ACP settings"></a></td>
+</tr>
+</table>
+
+Click an image for the full size. See the [screenshot gallery](docs/images/screenshots/README.md) for the rest.
+
 ## Requirements
 
 - phpBB 3.3.19 or later, including phpBB 4.0

docs/images/screenshots/README.md

@@ -0,0 +1,27 @@
+# Copy Links screenshots
+
+Taken on phpBB 3.3 with prosilver, using `phpbb-test-board/screenshots.py` from [phpbb-release-tools](https://github.com/phpbbmodders/phpbb-release-tools), on a board filled with seed-forum's standard fixtures, with the default settings. Copyable headings show an icon (`fa-clone`), which turns into a tick for a moment after a copy; each board screenshot is taken just after a click, while the tick shows. Click an image for the full size.
+
+## Topic title
+
+Clicking the title above a topic copies a link to the topic. The post subjects below still show the icon.
+
+<a href="copylinks-topic.png"><img src="copylinks-topic.png" width="700" alt="Tick after copying a topic title"></a>
+
+## Post subject
+
+Clicking a post's subject copies a link to that post.
+
+<a href="copylinks-post.png"><img src="copylinks-post.png" width="700" alt="Tick after copying a post subject"></a>
+
+## FAQ question
+
+Clicking a question in the FAQ copies a link to that question.
+
+<a href="copylinks-faq.png"><img src="copylinks-faq.png" width="700" alt="Tick after copying an FAQ question"></a>
+
+## ACP settings
+
+**Extensions → Copy Links → Settings**: turn the icon on or off, and choose which Font Awesome icon it is. With the icon off, only the tick shows after a copy.
+
+<a href="copylinks-acp-settings.png"><img src="copylinks-acp-settings.png" width="700" alt="ACP settings"></a>