From: W. Trevor King <wking@tremily.us>
Date: Mon, 22 Sep 2014 16:26:08 +0000 (-0700)
Subject: index.html: Add usage instructions
X-Git-Tag: v0.1.0~1
X-Git-Url: http://git.tremily.us/?p=nmhive.git;a=commitdiff_plain;h=0b9a6f10646f26bb438287cba510195b52eae97e

index.html: Add usage instructions

And show the screenshot added by the previous commit.
---

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>
