54 lines
3.0 KiB
HTML
54 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Bookmark Divider</title>
|
|
<!-- Favicons -->
|
|
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ffffff">
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<!-- Markdown -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/markdown.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/highlight.css">
|
|
<style>
|
|
.task-list-item { list-style-type: none; }
|
|
.task-list-item-checkbox { margin-left: -20px; vertical-align: middle; }
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', 'Ubuntu', 'Droid Sans', sans-serif;
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="vscode-light">
|
|
<h1 id="bookmark-divider">Bookmark Divider (<a href="https://github.com/LukaHarambasic/bookmark-divider">on GitHub</a>)</h1>
|
|
<p>A browser independent bookmark separator (Google Chrome, Firefox, Safari, Internet Explorer, Microsoft Edge). It works perfectly with light and dark themes due to its binary nature.</p>
|
|
<p>You can clone this complex repository or just use the <a href="https://bookmark-divider.netlify.com/">hosted version on netlify</a>.</p>
|
|
<hr>
|
|
<h2 id="use-case">Use Case</h2>
|
|
<p>If you have too many bookmarks it can be easier to just use the favicons. But favicons can only be grouped in folders, but that's one additional click. Instead of folders you can just bookmark <a href="https://bookmark-divider.netlify.com/">this page</a> and create as many dividers as you need.</p>
|
|
<p><img src="md/all.png" alt="Bookmark Bar"></p>
|
|
<hr>
|
|
<h2 id="%22installation%22">"Installation"</h2>
|
|
<ol>
|
|
<li>Save <a href="https://bookmark-divider.netlify.com/">this page</a> as bookmark to you bookmark bar</li>
|
|
</ol>
|
|
<p><img src="md/create.png" alt="Create Divider"></p>
|
|
<ol start="2">
|
|
<li>Place it where you want to separate your bookmarks.</li>
|
|
<li>If there is any text next to the bookmark right click it und delete the title/name.</li>
|
|
<li>(Optional) If you want "Named Seperators" give them a name followed by a colon.</li>
|
|
</ol>
|
|
<p><img src="md/named.png" alt="Named Divider"></p>
|
|
<hr>
|
|
<p>Inspired by <a href="https://github.com/FirePanther">FirePanthers</a> <a href="https://su.at/archive/bookmark/">https://su.at/archive/bookmark/</a>.</p>
|
|
</body>
|
|
</html>
|