index.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4                 <meta charset="UTF-8"/>
   5
   6                 <style media="screen" type="text/css">
   7                         img {
   8                                 display: block;
   9                                 margin-left: auto;
  10                                 margin-right: auto;
  11                                 border: 2px solid black;
  12                                 border-radius: 6px;
  13                         }
  14                 </style>
  15
  16                 <script type="text/javascript">
  17                         function load_bookmarklet(id, source) {
  18                                 var request = new XMLHttpRequest();
  19                                 request.overrideMimeType('text/plain');
  20                                 request.onload = function () {
  21                                         var element = document.getElementById(id);
  22                                         var href = 'javascript:(function () {\n' + this.responseText + '\n run();})();';
  23                                         element.setAttribute('href', href);
  24                                 };
  25                                 request.open('get', source, true);
  26                                 request.send();
  27                         }
  28                 </script>
  29         </head>
  30         <body onload="load_bookmarklet('nmbug', 'nmbug.js');">
  31                 <p>
  32                         This is the <a id="nmbug">nmbug</a> bookmarklet.
  33                 </p>
  34                 <p>
  35                         To use it, just copy the link into your bookmarks, and start
  36                         browsing <a href="http://gmane.org/">Gmane</a>.  When you want
  37                         to view or edit tags on the message you're viewing, click on the
  38                         bookmarklet.  It will pop up a dialog with the list of available
  39                         tags with the currently selected tags highlighted:
  40                 </p>
  41                 <img src="static/article.png"/>
  42                 <p>
  43                         Clicking on any tag will toggle its selection.  For each tag
  44                         change, the bookmarklet will <code>POST</code> to
  45                         the <a href="https://github.com/wking/nmhive">nmhive</a> server,
  46                         which commits the change to its nmbug database.
  47                 </p>
  48         </body>
  49 </html>