[chg] better html structure

This commit is contained in:
Knah Tsaeb 2015-06-29 15:19:32 +02:00
parent a044da320e
commit d541bf3514
2 changed files with 62 additions and 33 deletions

View file

@ -199,7 +199,7 @@ sub, sup {
} }
ul, ol { ul, ol {
margin: 1em 0; margin: 0;
padding: 0 0 0 2em; padding: 0 0 0 2em;
} }
@ -305,8 +305,13 @@ a, .linkdescription a {
text-align: right; text-align: right;
} }
#toolsdiv a {
font-weight: bold;
}
#toolsdiv a span { #toolsdiv a span {
color: #ffffff; color: #ffffff;
font-weight :normal;
} }
.linksperpage, .tagfilter, .searchform, .addform { .linksperpage, .tagfilter, .searchform, .addform {

View file

@ -1,47 +1,71 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>{include="includes"}</head> <head>
<body> {include="includes"}
<div id="pageheader"> </head>
{include="page.header"} <body>
<div id="toolsdiv"> <div id="pageheader">
<b>myShaarli version:</b>{#myShaarli_version#}<br><br> {include="page.header"}
{if="!$GLOBALS['config']['OPEN_SHAARLI']"}<a href="?do=changepasswd"><b>Change password</b> <span>: Change your password.</span></a><br><br>{/if} <div id="toolsdiv">
<a href="?do=configure"><b>Configure your Shaarli</b> <span>: Change Title, timezone...</span></a><br><br> <ul>
<a href="?do=changetag"><b>Rename/delete tags</b> <span>: Rename or delete a tag in all links</span></a><br><br> <li>
<a href="?do=import"><b>Import</b> <span>: Import Netscape html bookmarks (as exported from Firefox, Chrome, Opera, delicious...)</span></a> <br><br> <a href="{$GLOBALS['config']['UPDATECHECK_DOWNLOAD']}">Version : <span>myshaarli {#myShaarli_version#}</span></a>
<a href="?do=export"><b>Export</b> <span>: Export Netscape html bookmarks (which can be imported in Firefox, Chrome, Opera, delicious...)</span></a><br><br> </li>
<a class="smallbutton" onclick="alert('Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link...');return false;" href="javascript:javascript:(function(){var%20url%20=%20location.href;var%20title%20=%20document.title%20||%20url;window.open('{$pageabsaddr}?post='%20+%20encodeURIComponent(url)+'&amp;title='%20+%20encodeURIComponent(title)+'&amp;description='%20+%20encodeURIComponent(document.getSelection())+'&amp;source=bookmarklet','_blank','menubar=no,height=390,width=600,toolbar=no,scrollbars=no,status=no,dialog=1');})();"><b>✚Shaare link</b></a> <a href="#" style="clear:none;"><span>&#x21D0; Drag this link to your bookmarks toolbar (or right-click it and choose Bookmark This Link....).<br>&nbsp;&nbsp;&nbsp;&nbsp;Then click "✚Shaare link" button in any page you want to share.</span></a><br><br> {if="!$GLOBALS['config']['OPEN_SHAARLI']"}
<a class="smallbutton" onclick="alert('Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link...');return false;" href="?private=1&post="><b>✚Add Note</b></a> <a href="#" style="clear:none;"><span>&#x21D0; Drag this link to your bookmarks toolbar (or right-click it and choose Bookmark This Link....).<br>&nbsp;&nbsp;&nbsp;&nbsp;Then click "✚Add Note" button anytime to start composing a (default private) Note (text post) to your Shaarli.</span></a><br><br> <li>
<a class="smallbutton" onclick="activateFirefoxSocial(this)"><b>✚Add to Firefox social</b></a> <a href="#" style="clear:none;"><span>&#x21D0; Click on this button to add Shaarli to the "Share this page" button in Firefox.</span></a><br><br> <a href="?do=changepasswd">Change password : <span>Change your password.</span></a>
<div class="clear"></div> </li>
</div> {/if}
</div> <li>
{include="page.footer"} <a href="?do=configure">Configure your Shaarli : <span>Change Title, timezone...</span></a>
</li>
<li>
<a href="?do=changetag">Rename/delete tags : <span>Rename or delete a tag in all links</span></a>
</li>
<li>
<a href="?do=import">Import : <span>Import Netscape html bookmarks (as exported from Firefox, Chrome, Opera, delicious...)</span></a>
</li>
<li>
<a href="?do=export">Export : <span>Export Netscape html bookmarks (which can be imported in Firefox, Chrome, Opera, delicious...)</span></a>
</li>
<li>
<a class="smallbutton" onclick="alert('Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link...');return false;" href="javascript:javascript:(function(){var%20url%20=%20location.href;var%20title%20=%20document.title%20||%20url;window.open('{$pageabsaddr}?post='%20+%20encodeURIComponent(url)+'&amp;title='%20+%20encodeURIComponent(title)+'&amp;description='%20+%20encodeURIComponent(document.getSelection())+'&amp;source=bookmarklet','_blank','menubar=no,height=390,width=600,toolbar=no,scrollbars=no,status=no,dialog=1');})();">✚Shaare link</a><a href="#" style="clear:none;"><span>&#x21D0; Drag this link to your bookmarks toolbar (or right-click it and choose Bookmark This Link....).
<br>
&nbsp;&nbsp;&nbsp;&nbsp;Then click "✚Shaare link" button in any page you want to share.</span></a>
</li>
<li>
<a class="smallbutton" onclick="alert('Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link...');return false;" href="?private=1&post=">✚Add Note</a><a href="#" style="clear:none;"><span>&#x21D0; Drag this link to your bookmarks toolbar (or right-click it and choose Bookmark This Link....).
<br>
&nbsp;&nbsp;&nbsp;&nbsp;Then click "✚Add Note" button anytime to start composing a (default private) Note (text post) to your Shaarli.</span></a>
</li>
<li>
<a class="smallbutton" onclick="activateFirefoxSocial(this)">✚Add to Firefox social</a><a href="#" style="clear:none;"><span>&#x21D0; Click on this button to add Shaarli to the "Share this page" button in Firefox.</span></a>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
{include="page.footer"}
<script> <script>
function activateFirefoxSocial(node) { function activateFirefoxSocial(node) {
var loc = location.href; var loc = location.href;
var baseURL = loc.substring(0, loc.lastIndexOf("/")); var baseURL = loc.substring(0, loc.lastIndexOf("/"));
// Keeping the data separated (ie. not in the DOM) so that it's maintainable and diffable. // Keeping the data separated (ie. not in the DOM) so that it's maintainable and diffable.
var data = { var data = {
name: "{$shaarlititle}", name : "{$shaarlititle}",
description: "The personal, minimalist, super-fast, no-database delicious clone.", description : "The personal, minimalist, super-fast, no-database delicious clone.",
author: "Shaarli", author : "Shaarli",
version: "1.0.0", version : "1.0.0",
iconURL : baseURL + "/images/favicon.ico",
iconURL: baseURL + "/images/favicon.ico", icon32URL : baseURL + "/images/favicon.ico",
icon32URL: baseURL + "/images/favicon.ico", icon64URL : baseURL + "/images/favicon.ico",
icon64URL: baseURL + "/images/favicon.ico", shareURL : baseURL + "{noparse}?post=%{url}&title=%{title}&description=%{description}&source=firefoxsocialapi{/noparse}",
homepageURL : baseURL
shareURL: baseURL + "{noparse}?post=%{url}&title=%{title}&description=%{description}&source=firefoxsocialapi{/noparse}",
homepageURL: baseURL
}; };
node.setAttribute("data-service", JSON.stringify(data)); node.setAttribute("data-service", JSON.stringify(data));
var activate = new CustomEvent("ActivateSocialFeature"); var activate = new CustomEvent("ActivateSocialFeature");
node.dispatchEvent(activate); node.dispatchEvent(activate);
} }
</script> </script>
</body> </body>
</html> </html>