merging firefox to chrome

harnerdesigns · Mar 16, 2019 · c7958ff · c7958ff
2 parents ff4422d + 10d7dd3
commit c7958ff
Show file tree

Hide file tree

Showing 17 changed files with 8,270 additions and 271 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,5 @@
 /node_modules
 /.sass-cache
-*.ai
+*.ai
+*.zip
+*.log
diff --git a/README.md b/README.md
@@ -1,10 +1,10 @@
-# Material Color Chrome Extension
+# Material Color Firefox Extension
 
-An extension for Google Chrome that provides the Color Codes for Google's Material design color pallete instantly. No more digging through the Material docs to find a single Hex Code.
+An extension for Google Firefox that provides the Color Codes for Google's Material design color pallete instantly. No more digging through the Material docs to find a single Hex Code.
 
 ## Install 
 
-### [Download From The Google Chrome Store](https://chrome.google.com/webstore/detail/material-color-palette-cl/daejjicekmhkbpgahnhfmpmjhojhpane)
+<!-- ### [Download From The Google Chrome Store](https://chrome.google.com/webstore/detail/material-color-palette-cl/daejjicekmhkbpgahnhfmpmjhojhpane) -->
 
 ### Install Locally
 
@@ -13,10 +13,11 @@ Clone the repo
 ```
 git clone https://github.com/harnerdesigns/material-color.git
 ```
+Switch to the master-ff branch ```git checkout master-ff```
 
-Go to ```Chrome://extensions``` and make sure ```Developer mode``` is checked.
+Go to ```about:debugging```.
 
-Click ```Load unpacked extension...``` and navigate to the folder you cloned above.
+Click ```Load temporary add-on``` and select any file in the folder you cloned above.
 
 
 

diff --git a/about.html b/about.html
@@ -1,48 +1,56 @@
+
 <!DOCTYPE html>
 <html>
-<head><title>Color Picker Options</title>
-<script src="vendor/jquery.min.js"></script>
-    <script src="vendor/clipboard.min.js"></script>
-
+
+<head>
+    <title>Color Picker Options</title>
+    <meta charset="UTF-8">
+    <script src="vendor/jquery.min.js"></script>
     <link rel="stylesheet" href="vendor/font-awesome.min.css" type="text/css" />
     <link rel="stylesheet" href="style.css" type="text/css" />
 </head>
+
 <body>
-<header><a href="/popup.html"><h1><i class="fa fa-angle-left" aria-hidden="true"></i>
+    <header><a href="/popup.html"><h1><i class="fa fa-angle-left" aria-hidden="true"></i>
 Material Color Picker</h1></a>
-      <span class="alert" id='headerAlert'></span>
-      <nav><ul>
-        <li><a href="options.html"><i class="fa fa-cog fa-fw" aria-hidden="true"></i></a></li>
-        <li><a href="about.html"><i class="fa fa-question fa-fw" aria-hidden="true"></i></a></li>
-      </ul>
-    </nav></header>
+        <span class="alert" id='headerAlert'></span>
+        <nav>
+            <ul>
+                <li><a href="options.html"><i class="fa fa-cog fa-fw" aria-hidden="true"></i></a></li>
+                <li><a href="about.html"><i class="fa fa-question fa-fw" aria-hidden="true"></i></a></li>
+            </ul>
+        </nav>
+    </header>
     <container>
