Add more text to options page

options.html

@@ -35,7 +35,7 @@ <h2 class="text-2xl text-d7fc70 mt-6 mb-4">Microphone permission</h2>
           </div>
 
           <div class="flex items-center mb-4">
-            <div class="w-1/3"></div>
+            <div class="w-1/3 flex-none"></div>
             <div>
               <button
                 @click="grantMic"
@@ -54,7 +54,8 @@ <h2 class="text-2xl text-d7fc70 mt-6 mb-4">Microphone permission</h2>
                 class="mt-2 text-green-300"
                 v-else-if="grantStatus && grantStatus.ok"
               >
-                Grant successful! Try using the extension again.
+                Grant successful! Try using the extension by clicking on the
+                microphone button.
               </div>
               <div
                 class="mt-2 text-red-300"
@@ -66,6 +67,19 @@ <h2 class="text-2xl text-d7fc70 mt-6 mb-4">Microphone permission</h2>
           </div>
 
           <h2 class="text-2xl text-d7fc70 mt-6 mb-4">Language settings</h2>
+          <p class="text-8b8685 mb-4">
+            Enter a BCP 47 language tag, such as <em>en-US</em> or
+            <em>en-GB</em>. The first language is the language that will be
+            listened to when you click on the
+            <span class="inline-block h-0 w-6 align-middle">
+              <img
+                src="icon.png"
+                class="absolute w-6 h-6"
+                style="transform: translateY(-50%)"
+              />
+            </span>
+            Mic button. You can activate other languages via keyboard shortcuts.
+          </p>
 
           <div class="flex items-baseline mb-4">
             <div class="w-1/3">
@@ -110,6 +124,10 @@ <h2 class="text-2xl text-d7fc70 mt-6 mb-4">Language settings</h2>
           <save-button :store="store"></save-button>
 
           <h2 class="text-2xl text-d7fc70 mt-6 mb-4">Keyboard shortcuts</h2>
+          <p class="text-8b8685 mb-4">
+            <strong>Tip:</strong> Set these keyboard shortcuts to “Global” to
+            use them outside Google Chrome.
+          </p>
 
           <div class="flex items-center mb-4">
             <div class="w-1/3"></div>
@@ -283,6 +301,25 @@ <h2 class="text-2xl text-d7fc70 mt-6 mb-4">
           </div>
 
           <save-button :store="store"></save-button>
+
+          <p class="text-8b8685 mt-8">
+            Source code available at
+            <a
+              href="https://github.com/dtinth/vxchrome"
+              target="_blank"
+              class="text-8b8685 underline"
+              rel="noopener noreferrer"
+              >github.com/dtinth/vxchrome</a
+            >.<br />
+            You can
+            <a
+              href="https://dt.in.th/go/coffee"
+              target="_blank"
+              class="text-8b8685 underline"
+              rel="noopener noreferrer"
+              >buy me a coffee</a
+            >, if you feel like doing it ;).
+          </p>
         </div>
         <div class="h-24"></div>
         <div