Deploy abhijithvijayan/kutt-extension to github.com/abhijithvijayan/kutt-extension.git:extension

chrome/css/popup.css

@@ -1 +1 @@
-@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.mb-2,.my-2{margin-bottom:2em}.my-2{margin-top:1em}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif}.icon__img{width:12px;height:12px}.switch{height:23px;width:49px;margin-right:10px;float:right;position:relative}.switch input{display:none}.switch input:checked+.slider{background-color:#2979ff}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.switch .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .slider:before{height:15px;width:15px;background-color:#fff;bottom:4px;content:"";left:4px;position:absolute;transition:.4s}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}body{color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .header{display:flex;align-items:center;justify-content:space-between;line-height:1}#home .container .header .main__list--holder .list__button{display:inline-block;margin-right:11px}#home .container .content__holder .url__content--holder{display:flex;align-items:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder .url__content--url{display:flex;align-items:center}#home .container .content__holder .url__content--holder .url__content--url #url__content-inner{margin:0;font-size:20px;line-height:1;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .url__content--holder .url__content--url #copy__alert{position:absolute;margin-top:3.6em;top:0;color:green;font-size:11px}#home .container .content__holder .url__content--holder .buttons__content--holder{display:flex;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}
+@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.mb-2,.my-2{margin-bottom:2em}.my-2{margin-top:1em}.py-2{padding:1em 24px}.table-inner{border-radius:0 0 12px 12px;box-shadow:0 6px 30px rgba(50,50,50,.2);background-color:#fff}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif}.icon__img{width:12px;height:12px}.switch{height:23px;width:49px;margin-right:10px;float:right;position:relative}.switch input{display:none}.switch input:checked+.slider{background-color:#2979ff}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.switch .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.switch .slider,.switch .slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.switch .slider:before{height:15px;width:15px;background-color:#fff;bottom:4px;content:"";left:4px}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}body{color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .header{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;line-height:1}#home .container .header .main__list--holder .list__button{display:inline-block;margin-right:11px}#home .container .content__holder .url__content--holder{-webkit-box-pack:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder,#home .container .content__holder .url__content--holder .url__content--url{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}#home .container .content__holder .url__content--holder .url__content--url #url__content-inner{margin:0;font-size:20px;line-height:1;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .url__content--holder .url__content--url #copy__alert{position:absolute;margin-top:3.6em;top:0;color:green;font-size:11px}#home .container .content__holder .url__content--holder .buttons__content--holder{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}

chrome/history.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>History: Kutt</title><link rel="stylesheet" href="css/history.css"></head><body><section id="history"><div class="container history__content--holder"><div class="table__content--holder"><h2 class="table__content--title">Recent shortened links. (last 10 results)</h2><table class="table__content--wrapper" id="URL_table"><thead class="table__content--head"><tr class="table__head--holder"><th class="table__head--longURL">Original URL</th><th class="table__head--shortURL">Short URL</th><th class="table__head--clearAll"><ul class="table__list--clearAll"><li class="table__listItem--clear"><button class="table__clearAll--btn" id="table__clearAll--btn">Clear All <img class="selectDisable icon__img" src="assets/delete.svg" alt="Clear All"></button></li></ul></th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>History: Kutt</title><link rel="stylesheet" href="css/history.css"></head><body><section id="history"><div class="container history__content--holder"><div class="table__content--holder"><div class="history__head--holder"><h2>Recent shortened links. (last 15 results)</h2><a href="#" id="rate__button" target="_blank" rel="noopener">Rate 5 stars</a></div><table class="table__content--wrapper" id="URL_table"><thead class="table__content--head"><tr class="table__head--holder"><th class="table__head--longURL">Original URL</th><th class="table__head--shortURL">Short URL</th><th class="table__head--clearAll"><ul class="table__list--clearAll"><li class="table__listItem--clear"><button class="table__clearAll--btn" id="table__clearAll--btn">Clear All <img class="selectDisable icon__img" src="assets/delete.svg" alt="Clear All"></button></li></ul></th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>

chrome/manifest.json

@@ -1,8 +1,8 @@
 {
   "manifest_version": 2,
   "name": "Kutt",
-  "version": "2.0.2",
-  "description": "URL Shortener",
+  "version": "3.0.0",
+  "description": "Shorten long URLs with just one click.",
   "icons": {
     "16": "assets/favicon-16.png",
     "32": "assets/favicon-32.png",
@@ -17,7 +17,7 @@
       "48": "assets/favicon-48.png",
       "128": "assets/favicon-128.png"
     },
-    "default_title": "Kutt",
+    "default_title": "Shorten this URL",
     "chrome_style": false
   },
   "author": "abhijithvijayan",

chrome/options.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt.it</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--Qmark" target="_blank" rel="noopener" href="https://kutt.it/login">? <span class="api__label--tooltiptext text-center">Generate key from Kutt.it&nbsp;Website<br>(Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><div><label class="password--label">Set Password <span class="password__label--optional">? <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <label class="switch" id="password__label--switch" for="password__label--checkbox"><input type="checkbox" id="password__label--checkbox"><div class="slider round"></div></label></div><div class="mb-2 d-none" id="pwd__holder"><input class="password--holder" id="password--value" type="password" maxlength="20" spellcheck="false"> <span class="view__password--eye" id="view__password--eye">SHOW</span></div><div><label class="copy--label">Auto Copy Kutt URL</label> <label class="switch" id="autocopy__label--switch" for="autocopy__label--checkbox"><input type="checkbox" id="autocopy__label--checkbox"><div class="slider round"></div></label></div><div><label class="copy--label">Keep History</label> <label class="switch" id="history__label--switch" for="history__label--checkbox"><input type="checkbox" id="history__label--checkbox"><div class="slider round"></div></label></div><div class="dev__mode--container"><label class="developer__mode--label">Enable Developer Mode <span class="developer__label--optional">(Optional) <span class="developer__label--tooltiptext text-center">Use extension for self&nbsp;-&nbsp;hosted Kutt.<br>Enter the self hosted domain in the field. (eg:&nbsp;https://mykutt.it)</span></span></label> <label class="switch" id="developer__label--switch" for="developer__label--checkbox"><input type="checkbox" id="developer__label--checkbox"><div class="slider round"></div></label></div><div class="my-2 d-none" id="developer__holder"><input class="developer__mode--holder text-center" id="developer__mode--value" placeholder="https://mykutt.it" spellcheck="false"></div><button class="button__submit" id="button__submit" type="button">Save</button></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--text" target="_blank" rel="noopener" href="https://kutt.it/login">(Get one) <span class="api__label--tooltiptext text-center">Generate key from Kutt.it&nbsp;Website<br>(Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><div><label class="password--label">Set Password <span class="password__label--optional" style="font-size: 16px;">? <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <label class="switch" id="password__label--switch" for="password__label--checkbox"><input type="checkbox" id="password__label--checkbox"><div class="slider round"></div></label></div><div class="mb-2 d-none" id="pwd__holder"><input class="password--holder" id="password--value" type="password" maxlength="20" spellcheck="false"> <span class="view__password--eye" id="view__password--eye">SHOW</span></div><div><label class="copy--label">Auto-copy URL to clipboard</label> <label class="switch" id="autocopy__label--switch" for="autocopy__label--checkbox"><input type="checkbox" id="autocopy__label--checkbox"><div class="slider round"></div></label></div><div><label class="copy--label">Keep URL History</label> <label class="switch" id="history__label--switch" for="history__label--checkbox"><input type="checkbox" id="history__label--checkbox"><div class="slider round"></div></label></div><div class="dev__mode--container"><label class="customhost__mode--label">Custom Host <span class="customhost__label--optional">(Advanced) <span class="customhost__label--tooltiptext text-center">Use extension for self&nbsp;-&nbsp;hosted Kutt.<br>Paste the self hosted domain in the field. (eg:&nbsp;https://mykutt.it)</span></span></label> <label class="switch" id="customhost__label--switch" for="customhost__label--checkbox"><input type="checkbox" id="customhost__label--checkbox"><div class="slider round"></div></label></div><div class="mb-2 d-none" id="customhost__holder"><input class="customhost__mode--holder text-center" id="customhost__mode--value" placeholder="https://mykutt.it" spellcheck="false"></div><button class="button__submit" id="button__submit" type="button">Save</button></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>

firefox/css/popup.css

@@ -1 +1 @@
-@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.mb-2,.my-2{margin-bottom:2em}.my-2{margin-top:1em}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif}.icon__img{width:12px;height:12px}.switch{height:23px;width:49px;margin-right:10px;float:right;position:relative}.switch input{display:none}.switch input:checked+.slider{background-color:#2979ff}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.switch .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .slider:before{height:15px;width:15px;background-color:#fff;bottom:4px;content:"";left:4px;position:absolute;transition:.4s}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}body{color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .header{display:flex;align-items:center;justify-content:space-between;line-height:1}#home .container .header .main__list--holder .list__button{display:inline-block;margin-right:11px}#home .container .content__holder .url__content--holder{display:flex;align-items:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder .url__content--url{display:flex;align-items:center}#home .container .content__holder .url__content--holder .url__content--url #url__content-inner{margin:0;font-size:20px;line-height:1;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .url__content--holder .url__content--url #copy__alert{position:absolute;margin-top:3.6em;top:0;color:green;font-size:11px}#home .container .content__holder .url__content--holder .buttons__content--holder{display:flex;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}
+@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.mb-2,.my-2{margin-bottom:2em}.my-2{margin-top:1em}.py-2{padding:1em 24px}.table-inner{border-radius:0 0 12px 12px;box-shadow:0 6px 30px rgba(50,50,50,.2);background-color:#fff}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif}.icon__img{width:12px;height:12px}.switch{height:23px;width:49px;margin-right:10px;float:right;position:relative}.switch input{display:none}.switch input:checked+.slider{background-color:#2979ff}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.switch .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.switch .slider,.switch .slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.switch .slider:before{height:15px;width:15px;background-color:#fff;bottom:4px;content:"";left:4px}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}body{color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .header{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;line-height:1}#home .container .header .main__list--holder .list__button{display:inline-block;margin-right:11px}#home .container .content__holder .url__content--holder{-webkit-box-pack:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder,#home .container .content__holder .url__content--holder .url__content--url{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}#home .container .content__holder .url__content--holder .url__content--url #url__content-inner{margin:0;font-size:20px;line-height:1;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .url__content--holder .url__content--url #copy__alert{position:absolute;margin-top:3.6em;top:0;color:green;font-size:11px}#home .container .content__holder .url__content--holder .buttons__content--holder{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}

firefox/history.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>History: Kutt</title><link rel="stylesheet" href="css/history.css"></head><body><section id="history"><div class="container history__content--holder"><div class="table__content--holder"><h2 class="table__content--title">Recent shortened links. (last 10 results)</h2><table class="table__content--wrapper" id="URL_table"><thead class="table__content--head"><tr class="table__head--holder"><th class="table__head--longURL">Original URL</th><th class="table__head--shortURL">Short URL</th><th class="table__head--clearAll"><ul class="table__list--clearAll"><li class="table__listItem--clear"><button class="table__clearAll--btn" id="table__clearAll--btn">Clear All <img class="selectDisable icon__img" src="assets/delete.svg" alt="Clear All"></button></li></ul></th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>History: Kutt</title><link rel="stylesheet" href="css/history.css"></head><body><section id="history"><div class="container history__content--holder"><div class="table__content--holder"><div class="history__head--holder"><h2>Recent shortened links. (last 15 results)</h2><a href="#" id="rate__button" target="_blank" rel="noopener">Rate 5 stars</a></div><table class="table__content--wrapper" id="URL_table"><thead class="table__content--head"><tr class="table__head--holder"><th class="table__head--longURL">Original URL</th><th class="table__head--shortURL">Short URL</th><th class="table__head--clearAll"><ul class="table__list--clearAll"><li class="table__listItem--clear"><button class="table__clearAll--btn" id="table__clearAll--btn">Clear All <img class="selectDisable icon__img" src="assets/delete.svg" alt="Clear All"></button></li></ul></th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>

firefox/manifest.json

@@ -1,13 +1,13 @@
 {
   "manifest_version": 2,
   "name": "Kutt",
-  "version": "2.0.2",
+  "version": "3.0.0",
   "browser_specific_settings": {
     "gecko": {
       "id": "support@kutt.it"
     }
   },
-  "description": "URL Shortener",
+  "description": "Shorten long URLs with just one click.",
   "icons": {
     "16": "assets/favicon-16.png",
     "32": "assets/favicon-32.png",
@@ -22,7 +22,7 @@
       "48": "assets/favicon-48.png",
       "128": "assets/favicon-128.png"
     },
-    "default_title": "Kutt",
+    "default_title": "Shorten this URL",
     "browser_style": false
   },
   "author": "abhijithvijayan",

firefox/options.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt.it</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--Qmark" target="_blank" rel="noopener" href="https://kutt.it/login">? <span class="api__label--tooltiptext text-center">Generate key from Kutt.it&nbsp;Website<br>(Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><div><label class="password--label">Set Password <span class="password__label--optional">? <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <label class="switch" id="password__label--switch" for="password__label--checkbox"><input type="checkbox" id="password__label--checkbox"><div class="slider round"></div></label></div><div class="mb-2 d-none" id="pwd__holder"><input class="password--holder" id="password--value" type="password" maxlength="20" spellcheck="false"> <span class="view__password--eye" id="view__password--eye">SHOW</span></div><div><label class="copy--label">Auto Copy Kutt URL</label> <label class="switch" id="autocopy__label--switch" for="autocopy__label--checkbox"><input type="checkbox" id="autocopy__label--checkbox"><div class="slider round"></div></label></div><div><label class="copy--label">Keep History</label> <label class="switch" id="history__label--switch" for="history__label--checkbox"><input type="checkbox" id="history__label--checkbox"><div class="slider round"></div></label></div><div class="dev__mode--container"><label class="developer__mode--label">Enable Developer Mode <span class="developer__label--optional">(Optional) <span class="developer__label--tooltiptext text-center">Use extension for self&nbsp;-&nbsp;hosted Kutt.<br>Enter the self hosted domain in the field. (eg:&nbsp;https://mykutt.it)</span></span></label> <label class="switch" id="developer__label--switch" for="developer__label--checkbox"><input type="checkbox" id="developer__label--checkbox"><div class="slider round"></div></label></div><div class="my-2 d-none" id="developer__holder"><input class="developer__mode--holder text-center" id="developer__mode--value" placeholder="https://mykutt.it" spellcheck="false"></div><button class="button__submit" id="button__submit" type="button">Save</button></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--text" target="_blank" rel="noopener" href="https://kutt.it/login">(Get one) <span class="api__label--tooltiptext text-center">Generate key from Kutt.it&nbsp;Website<br>(Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><div><label class="password--label">Set Password <span class="password__label--optional" style="font-size: 16px;">? <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <label class="switch" id="password__label--switch" for="password__label--checkbox"><input type="checkbox" id="password__label--checkbox"><div class="slider round"></div></label></div><div class="mb-2 d-none" id="pwd__holder"><input class="password--holder" id="password--value" type="password" maxlength="20" spellcheck="false"> <span class="view__password--eye" id="view__password--eye">SHOW</span></div><div><label class="copy--label">Auto-copy URL to clipboard</label> <label class="switch" id="autocopy__label--switch" for="autocopy__label--checkbox"><input type="checkbox" id="autocopy__label--checkbox"><div class="slider round"></div></label></div><div><label class="copy--label">Keep URL History</label> <label class="switch" id="history__label--switch" for="history__label--checkbox"><input type="checkbox" id="history__label--checkbox"><div class="slider round"></div></label></div><div class="dev__mode--container"><label class="customhost__mode--label">Custom Host <span class="customhost__label--optional">(Advanced) <span class="customhost__label--tooltiptext text-center">Use extension for self&nbsp;-&nbsp;hosted Kutt.<br>Paste the self hosted domain in the field. (eg:&nbsp;https://mykutt.it)</span></span></label> <label class="switch" id="customhost__label--switch" for="customhost__label--checkbox"><input type="checkbox" id="customhost__label--checkbox"><div class="slider round"></div></label></div><div class="mb-2 d-none" id="customhost__holder"><input class="customhost__mode--holder text-center" id="customhost__mode--value" placeholder="https://mykutt.it" spellcheck="false"></div><button class="button__submit" id="button__submit" type="button">Save</button></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>

opera/css/popup.css

@@ -1 +1 @@
-@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.mb-2,.my-2{margin-bottom:2em}.my-2{margin-top:1em}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif}.icon__img{width:12px;height:12px}.switch{height:23px;width:49px;margin-right:10px;float:right;position:relative}.switch input{display:none}.switch input:checked+.slider{background-color:#2979ff}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.switch .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .slider:before{height:15px;width:15px;background-color:#fff;bottom:4px;content:"";left:4px;position:absolute;transition:.4s}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}body{color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .header{display:flex;align-items:center;justify-content:space-between;line-height:1}#home .container .header .main__list--holder .list__button{display:inline-block;margin-right:11px}#home .container .content__holder .url__content--holder{display:flex;align-items:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder .url__content--url{display:flex;align-items:center}#home .container .content__holder .url__content--holder .url__content--url #url__content-inner{margin:0;font-size:20px;line-height:1;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .url__content--holder .url__content--url #copy__alert{position:absolute;margin-top:3.6em;top:0;color:green;font-size:11px}#home .container .content__holder .url__content--holder .buttons__content--holder{display:flex;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}
+@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.mb-2,.my-2{margin-bottom:2em}.my-2{margin-top:1em}.py-2{padding:1em 24px}.table-inner{border-radius:0 0 12px 12px;box-shadow:0 6px 30px rgba(50,50,50,.2);background-color:#fff}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif}.icon__img{width:12px;height:12px}.switch{height:23px;width:49px;margin-right:10px;float:right;position:relative}.switch input{display:none}.switch input:checked+.slider{background-color:#2979ff}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.switch .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.switch .slider,.switch .slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.switch .slider:before{height:15px;width:15px;background-color:#fff;bottom:4px;content:"";left:4px}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}body{color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .header{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;line-height:1}#home .container .header .main__list--holder .list__button{display:inline-block;margin-right:11px}#home .container .content__holder .url__content--holder{-webkit-box-pack:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder,#home .container .content__holder .url__content--holder .url__content--url{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}#home .container .content__holder .url__content--holder .url__content--url #url__content-inner{margin:0;font-size:20px;line-height:1;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .url__content--holder .url__content--url #copy__alert{position:absolute;margin-top:3.6em;top:0;color:green;font-size:11px}#home .container .content__holder .url__content--holder .buttons__content--holder{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .url__content--holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}

opera/history.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>History: Kutt</title><link rel="stylesheet" href="css/history.css"></head><body><section id="history"><div class="container history__content--holder"><div class="table__content--holder"><h2 class="table__content--title">Recent shortened links. (last 10 results)</h2><table class="table__content--wrapper" id="URL_table"><thead class="table__content--head"><tr class="table__head--holder"><th class="table__head--longURL">Original URL</th><th class="table__head--shortURL">Short URL</th><th class="table__head--clearAll"><ul class="table__list--clearAll"><li class="table__listItem--clear"><button class="table__clearAll--btn" id="table__clearAll--btn">Clear All <img class="selectDisable icon__img" src="assets/delete.svg" alt="Clear All"></button></li></ul></th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>History: Kutt</title><link rel="stylesheet" href="css/history.css"></head><body><section id="history"><div class="container history__content--holder"><div class="table__content--holder"><div class="history__head--holder"><h2>Recent shortened links. (last 15 results)</h2><a href="#" id="rate__button" target="_blank" rel="noopener">Rate 5 stars</a></div><table class="table__content--wrapper" id="URL_table"><thead class="table__content--head"><tr class="table__head--holder"><th class="table__head--longURL">Original URL</th><th class="table__head--shortURL">Short URL</th><th class="table__head--clearAll"><ul class="table__list--clearAll"><li class="table__listItem--clear"><button class="table__clearAll--btn" id="table__clearAll--btn">Clear All <img class="selectDisable icon__img" src="assets/delete.svg" alt="Clear All"></button></li></ul></th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>

opera/manifest.json

@@ -1,8 +1,8 @@
 {
   "manifest_version": 2,
   "name": "Kutt",
-  "version": "2.0.2",
-  "description": "URL Shortener",
+  "version": "3.0.0",
+  "description": "Shorten long URLs with just one click.",
   "developer": {
     "name": "abhijithvijayan"
   },
@@ -20,7 +20,7 @@
       "48": "assets/favicon-48.png",
       "128": "assets/favicon-128.png"
     },
-    "default_title": "Kutt",
+    "default_title": "Shorten this URL",
     "chrome_style": false
   },
   "background": {

opera/options.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt.it</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--Qmark" target="_blank" rel="noopener" href="https://kutt.it/login">? <span class="api__label--tooltiptext text-center">Generate key from Kutt.it&nbsp;Website<br>(Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><div><label class="password--label">Set Password <span class="password__label--optional">? <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <label class="switch" id="password__label--switch" for="password__label--checkbox"><input type="checkbox" id="password__label--checkbox"><div class="slider round"></div></label></div><div class="mb-2 d-none" id="pwd__holder"><input class="password--holder" id="password--value" type="password" maxlength="20" spellcheck="false"> <span class="view__password--eye" id="view__password--eye">SHOW</span></div><div><label class="copy--label">Auto Copy Kutt URL</label> <label class="switch" id="autocopy__label--switch" for="autocopy__label--checkbox"><input type="checkbox" id="autocopy__label--checkbox"><div class="slider round"></div></label></div><div><label class="copy--label">Keep History</label> <label class="switch" id="history__label--switch" for="history__label--checkbox"><input type="checkbox" id="history__label--checkbox"><div class="slider round"></div></label></div><div class="dev__mode--container"><label class="developer__mode--label">Enable Developer Mode <span class="developer__label--optional">(Optional) <span class="developer__label--tooltiptext text-center">Use extension for self&nbsp;-&nbsp;hosted Kutt.<br>Enter the self hosted domain in the field. (eg:&nbsp;https://mykutt.it)</span></span></label> <label class="switch" id="developer__label--switch" for="developer__label--checkbox"><input type="checkbox" id="developer__label--checkbox"><div class="slider round"></div></label></div><div class="my-2 d-none" id="developer__holder"><input class="developer__mode--holder text-center" id="developer__mode--value" placeholder="https://mykutt.it" spellcheck="false"></div><button class="button__submit" id="button__submit" type="button">Save</button></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--text" target="_blank" rel="noopener" href="https://kutt.it/login">(Get one) <span class="api__label--tooltiptext text-center">Generate key from Kutt.it&nbsp;Website<br>(Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><div><label class="password--label">Set Password <span class="password__label--optional" style="font-size: 16px;">? <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <label class="switch" id="password__label--switch" for="password__label--checkbox"><input type="checkbox" id="password__label--checkbox"><div class="slider round"></div></label></div><div class="mb-2 d-none" id="pwd__holder"><input class="password--holder" id="password--value" type="password" maxlength="20" spellcheck="false"> <span class="view__password--eye" id="view__password--eye">SHOW</span></div><div><label class="copy--label">Auto-copy URL to clipboard</label> <label class="switch" id="autocopy__label--switch" for="autocopy__label--checkbox"><input type="checkbox" id="autocopy__label--checkbox"><div class="slider round"></div></label></div><div><label class="copy--label">Keep URL History</label> <label class="switch" id="history__label--switch" for="history__label--checkbox"><input type="checkbox" id="history__label--checkbox"><div class="slider round"></div></label></div><div class="dev__mode--container"><label class="customhost__mode--label">Custom Host <span class="customhost__label--optional">(Advanced) <span class="customhost__label--tooltiptext text-center">Use extension for self&nbsp;-&nbsp;hosted Kutt.<br>Paste the self hosted domain in the field. (eg:&nbsp;https://mykutt.it)</span></span></label> <label class="switch" id="customhost__label--switch" for="customhost__label--checkbox"><input type="checkbox" id="customhost__label--checkbox"><div class="slider round"></div></label></div><div class="mb-2 d-none" id="customhost__holder"><input class="customhost__mode--holder text-center" id="customhost__mode--value" placeholder="https://mykutt.it" spellcheck="false"></div><button class="button__submit" id="button__submit" type="button">Save</button></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>