From 0b9a6f10646f26bb438287cba510195b52eae97e Mon Sep 17 00:00:00 2001
From: "W. Trevor King" <wking@tremily.us>
Date: Mon, 22 Sep 2014 09:26:08 -0700
Subject: [PATCH] index.html: Add usage instructions

And show the screenshot added by the previous commit.
---
 index.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
diff --git a/index.html b/index.html
index dd55e34..4b0db8c 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,16 @@
 	<head>
 		<meta charset="UTF-8"/>
 
+		<style media="screen" type="text/css">
+			img {
+				display: block;
+				margin-left: auto;
+				margin-right: auto;
+				border: 2px solid black;
+				border-radius: 6px;
+			}
+		</style>
+
 		<script type="text/javascript">
 			function load_bookmarklet(id, source) {
 				var request = new XMLHttpRequest();
@@ -21,5 +31,19 @@
 		<p>
 			This is the <a id="nmbug">nmbug</a> bookmarklet.
 		</p>
+		<p>
+			To use it, just copy the link into your bookmarks, and start
+			browsing <a href="http://gmane.org/">Gmane</a>.  When you want
+			to view or edit tags on the message you're viewing, click on the
+			bookmarklet.  It will pop up a dialog with the list of available
+			tags with the currently selected tags highlighted:
+		</p>
+		<img src="static/article.png"/>
+		<p>
+			Clicking on any tag will toggle its selection.  For each tag
+			change, the bookmarklet will <code>POST</code> to
+			the <a href="https://github.com/wking/nmhive">nmhive</a> server,
+			which commits the change to its nmbug database.
+		</p>
 	</body>
 </html>
-- 
2.26.2

