From da174a10cc07c517c0a3704f917a167e184f092f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Guillot?= <fred@miniflux.net>
Date: Fri, 2 Jan 2015 12:43:17 -0500
Subject: [PATCH] Display the bookmarklet in a text box to be easy to copy and
 paste

---
 assets/css/app.css             |  8 +++-----
 assets/js/all.min.js           | 36 +++++++++++++++++-----------------
 assets/js/event.js             |  9 +++++++++
 locales/cs_CZ/translations.php |  2 +-
 locales/de_DE/translations.php |  2 +-
 locales/es_ES/translations.php |  2 +-
 locales/fr_FR/translations.php |  2 +-
 locales/it_IT/translations.php |  2 +-
 locales/pt_BR/translations.php |  2 +-
 locales/zh_CN/translations.php |  2 +-
 templates/about.php            | 10 ++++++----
 11 files changed, 43 insertions(+), 34 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 327d754..aa7493d 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -346,7 +346,7 @@ span#nav-counter:not(:empty):after, span#page-counter:not(:empty):after, span.it
     content: ")";
 }
 
-@keyframes blinker {  
+@keyframes blinker {
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
@@ -360,7 +360,7 @@ span#nav-counter:not(:empty):after, span#page-counter:not(:empty):after, span.it
 }
 
 .loading-icon:before {
-    content: "☀";   
+    content: "☀";
     animation-name: blinker;
     -webkit-animation-name: blinker; /* Chrome, Safari, Opera */
     animation-duration: 500ms;
@@ -720,7 +720,7 @@ iframe {
     padding: 4px;
     text-decoration: none;
     color: #333;
-    background: #fcfcfc;
+    background: #fff;
     border: 1px dotted #ccc;
     border-radius: 4px;
     cursor: move;
@@ -728,9 +728,7 @@ iframe {
 
 .bookmarklet:focus,
 .bookmarklet:hover {
-    background: #fff;
     color: #339966;
-    border: 1px solid #ccc;
 }
 
 /* desktop design */
diff --git a/assets/js/all.min.js b/assets/js/all.min.js
index a1d10a1..424766b 100644
--- a/assets/js/all.min.js
+++ b/assets/js/all.min.js
@@ -1,20 +1,20 @@
 var Miniflux={};Miniflux.App=function(){return{Run:function(){Miniflux.Event.ListenKeyboardEvents();Miniflux.Event.ListenMouseEvents()}}}();
-Miniflux.Feed=function(){var d=[];return{Update:function(c,b){var a=c.querySelector("span.items-count");if(a){var d=c.getAttribute("data-feed-id"),e=c.querySelector("h2:first-of-type");e.className="loading-icon";var f=new XMLHttpRequest;f.onload=function(){e.className="";var f=c.querySelector(".feed-last-checked");f&&(f.innerHTML=f.getAttribute("data-after-update"));if(f=c.querySelector(".feed-parsing-error"))f.innerHTML="";var d=JSON.parse(this.responseText);d.result?a.innerHTML=d.items_count.items_unread+
-"/"+d.items_count.items_total:f&&(f.innerHTML=f.getAttribute("data-after-error"));b&&b(d)};f.open("POST","?action=refresh-feed&feed_id="+d,!0);f.send()}},UpdateAll:function(){var c=Array.prototype.slice.call(document.querySelectorAll("article:not([data-feed-disabled])")),b=setInterval(function(){for(;0<c.length&&5>d.length;){var a=c.shift();d.push(parseInt(a.getAttribute("data-feed-id")));Miniflux.Feed.Update(a,function(a){a=d.indexOf(a.feed_id);0<=a&&d.splice(a,1);0===c.length&&0===d.length&&(clearInterval(b),
+Miniflux.Feed=function(){var e=[];return{Update:function(c,b){var a=c.querySelector("span.items-count");if(a){var e=c.getAttribute("data-feed-id"),d=c.querySelector("h2:first-of-type");d.className="loading-icon";var f=new XMLHttpRequest;f.onload=function(){d.className="";var f=c.querySelector(".feed-last-checked");f&&(f.innerHTML=f.getAttribute("data-after-update"));if(f=c.querySelector(".feed-parsing-error"))f.innerHTML="";var e=JSON.parse(this.responseText);e.result?a.innerHTML=e.items_count.items_unread+
+"/"+e.items_count.items_total:f&&(f.innerHTML=f.getAttribute("data-after-error"));b&&b(e)};f.open("POST","?action=refresh-feed&feed_id="+e,!0);f.send()}},UpdateAll:function(){var c=Array.prototype.slice.call(document.querySelectorAll("article:not([data-feed-disabled])")),b=setInterval(function(){for(;0<c.length&&5>e.length;){var a=c.shift();e.push(parseInt(a.getAttribute("data-feed-id")));Miniflux.Feed.Update(a,function(a){a=e.indexOf(a.feed_id);0<=a&&e.splice(a,1);0===c.length&&0===e.length&&(clearInterval(b),
 window.location.href="?action=unread")})}},100)}}}();
-Miniflux.Item=function(){function d(e){return item_id=e.getAttribute("data-item-id")}function c(e){if(e&&e.hasAttribute("data-reverse-label")){var b=e.innerHTML;e.innerHTML=e.getAttribute("data-reverse-label");e.setAttribute("data-reverse-label",b)}}function b(e){"mouse"!==Miniflux.Event.lastEventType&&Miniflux.Nav.SelectNextItem();e.parentNode.removeChild(e);if(e=document.getElementById("page-counter")){var b=document.querySelector("section.page"),a=parseInt(e.textContent,10)-1,c=document.getElementsByTagName("article");
-if(0===a||0===c.length)window.location=location.href;e.textContent=a;switch(b.getAttribute("data-item-page")){case "unread":document.title="Miniflux ("+a+")";document.getElementById("nav-counter").textContent=a;break;case "feed-items":document.title="("+a+") "+e.parentNode.firstChild.nodeValue;break;default:document.title=e.parentNode.firstChild.nodeValue+" ("+a+")"}}}function a(e){var a=d(e),g=new XMLHttpRequest;g.onload=function(){if(Miniflux.Nav.IsListing())if(e.getAttribute("data-hide"))b(e);
-else{e.setAttribute("data-item-status","read");var a=e.querySelector("a.mark");c(a);(a=e.querySelector("a.mark"))&&a.setAttribute("data-action","mark-unread")}};g.open("POST","?action=mark-item-read&id="+a,!0);g.send()}function h(e){var a=d(e),g=new XMLHttpRequest;g.onload=function(){if(Miniflux.Nav.IsListing())if(e.getAttribute("data-hide"))b(e);else{e.setAttribute("data-item-status","unread");var a=e.querySelector("a.mark");c(a);(a=e.querySelector("a.mark"))&&a.setAttribute("data-action","mark-read")}};
-g.open("POST","?action=mark-item-unread&id="+a,!0);g.send()}return{MarkAsRead:a,MarkAsUnread:h,MarkAsRemoved:function(a){var c=d(a),g=new XMLHttpRequest;g.onload=function(){Miniflux.Nav.IsListing()&&b(a)};g.open("POST","?action=mark-item-removed&id="+c,!0);g.send()},SwitchBookmark:function(a){var f=d(a),g="1"===a.getAttribute("data-item-bookmark")?"0":"1",k=new XMLHttpRequest;k.onload=function(){var f=document.querySelector("section.page");if(Miniflux.Nav.IsListing()&&"bookmarks"===f.getAttribute("data-item-page"))b(a);
-else if(a.setAttribute("data-item-bookmark",g),Miniflux.Nav.IsListing())f=a.querySelector("a.bookmark"),c(f);else if((f=a.querySelector("a.bookmark-icon"))&&f.hasAttribute("data-reverse-title")){var d=f.getAttribute("title");f.setAttribute("title",f.getAttribute("data-reverse-title"));f.setAttribute("data-reverse-title",d)}};k.open("POST","?action=bookmark&id="+f+"&value="+g,!0);k.send()},SwitchStatus:function(b){var f=b.getAttribute("data-item-status");"read"===f?h(b):"unread"===f&&a(b)},Show:function(a){(a=
-a.querySelector("a.show"))&&a.click()},OpenOriginal:function(b){var f=b.querySelector("a.original");f&&("unread"===b.getAttribute("data-item-status")&&a(b),f.removeAttribute("data-action"),f.click())},DownloadContent:function(a){var b=document.getElementById("download-item");if(b){b.innerHTML=" "+b.getAttribute("data-before-message");b.className="loading-icon";var c=new XMLHttpRequest;c.onload=function(){var a=JSON.parse(c.responseText);b.className="";if(a.result){var e=document.getElementById("item-content");
-e&&(e.innerHTML=a.content);b.innerHTML=b.getAttribute("data-after-message")}else b.innerHTML=b.getAttribute("data-failure-message")};a=d(a);c.open("POST","?action=download-item&id="+a,!0);c.send()}},MarkListingAsRead:function(a){for(var b=document.getElementsByTagName("article"),c=[],k=0,h=b.length;k<h;k++)c.push(d(b[k]));b=new XMLHttpRequest;b.onload=function(){window.location.href=a};b.open("POST","?action=mark-items-as-read",!0);b.send(JSON.stringify(c))},ToggleRTLMode:function(){for(var b=["#current-item h1",
-"#item-content","#listing #current-item h2","#listing #current-item .preview"],a=0;a<b.length;a++){var c=document.querySelector(b[a]);c&&(c.dir=""==c.dir?"rtl":"")}}}}();
-Miniflux.Event=function(){var d=[];return{lastEventType:"",ListenMouseEvents:function(){document.onclick=function(c){var b=c.target.getAttribute("data-action");if(b){Miniflux.Event.lastEventType="mouse";var a;a:{for(element=c.target;element&&element.parentNode;)if(element=element.parentNode,element.tagName&&"article"===element.tagName.toLowerCase()){a=element;break a}a=null}switch(b){case "refresh-all":c.preventDefault();Miniflux.Feed.UpdateAll();break;case "refresh-feed":c.preventDefault();Miniflux.Feed.Update(a);
-break;case "mark-read":c.preventDefault();Miniflux.Item.MarkAsRead(a);break;case "mark-unread":c.preventDefault();Miniflux.Item.MarkAsUnread(a);break;case "mark-removed":c.preventDefault();Miniflux.Item.MarkAsRemoved(a);break;case "bookmark":c.preventDefault();Miniflux.Item.SwitchBookmark(a);break;case "download-item":c.preventDefault();Miniflux.Item.DownloadContent(a);break;case "original-link":c.preventDefault();Miniflux.Item.OpenOriginal(a);break;case "mark-all-read":c.preventDefault();Miniflux.Item.MarkListingAsRead("?action=unread");
-break;case "mark-feed-read":c.preventDefault(),Miniflux.Item.MarkListingAsRead("?action=feed-items&feed_id="+c.target.getAttribute("data-feed-id"))}}}},ListenKeyboardEvents:function(){document.onkeypress=function(c){if(63==c.keyCode||!(c.ctrlKey||c.shiftKey||c.altKey||c.metaKey)){var b=c.target||c.srcElement;if("INPUT"!=b.tagName&&"TEXTAREA"!=b.tagName)if(Miniflux.Event.lastEventType="keyboard",d.push(c.keyCode||c.which),103===d[0])switch(d[1]){case void 0:break;case 117:window.location.href="?action=unread";
-d=[];break;case 98:window.location.href="?action=bookmarks";d=[];break;case 104:window.location.href="?action=history";d=[];break;case 115:window.location.href="?action=feeds";d=[];break;case 112:window.location.href="?action=config";d=[];break;default:d=[]}else switch(d=[],b=document.getElementById("current-item"),c.keyCode||c.which){case 100:Miniflux.Item.DownloadContent(b);break;case 112:case 107:Miniflux.Nav.SelectPreviousItem();break;case 110:case 106:Miniflux.Nav.SelectNextItem();break;case 118:Miniflux.Item.OpenOriginal(b);
-break;case 111:Miniflux.Item.Show(b);break;case 109:Miniflux.Item.SwitchStatus(b);break;case 102:Miniflux.Item.SwitchBookmark(b);break;case 104:Miniflux.Nav.OpenPreviousPage();break;case 108:Miniflux.Nav.OpenNextPage();break;case 114:Miniflux.Feed.UpdateAll();break;case 63:Miniflux.Nav.ShowHelp();break;case 122:Miniflux.Item.ToggleRTLMode()}}}}}}();
-Miniflux.Nav=function(){function d(b){var a=pageYOffset+document.documentElement.clientHeight;(0>a-(b.offsetTop+b.offsetHeight)||a-b.offsetTop>document.documentElement.clientHeight)&&window.scrollTo(0,b.offsetTop-10)}function c(){return document.getElementById("listing")?!0:!1}return{OpenNextPage:function(){var b=document.getElementById("next-page");b&&b.click()},OpenPreviousPage:function(){var b=document.getElementById("previous-page");b&&b.click()},SelectNextItem:function(){var b=document.getElementById("next-item");
-if(b)b.click();else if(c())if(b=document.getElementsByTagName("article"),document.getElementById("current-item"))for(var a=0,h=b.length;a<h;a++){if("current-item"===b[a].id){a+1<h&&(b[a].id="item-"+b[a].getAttribute("data-item-id"),b[a+1].id="current-item",d(b[a+1]));break}}else b[0].id="current-item",d(b[0])},SelectPreviousItem:function(){var b=document.getElementById("previous-item");if(b)b.click();else if(c())if(b=document.getElementsByTagName("article"),document.getElementById("current-item"))for(var a=
-b.length-1;0<=a;a--){if("current-item"===b[a].id){0<=a-1&&(b[a].id="item-"+b[a].getAttribute("data-item-id"),b[a-1].id="current-item",d(b[a-1]));break}}else b[b.length-1].id="current-item",d(b[b.length-1])},ShowHelp:function(){open("?action=show-help","Help","width=320,height=450,location=no,scrollbars=no,status=no,toolbar=no")},IsListing:c}}();Miniflux.App.Run();
+Miniflux.Item=function(){function e(d){return item_id=d.getAttribute("data-item-id")}function c(d){if(d&&d.hasAttribute("data-reverse-label")){var b=d.innerHTML;d.innerHTML=d.getAttribute("data-reverse-label");d.setAttribute("data-reverse-label",b)}}function b(d){"mouse"!==Miniflux.Event.lastEventType&&Miniflux.Nav.SelectNextItem();d.parentNode.removeChild(d);if(d=document.getElementById("page-counter")){var b=document.querySelector("section.page"),c=parseInt(d.textContent,10)-1,a=document.getElementsByTagName("article");
+if(0===c||0===a.length)window.location=location.href;d.textContent=c;switch(b.getAttribute("data-item-page")){case "unread":document.title="Miniflux ("+c+")";document.getElementById("nav-counter").textContent=c;break;case "feed-items":document.title="("+c+") "+d.parentNode.firstChild.nodeValue;break;default:document.title=d.parentNode.firstChild.nodeValue+" ("+c+")"}}}function a(d){var f=e(d),a=new XMLHttpRequest;a.onload=function(){if(Miniflux.Nav.IsListing())if(d.getAttribute("data-hide"))b(d);
+else{d.setAttribute("data-item-status","read");var a=d.querySelector("a.mark");c(a);(a=d.querySelector("a.mark"))&&a.setAttribute("data-action","mark-unread")}};a.open("POST","?action=mark-item-read&id="+f,!0);a.send()}function g(d){var a=e(d),k=new XMLHttpRequest;k.onload=function(){if(Miniflux.Nav.IsListing())if(d.getAttribute("data-hide"))b(d);else{d.setAttribute("data-item-status","unread");var a=d.querySelector("a.mark");c(a);(a=d.querySelector("a.mark"))&&a.setAttribute("data-action","mark-read")}};
+k.open("POST","?action=mark-item-unread&id="+a,!0);k.send()}return{MarkAsRead:a,MarkAsUnread:g,MarkAsRemoved:function(d){var a=e(d),c=new XMLHttpRequest;c.onload=function(){Miniflux.Nav.IsListing()&&b(d)};c.open("POST","?action=mark-item-removed&id="+a,!0);c.send()},SwitchBookmark:function(d){var a=e(d),k="1"===d.getAttribute("data-item-bookmark")?"0":"1",h=new XMLHttpRequest;h.onload=function(){var a=document.querySelector("section.page");if(Miniflux.Nav.IsListing()&&"bookmarks"===a.getAttribute("data-item-page"))b(d);
+else if(d.setAttribute("data-item-bookmark",k),Miniflux.Nav.IsListing())a=d.querySelector("a.bookmark"),c(a);else if((a=d.querySelector("a.bookmark-icon"))&&a.hasAttribute("data-reverse-title")){var f=a.getAttribute("title");a.setAttribute("title",a.getAttribute("data-reverse-title"));a.setAttribute("data-reverse-title",f)}};h.open("POST","?action=bookmark&id="+a+"&value="+k,!0);h.send()},SwitchStatus:function(d){var b=d.getAttribute("data-item-status");"read"===b?g(d):"unread"===b&&a(d)},Show:function(a){(a=
+a.querySelector("a.show"))&&a.click()},OpenOriginal:function(b){var c=b.querySelector("a.original");c&&("unread"===b.getAttribute("data-item-status")&&a(b),c.removeAttribute("data-action"),c.click())},DownloadContent:function(a){var b=document.getElementById("download-item");if(b){b.innerHTML=" "+b.getAttribute("data-before-message");b.className="loading-icon";var c=new XMLHttpRequest;c.onload=function(){var a=JSON.parse(c.responseText);b.className="";if(a.result){var d=document.getElementById("item-content");
+d&&(d.innerHTML=a.content);b.innerHTML=b.getAttribute("data-after-message")}else b.innerHTML=b.getAttribute("data-failure-message")};a=e(a);c.open("POST","?action=download-item&id="+a,!0);c.send()}},MarkListingAsRead:function(a){for(var b=document.getElementsByTagName("article"),c=[],h=0,g=b.length;h<g;h++)c.push(e(b[h]));b=new XMLHttpRequest;b.onload=function(){window.location.href=a};b.open("POST","?action=mark-items-as-read",!0);b.send(JSON.stringify(c))},ToggleRTLMode:function(){for(var a=["#current-item h1",
+"#item-content","#listing #current-item h2","#listing #current-item .preview"],b=0;b<a.length;b++){var c=document.querySelector(a[b]);c&&(c.dir=""==c.dir?"rtl":"")}}}}();
+Miniflux.Event=function(){var e=[];return{lastEventType:"",ListenMouseEvents:function(){document.onclick=function(c){if("INPUT"==c.target.nodeName&&"auto-select"==c.target.className)c.target.select();else{var b=c.target.getAttribute("data-action");if(b){Miniflux.Event.lastEventType="mouse";var a;a:{for(element=c.target;element&&element.parentNode;)if(element=element.parentNode,element.tagName&&"article"===element.tagName.toLowerCase()){a=element;break a}a=null}switch(b){case "refresh-all":c.preventDefault();
+Miniflux.Feed.UpdateAll();break;case "refresh-feed":c.preventDefault();Miniflux.Feed.Update(a);break;case "mark-read":c.preventDefault();Miniflux.Item.MarkAsRead(a);break;case "mark-unread":c.preventDefault();Miniflux.Item.MarkAsUnread(a);break;case "mark-removed":c.preventDefault();Miniflux.Item.MarkAsRemoved(a);break;case "bookmark":c.preventDefault();Miniflux.Item.SwitchBookmark(a);break;case "download-item":c.preventDefault();Miniflux.Item.DownloadContent(a);break;case "original-link":c.preventDefault();
+Miniflux.Item.OpenOriginal(a);break;case "mark-all-read":c.preventDefault();Miniflux.Item.MarkListingAsRead("?action=unread");break;case "mark-feed-read":c.preventDefault(),Miniflux.Item.MarkListingAsRead("?action=feed-items&feed_id="+c.target.getAttribute("data-feed-id"))}}}}},ListenKeyboardEvents:function(){document.onkeypress=function(c){if(63==c.keyCode||!(c.ctrlKey||c.shiftKey||c.altKey||c.metaKey)){var b=c.target||c.srcElement;if("INPUT"!=b.tagName&&"TEXTAREA"!=b.tagName)if(Miniflux.Event.lastEventType=
+"keyboard",e.push(c.keyCode||c.which),103===e[0])switch(e[1]){case void 0:break;case 117:window.location.href="?action=unread";e=[];break;case 98:window.location.href="?action=bookmarks";e=[];break;case 104:window.location.href="?action=history";e=[];break;case 115:window.location.href="?action=feeds";e=[];break;case 112:window.location.href="?action=config";e=[];break;default:e=[]}else switch(e=[],b=document.getElementById("current-item"),c.keyCode||c.which){case 100:Miniflux.Item.DownloadContent(b);
+break;case 112:case 107:Miniflux.Nav.SelectPreviousItem();break;case 110:case 106:Miniflux.Nav.SelectNextItem();break;case 118:Miniflux.Item.OpenOriginal(b);break;case 111:Miniflux.Item.Show(b);break;case 109:Miniflux.Item.SwitchStatus(b);break;case 102:Miniflux.Item.SwitchBookmark(b);break;case 104:Miniflux.Nav.OpenPreviousPage();break;case 108:Miniflux.Nav.OpenNextPage();break;case 114:Miniflux.Feed.UpdateAll();break;case 63:Miniflux.Nav.ShowHelp();break;case 122:Miniflux.Item.ToggleRTLMode()}}}}}}();
+Miniflux.Nav=function(){function e(b){var a=pageYOffset+document.documentElement.clientHeight;(0>a-(b.offsetTop+b.offsetHeight)||a-b.offsetTop>document.documentElement.clientHeight)&&window.scrollTo(0,b.offsetTop-10)}function c(){return document.getElementById("listing")?!0:!1}return{OpenNextPage:function(){var b=document.getElementById("next-page");b&&b.click()},OpenPreviousPage:function(){var b=document.getElementById("previous-page");b&&b.click()},SelectNextItem:function(){var b=document.getElementById("next-item");
+if(b)b.click();else if(c())if(b=document.getElementsByTagName("article"),document.getElementById("current-item"))for(var a=0,g=b.length;a<g;a++){if("current-item"===b[a].id){a+1<g&&(b[a].id="item-"+b[a].getAttribute("data-item-id"),b[a+1].id="current-item",e(b[a+1]));break}}else b[0].id="current-item",e(b[0])},SelectPreviousItem:function(){var b=document.getElementById("previous-item");if(b)b.click();else if(c())if(b=document.getElementsByTagName("article"),document.getElementById("current-item"))for(var a=
+b.length-1;0<=a;a--){if("current-item"===b[a].id){0<=a-1&&(b[a].id="item-"+b[a].getAttribute("data-item-id"),b[a-1].id="current-item",e(b[a-1]));break}}else b[b.length-1].id="current-item",e(b[b.length-1])},ShowHelp:function(){open("?action=show-help","Help","width=320,height=450,location=no,scrollbars=no,status=no,toolbar=no")},IsListing:c}}();Miniflux.App.Run();
diff --git a/assets/js/event.js b/assets/js/event.js
index da9f4ef..388f33f 100644
--- a/assets/js/event.js
+++ b/assets/js/event.js
@@ -8,6 +8,15 @@ Miniflux.Event = (function() {
 
             document.onclick = function(e) {
 
+                // Auto-select input content
+
+                if (e.target.nodeName == "INPUT" && e.target.className == "auto-select") {
+                    e.target.select();
+                    return;
+                }
+
+                // Application actions
+
                 var action = e.target.getAttribute("data-action");
 
                 if (action) {
diff --git a/locales/cs_CZ/translations.php b/locales/cs_CZ/translations.php
index db30021..12956eb 100644
--- a/locales/cs_CZ/translations.php
+++ b/locales/cs_CZ/translations.php
@@ -33,7 +33,7 @@ return array(
     // 'Go to history' => '',
     // 'Go to subscriptions' => '',
     // 'Go to preferences' => '',
-    // 'Bookmarklet:' => '',
+    // 'Bookmarklet' => '',
     // 'Subscribe with Miniflux' => '',
     // 'Drag and drop this link to your bookmarks' => '',
     // 'Download full content' => '',
diff --git a/locales/de_DE/translations.php b/locales/de_DE/translations.php
index 3568dd7..b4e3d40 100644
--- a/locales/de_DE/translations.php
+++ b/locales/de_DE/translations.php
@@ -33,7 +33,7 @@ return array(
     'Go to history' => 'Zu dem Verlauf gehen',
     'Go to subscriptions' => 'Zu den Abonnements gehen',
     'Go to preferences' => 'Zu den Einstellungen gehen',
-    'Bookmarklet:' => 'Bookmarklet:',
+    'Bookmarklet' => 'Bookmarklet',
     'Subscribe with Miniflux' => 'Mit Miniflux abonnieren',
     'Drag and drop this link to your bookmarks' => 'Ziehe diesen Link in deine Lesezeichen',
     'Download full content' => 'Vollständigen Inhalt herunterladen',
diff --git a/locales/es_ES/translations.php b/locales/es_ES/translations.php
index bf283bc..d8b3cab 100644
--- a/locales/es_ES/translations.php
+++ b/locales/es_ES/translations.php
@@ -33,7 +33,7 @@ return array(
     'Go to history' => 'Ir al historial',
     'Go to subscriptions' => 'Ir a suscripciones',
     'Go to preferences' => 'Ir a preferencias',
-    'Bookmarklet:' => 'Bookmarklet:',
+    'Bookmarklet' => 'Bookmarklet',
     'Subscribe with Miniflux' => 'Suscribir con Miniflux',
     'Drag and drop this link to your bookmarks' => 'Arrastrar y soltar el enlace en los marcadores',
     'Download full content' => 'Descargar contenido completo',
diff --git a/locales/fr_FR/translations.php b/locales/fr_FR/translations.php
index 03e8d90..bb02745 100644
--- a/locales/fr_FR/translations.php
+++ b/locales/fr_FR/translations.php
@@ -33,7 +33,7 @@ return array(
     'Go to history' => 'Voir l\'historique',
     'Go to subscriptions' => 'Voir les abonnements',
     'Go to preferences' => 'Voir les préférences',
-    'Bookmarklet:' => 'Bookmarklet :',
+    'Bookmarklet' => 'Bookmarklet',
     'Subscribe with Miniflux' => 'S\'abonner avec Miniflux',
     'Drag and drop this link to your bookmarks' => 'Glisser-déposer ce lien dans vos favoris',
     'Download full content' => 'Télécharger le contenu complet',
diff --git a/locales/it_IT/translations.php b/locales/it_IT/translations.php
index 29303b0..3e15259 100644
--- a/locales/it_IT/translations.php
+++ b/locales/it_IT/translations.php
@@ -33,7 +33,7 @@ return array(
     // 'Go to history' => '',
     // 'Go to subscriptions' => '',
     // 'Go to preferences' => '',
-    // 'Bookmarklet:' => '',
+    // 'Bookmarklet' => '',
     // 'Subscribe with Miniflux' => '',
     // 'Drag and drop this link to your bookmarks' => '',
     // 'Download full content' => '',
diff --git a/locales/pt_BR/translations.php b/locales/pt_BR/translations.php
index 6c6166e..4bd6954 100644
--- a/locales/pt_BR/translations.php
+++ b/locales/pt_BR/translations.php
@@ -33,7 +33,7 @@ return array(
     'Go to history' => 'Ir para histórico',
     'Go to subscriptions' => 'Ir para assinaturas',
     'Go to preferences' => 'Ir para preferências',
-    // 'Bookmarklet:' => '',
+    // 'Bookmarklet' => '',
     'Subscribe with Miniflux' => 'Assinar com Miniflux',
     'Drag and drop this link to your bookmarks' => 'Arraste e solte este link para seus bookmarks',
     'Download full content' => 'Download contéudo completo',
diff --git a/locales/zh_CN/translations.php b/locales/zh_CN/translations.php
index d6923e4..cc30cc2 100644
--- a/locales/zh_CN/translations.php
+++ b/locales/zh_CN/translations.php
@@ -33,7 +33,7 @@ return array(
     // 'Go to history' => '',
     // 'Go to subscriptions' => '',
     // 'Go to preferences' => '',
-    // 'Bookmarklet:' => '',
+    // 'Bookmarklet' => '',
     // 'Subscribe with Miniflux' => '',
     // 'Drag and drop this link to your bookmarks' => '',
     // 'Download full content' => '',
diff --git a/templates/about.php b/templates/about.php
index e0709a1..3641f11 100644
--- a/templates/about.php
+++ b/templates/about.php
@@ -10,16 +10,18 @@
 </div>
 <section>
     <div class="alert alert-normal">
-        <h3 id="bookmarks"><?= t('Bookmarks') ?></h3>
+        <h3><?= t('Bookmarks') ?></h3>
         <ul>
-            <li>
-                <?= t('Bookmarklet:') ?>
-                <a class="bookmarklet" href="javascript:location.href='<?= Helper\get_current_base_url() ?>?action=subscribe&amp;token=<?= urlencode($config['bookmarklet_token']) ?>&amp;url='+encodeURIComponent(location.href)"><?= t('Subscribe with Miniflux') ?></a> (<?= t('Drag and drop this link to your bookmarks') ?>)
             <li>
                 <a href="<?= Helper\get_current_base_url().'?action=bookmark-feed&amp;token='.urlencode($config['feed_token']) ?>" target="_blank"><?= t('Bookmark RSS Feed') ?></a>
             </li>
         </ul>
     </div>
+    <div class="alert alert-normal">
+        <h3><?= t('Bookmarklet') ?></h3>
+        <a class="bookmarklet" href="javascript:location.href='<?= Helper\get_current_base_url() ?>?action=subscribe&amp;token=<?= urlencode($config['bookmarklet_token']) ?>&amp;url='+encodeURIComponent(location.href)"><?= t('Subscribe with Miniflux') ?></a> (<?= t('Drag and drop this link to your bookmarks') ?>)
+        <input type="text" class="auto-select" readonly="readonly" value="javascript:location.href='<?= Helper\get_current_base_url() ?>?action=subscribe&amp;token=<?= urlencode($config['bookmarklet_token']) ?>&amp;url='+encodeURIComponent(location.href)"/>
+    </div>
     <div class="alert alert-normal">
         <h3><?= t('About') ?></h3>
         <ul>