Update docs to include Firefox install link (#41)

* Change remove instances of " for Chrome" * Remove additional Chrome references * Add fixes for Firefox * Update changelog * 3.4.0 * Update manifest.json * Add Firefox links * Fix min version * add .0
pkmnct · Jan 20, 2021 · 4ea984a · 4ea984a
1 parent 9a1c1e0
commit 4ea984a
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 34 deletions.
diff --git a/README.md b/README.md
@@ -2,15 +2,19 @@
 
 # Robinhood Mint Sync
 
-A Browser Extension that allows you to automatically sync your Robinhood portfolio balance with your Mint account. It will add the balance as a _collectible_ in Mint.
+A browser extension that allows you to automatically sync your Robinhood portfolio balance with your Mint account. It will add the balance as a _collectible_ in Mint.
 
 [View the project site](https://pkmnct.github.io/robinhood-mint-sync-chrome/)
 
 ## Installation
 
 The extension is offered through the [Chrome Web Store](https://chrome.google.com/webstore/detail/robinhood-mint-integratio/mogflmdandlpjobbddhopcggkjoggpdo):
 
-[<img src="https://raw.githubusercontent.com/pkmnct/robinhood-mint-sync-chrome/master/images/chrome-web-store.png" alt="Available in the Chrome Web Store" width="248" height="75">](https://chrome.google.com/webstore/detail/robinhood-mint-integratio/mogflmdandlpjobbddhopcggkjoggpdo)
+[<img src="https://raw.githubusercontent.com/pkmnct/robinhood-mint-sync-chrome/master/images/chrome-web-store.png" alt="" width="248" height="75">](https://chrome.google.com/webstore/detail/robinhood-mint-integratio/mogflmdandlpjobbddhopcggkjoggpdo)
+
+The extension is available through the [Firefox Browser Add-ons website](https://addons.mozilla.org/en-US/firefox/addon/robinhood-mint-sync/):
+
+[<img src="https://raw.githubusercontent.com/pkmnct/robinhood-mint-sync-chrome/master/images/firefox-button.png" alt="">](https://addons.mozilla.org/en-US/firefox/addon/robinhood-mint-sync/)
 
 ## How to use the Extension
 

diff --git a/docs/index.html b/docs/index.html
@@ -18,7 +18,10 @@ <h1>Robinhood Mint Sync</h1>
         <p>Add your Robinhood portfolio value to Mint automatically.</p>
         <ul class="actions special">
           <li>
-            <a href="https://chrome.google.com/webstore/detail/robinhood-mint-sync-for-c/mogflmdandlpjobbddhopcggkjoggpdo" class="button">Add to Chrome</a>
+            <a href="https://chrome.google.com/webstore/detail/robinhood-mint-sync-for-c/mogflmdandlpjobbddhopcggkjoggpdo" class="button">Add to Chrome/Edge</a>
+          </li>
+          <li>
+            <a href="https://addons.mozilla.org/en-US/firefox/addon/robinhood-mint-sync/" class="button">Add to Firefox</a>
           </li>
         </ul>
       </header>
@@ -43,17 +46,30 @@ <h1>Robinhood Mint Sync</h1>
               <header class="major">
                 <h2>Installation</h2>
               </header>
-              <a style="border: none" href="https://chrome.google.com/webstore/detail/robinhood-mint-sync-for-c/mogflmdandlpjobbddhopcggkjoggpdo"
-                ><img src="images/chrome-web-store.png" style="width: 300px; max-width: 100%" alt="Available in the Chrome Web Store badge"
-              /></a>
-              <p>The extension is offered thorugh the Chrome Web Store.</p>
-              <ul class="actions">
-                <li>
-                  <a href="https://chrome.google.com/webstore/detail/robinhood-mint-sync-for-c/mogflmdandlpjobbddhopcggkjoggpdo" class="button primary"
-                    >Add to Chrome</a
-                  >
-                </li>
-              </ul>
+              <div class="install-source">
+                <a style="border: none" href="https://chrome.google.com/webstore/detail/robinhood-mint-sync-for-c/mogflmdandlpjobbddhopcggkjoggpdo"
+                  ><img src="images/chrome-web-store.png" style="width: 300px; max-width: 100%" alt=""
+                /></a>
+                <p>The extension is offered through the Chrome Web Store.</p>
+                <ul class="actions">
+                  <li>
+                    <a href="https://chrome.google.com/webstore/detail/robinhood-mint-sync-for-c/mogflmdandlpjobbddhopcggkjoggpdo" class="button primary"
+                      >Add to Chrome/Edge</a
+                    >
+                  </li>
+                </ul>
+              </div>
+              <div class="install-source">
+                <a style="border: none" href="https://addons.mozilla.org/en-US/firefox/addon/robinhood-mint-sync/"
+                  ><img src="images/firefox-button.png" alt=""
+                /></a>
+                <p>The extension is available through the Firefox Browser Add-ons website.</p>
+                <ul class="actions">
+                  <li>
+                    <a href="https://addons.mozilla.org/en-US/firefox/addon/robinhood-mint-sync/" class="button primary">Add to Firefox</a>
+                  </li>
+                </ul>
+              </div>
             </div>
           </div>
         </section>

diff --git a/images/firefox-button.png b/images/firefox-button.png
diff --git a/public/css/main.css b/public/css/main.css
@@ -98,3 +98,11 @@ ul.actions.special.special {
 #footer .actions li {
   padding: 0;
 }
+
+.install-source {
+  margin-bottom: 5em;
+}
+
+.install-source:last-of-type {
+  margin-bottom: 0;
+}
diff --git a/public/manifest.json b/public/manifest.json
@@ -7,7 +7,7 @@
   "browser_specific_settings": {
     "gecko": {
       "id": "[email protected]",
-      "strict_min_version": "42.0"
+      "strict_min_version": "48.0"
     }
   },
   "icons": {
@@ -17,11 +17,7 @@
     "512": "images/icon512.png"
   },
   "background": {
-    "scripts": [
-      "js/background/main.js",
-      "js/background/update_install_listener.js",
-      "js/background/browser_action.js"
-    ]
+    "scripts": ["js/background/main.js", "js/background/update_install_listener.js", "js/background/browser_action.js"]
   },
   "browser_action": {
     "default_icon": {
@@ -42,31 +38,21 @@
       "js": ["js/content/robinhood/login.js"]
     },
     {
-      "matches": [
-        "https://mint.intuit.com/settings.event?filter=property&addRobinhood=true"
-      ],
+      "matches": ["https://mint.intuit.com/settings.event?filter=property&addRobinhood=true"],
       "js": ["js/content/mint/properties/update.js"]
     },
     {
-      "matches": [
-        "https://mint.intuit.com/settings.event?filter=property&setupRobinhood=true"
-      ],
+      "matches": ["https://mint.intuit.com/settings.event?filter=property&setupRobinhood=true"],
       "js": ["js/content/mint/properties/check.js"]
     },
     {
-      "matches": [
-        "https://mint.intuit.com/settings.event?filter=property&createProperty=true&property=*"
-      ],
+      "matches": ["https://mint.intuit.com/settings.event?filter=property&createProperty=true&property=*"],
       "js": ["js/content/mint/properties/create.js"]
     },
     {
       "matches": ["https://mint.intuit.com/overview.event*"],
       "js": ["js/external/noty/noty.min.js", "js/content/mint/main.js"],
-      "css": [
-        "css/notification.css",
-        "js/external/noty/noty.css",
-        "js/external/noty/themes/relax.css"
-      ]
+      "css": ["css/notification.css", "js/external/noty/noty.css", "js/external/noty/themes/relax.css"]
     },
     {
       "matches": ["https://mint.intuit.com/*"],