diff --git a/app/images/icon-128.png b/app/images/icon-128.png
index 75c023a..79ac341 100644
Binary files a/app/images/icon-128.png and b/app/images/icon-128.png differ
diff --git a/app/images/icon-16.png b/app/images/icon-16.png
index 7df748f..3b1a017 100644
Binary files a/app/images/icon-16.png and b/app/images/icon-16.png differ
diff --git a/app/images/icon-19.png b/app/images/icon-19.png
index 20c54d4..f5c933d 100644
Binary files a/app/images/icon-19.png and b/app/images/icon-19.png differ
diff --git a/app/images/icon-38.png b/app/images/icon-38.png
index c453adc..5e4262e 100644
Binary files a/app/images/icon-38.png and b/app/images/icon-38.png differ
diff --git a/app/manifest.json b/app/manifest.json
index f9813a2..1c07b79 100644
--- a/app/manifest.json
+++ b/app/manifest.json
@@ -15,9 +15,10 @@
]
},
"permissions": [
- "tabs",
- "http://*/*",
- "https://*/*"
+ "http://127.0.0.1/*",
+ "https://127.0.0.1/*",
+ "http://localhost/*",
+ "https://localhost/*"
],
"options_ui": {
"page": "options.html",
@@ -26,8 +27,13 @@
"content_scripts": [
{
"matches": [
- "http://*/*",
- "https://*/*"
+ "http://127.0.0.1/*",
+ "https://127.0.0.1/*",
+ "http://localhost/*",
+ "https://localhost/*"
+ ],
+ "css": [
+ "styles/main.css"
],
"js": [
"scripts/contentscript.js"
diff --git a/app/options.html b/app/options.html
index 91bb9d4..9acf340 100644
--- a/app/options.html
+++ b/app/options.html
@@ -10,7 +10,7 @@
- 'Allo, 'Allo!
+ I'm sure you want to configure stuff, not yet.
diff --git a/app/popup.html b/app/popup.html
index d13d7aa..a61a3c5 100644
--- a/app/popup.html
+++ b/app/popup.html
@@ -11,7 +11,7 @@
- 'Allo, 'Allo!
+ We should have some options here
diff --git a/app/scripts.babel/contentscript.js b/app/scripts.babel/contentscript.js
index 7b67938..6db350a 100644
--- a/app/scripts.babel/contentscript.js
+++ b/app/scripts.babel/contentscript.js
@@ -1,3 +1,14 @@
-'use strict';
+(function () {
-console.log('\'Allo \'Allo! Content script');
+ 'use strict';
+
+ if (window.location.host.indexOf('localhost') > -1 ||
+ window.location.host.indexOf('127.0.0.1') > -1) {
+ var text = 'localhost';
+
+ var ribbon =
+ '' + text + '
';
+
+ document.body.insertAdjacentHTML('beforeend', ribbon);
+ }
+})();
diff --git a/app/scripts.babel/options.js b/app/scripts.babel/options.js
index 4ae2c32..a0a4ec1 100644
--- a/app/scripts.babel/options.js
+++ b/app/scripts.babel/options.js
@@ -1,3 +1,3 @@
'use strict';
-console.log('\'Allo \'Allo! Option');
+console.log('Options');
diff --git a/app/scripts.babel/popup.js b/app/scripts.babel/popup.js
index 815abcb..822a761 100644
--- a/app/scripts.babel/popup.js
+++ b/app/scripts.babel/popup.js
@@ -1,3 +1,3 @@
'use strict';
-console.log('\'Allo \'Allo! Popup');
+console.log('Popup');
diff --git a/app/styles/main.css b/app/styles/main.css
index 41c133c..6af75a4 100644
--- a/app/styles/main.css
+++ b/app/styles/main.css
@@ -1,3 +1,20 @@
-body {
- padding: 20px;
+#where-am-i-ribbon {
+ z-index: 9999999;
+ width: 350px;
+ background: #39d;
+ position: absolute;
+ text-align: center;
+ line-height: 40px;
+ letter-spacing: 1px;
+ color: #f0f0f0;
+ transform: rotate(-45deg);
+ -webkit-transform: rotate(-45deg);
+ opacity: 0.5;
+ pointer-events: none;
+ left: -50px;
+ width: 200px;
+ top: 25px;
+ right: auto;
+ position: fixed;
+ box-shadow: 0 0 3px rgba(0,0,0,.3);
}