-    	<div class="main">
-    		<h1>Material Color Chrome Extension</h1>
-    		<p>An extension for Google Chrome that provides the Color Codes for Google's Material design color pallete instantly. No more digging through the Material docs to find a single Hex Code.</p>
-    		<h2>Issues?</h2>
-    		<p>Let us know on the project's <a href="https://github.com/harnerdesigns/material-color/issues">GitHub Issues Page</a></p>
-    		<h2>Libraries Used</h2>
-    		<ul>
-    			<li><a href="https://material.io/guidelines/style/color.html">Material Design</a></li>
-    			<li><a href="https://clipboardjs.com/">Clipboard.js</a></li>
-    			<li><a href="http://fontawesome.io/">Font-Awesome</a></li>
-    		</ul>
+        <main class="main">
+            <h1>Material Color Firefox Extension</h1>
+            <p>An extension for Firefox that provides the Color Codes for Google's Material design color pallete instantly. No more digging through the Material docs to find a single Hex Code.</p>
+            <h2>Issues?</h2>
+            <p>Let us know on the project's <a href="https://github.com/harnerdesigns/material-color/issues">GitHub Issues Page</a></p>
+            <h2>Libraries Used</h2>
+            <ul>
+                <li><a href="https://material.io/guidelines/style/color.html">Material Design</a></li>
+                <li><a href="https://clipboardjs.com/">Clipboard.js</a></li>
+                <li><a href="http://fontawesome.io/">Font-Awesome</a></li>
+            </ul>
             <h2>About Us</h2>
-            <p>Harner Designs is a full service Web & Graphic Design studio. Providing Clean, Responsive, Web Sites is what we do best. Check out our Portfolio at <a href="https://harnerdesigns.com/?utm_source=material-color&utm_medium=chrome" target="_blank">HarnerDesigns.com</a>.</p>
-<h2>Like the App? Wanna Buy Us A Beer?</h2>
-<div class="donationOptions">
-<div class="donationOption">
-    <h3>Bitcoin</h3>
-<p>1K5D3v1J36hQ3f25S3YYHVd9YpgKtUADfH</p></div>
-<div class="donationOption">
-<h3>PayPal</h3>
-<a class="donateButton" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=3U4LLKF93P22J" target="_blank"><img src="img/btn_donate_LG.gif" ></a></div>
-<div class="donationOption">
-	<h3>Litecoin</h3>
-	<p>LSpqVw3gDwWgBcrBarX663TwZdGZrXfmQ7</p>
-	</div>
-
-</div>
+            <p>Harner Designs is a full service Web & Graphic Design studio. Providing Clean, Responsive, Web Sites is what we do best. Check out our Portfolio at <a href="http://harnerdesigns.com">HarnerDesigns.com</a>.</p>
+            <h2>Like the App? Wanna Buy Us A Beer?</h2>
+            <div class="donationOptions">
+                <div class="donationOption">
+                    <h3>Bitcoin</h3>
+                    <input value="1K5D3v1J36hQ3f25S3YYHVd9YpgKtUADfH"></input>
+                </div>
+                <div class="donationOption">
+                    <h3>PayPal</h3>
+                    <a class="donateButton" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=3U4LLKF93P22J" target="_blank"><img src="img/btn_donate_LG.gif" ></a></div>
+                <div class="donationOption">
+                    <h3>Litecoin</h3>
+                    <input value="LSpqVw3gDwWgBcrBarX663TwZdGZrXfmQ7"></input>
+                </div>
+            </div>
+        </main>
+    </container>
+</body>
 
-</div></container></body></html>
+</html>
diff --git a/manifest.json b/manifest.json
@@ -3,13 +3,13 @@
 
   "name": "Material Design Color Palette - Click to Copy",
   "description": "Click to copy Material Design color palette. Copy in #HEX HEX RGB( ) RGBA( ).",
-  "options_page": "options.html",
+  // "options_page": "options.html",
   "version": "1.0.5",
   "icons": { "16": "icon_16.png",
            "48": "icon_48.png",
           "128": "icon_128.png" },
   "short_name": "Material Design Color Palette",
-  "offline_enabled": true,
+  // "offline_enabled": true,
 
   "browser_action": {"default_title": "Material Color Palette - Click to Copy",
     "default_icon": "icon.png",
@@ -18,5 +18,11 @@
   "permissions": [
     "activeTab",
     "storage"
-  ]
+  ],
+  "applications": {
+  "gecko": {
+    "id": "[email protected]",
+    "strict_min_version": "42.0"
+  }
+}
 }