aboutsummaryrefslogtreecommitdiff
path: root/ext/bg
diff options
context:
space:
mode:
Diffstat (limited to 'ext/bg')
-rw-r--r--ext/bg/guide.html14
1 files changed, 11 insertions, 3 deletions
diff --git a/ext/bg/guide.html b/ext/bg/guide.html
index 6bd4baea..315012af 100644
--- a/ext/bg/guide.html
+++ b/ext/bg/guide.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
- <title>Using Yomichan</title>
+ <title>Yomichan Usage Guide</title>
<link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap-theme.min.css">
</head>
@@ -10,12 +10,20 @@
<div class="container">
<div class="page-header">
- <h1>Using Yomichan</h1>
+ <h1>Yomichan Usage Guide</h1>
</div>
+ <p>This is a minimal guide to get you started with Yomichan. For complete documentation, visit the <a href="https://foosoft.net/projects/yomichan-chrome/">official homepage</a>.</p>
+ <ol>
+ <li>Left-click on the <img src="../img/icon16.png" alt> icon to enable or disable Yomichan for the current browser instance.</li>
+ <li>Right-click on the <img src="../img/icon16.png" alt> icon and select <em>Options</em> to open the Yomichan <a href="options.html">options page</a>.
+ <li>Hold down <kbd>Shift</kbd> or the middle mouse button as you move your cursor over text to see definitions.</li>
+ <li>Resize the definition window by dragging the bottom-left corner inwards or outwards.</li>
+ <li>Click on Kanji in the definition window to view additional information about that character.</li>
+ </ol>
-
+ <p>Enjoy!</p>
</div>
</body>
</html>