Cloned2Preserve
/
bookmark-divider
mirror of https://github.com/LukaHarambasic/bookmark-divider.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
bookmark-divider/index.html

53 lines
3.0 KiB
HTML
Raw Normal View History

initial
2019-12-03 11:48:54 +00:00
<!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">
index.html update
2019-12-03 12:54:34 +00:00
<title></title>
<!-- Favicons -->
initial
2019-12-03 11:48:54 +00:00
<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">
index.html update
2019-12-03 12:54:34 +00:00
<!-- 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>
initial
2019-12-03 11:48:54 +00:00
</head>
index.html update
2019-12-03 12:54:34 +00:00
<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. 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="file:///c:\Users\D067796\dev\03_private\bookmark-divider\md\all.png" alt="Bookmark Bar"></p>
<hr>
<h2 id="%22installation%22">&quot;Installation&quot;</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="file:///c:\Users\D067796\dev\03_private\bookmark-divider\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 &quot;Named Seperators&quot; give them a name followed by a colon.</li>
</ol>
<p><img src="file:///c:\Users\D067796\dev\03_private\bookmark-divider\md\named.png" alt="Named Divider"></p>
<hr>
<p>Inspired by <a href="https://su.at/archive/bookmark/">https://su.at/archive/bookmark/</a>.</p>
initial
2019-12-03 11:48:54 +00:00
</body>
</html>