+ <div class="clear"></div>
+</div>
+
+<div class="pure-g">
+ <div class="pure-u-lg-1-3 pure-u-1-24"></div>
+ <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
+ <h2 class="window-title">Bookmarklets</h2>
+ <p>
+ {'Drag one of these button to your bookmarks toolbar or right-click it and "Bookmark This Link"'|t},
+ {'then click on the bookmarklet in any page you want to share.'|t}
+ </p>
+ <div class="tools-item">
+ <a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'|t},
+ {'then click ✚Shaare link button in any page you want to share'|t}"
+ class="bookmarklet-link"
+ href="javascript:(
+ function(){
+ var%20url%20=%20location.href;
+ var%20title%20=%20document.title%20||%20url;
+ var%20desc=document.getSelection().toString();
+ if(desc.length>4000){
+ desc=desc.substr(0,4000)+'...';
+ alert('{function="str_replace(' ', '%20', t('The selected text is too long, it will be truncated.'))"}');
+ }
+ window.open(
+ '{$pageabsaddr}?post='%20+%20encodeURIComponent(url)+
+ '&title='%20+%20encodeURIComponent(title)+
+ '&description='%20+%20encodeURIComponent(desc)+
+ '&source=bookmarklet','_blank','menubar=no,height=800,width=600,toolbar=no,scrollbars=yes,status=no,dialog=1'
+ );
+ }
+ )();">
+ <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Shaare link'|t}</span>
+ </a>
+ </div>
+ <div class="tools-item">
+ <a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'|t},
+ {'Then click ✚Add Note button anytime to start composing a private Note (text post) to your Shaarli'|t}"
+ class="bookmarklet-link"
+ href="javascript:(
+ function(){
+ var%20desc=document.getSelection().toString();
+ if(desc.length>4000){
+ desc=desc.substr(0,4000)+'...';
+ alert('{function="str_replace(' ', '%20', t('The selected text is too long, it will be truncated.'))"}');
+ }
+ window.open(
+ '{$pageabsaddr}?private=1&post='+
+ '&description='%20+%20encodeURIComponent(desc)+
+ '&source=bookmarklet','_blank','menubar=no,height=800,width=600,toolbar=no,scrollbars=yes,status=no,dialog=1'
+ );
+ }
+ )();">
+ <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Add Note'|t}</span>
+ </a>
+ </div>
+ </div>
+</div>