feat(chrome-button): explain usage when clicking on extension's button

adrienjoly · adrienjoly · commit a68c11bbd6cb · 2018-02-05T23:54:47.000+01:00
closes #4.
diff --git a/manifest.json b/manifest.json
@@ -1,10 +1,14 @@
 {
   "name": "Permalinks for Google Inbox",
   "description": "Provides direct URLs to your emails, from Google Inbox.",
-  "version": "0.5",
+  "version": "0.6",
   "icons": {
     "128": "icon.png"
   },
+  "browser_action": {
+    "default_popup": "popup.html",
+    "default_icon": "icon.png"
+  },
   "content_scripts": [
     {
       "matches": [
diff --git a/popup.html b/popup.html
@@ -0,0 +1,23 @@
+<html>
+  <head>
+    <meta charset="utf-8">
+  </head>
+  <body>
+
+    <iframe allowtransparency="true" scrolling="no" frameborder="0" src="https://buttons.github.io/buttons.html#href=https%3A%2F%2Fgithub.com%2Fadrienjoly%2Fchrome-inbox-permalinks&amp;data-text=Github&amp;aria-label=Star%20adrienjoly%2Fchrome-inbox-permalinks%20on%20GitHub" style="width: 68px; height: 20px; border: none; position:absolute;right:10px;top:10px;"></iframe>
+
+    <h2>Permalinks for Google Inbox</h2>
+    <p>This extension provides direct URLs to your email threads, from Google Inbox.</p>
+    <p>Until I find a better solution, these generated URLs will open the corresponding email thread on GMail.</p>
+    <p>Still, this extension is quite handy if you need to refer to a specific email thread from any document that supports hyperlinks. I hope that you will enjoy it!</p>
+
+    <h2>Usage instructions</h2>
+    <ol>
+      <li>Open <a href="https://inbox.google.com" target="_blank">Google Inbox</a> (reload the page if necessary)</li>
+      <li>After opening an email thread, click on the link 🔗 icon</li>
+      <li>The permalink to that email thread will be provided on the right side of the page</li>
+    </ol>
+    <iframe width="500" height="315" src="https://www.youtube.com/embed/lV8iXNpE2VM?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+
+  </body>
+</html>
