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

index.html update

This commit is contained in:
Luka Harambasic 2019-12-03 13:54:34 +01:00
parent 7f9defa891
commit 4a953c4441
1 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
index.html
View File

@ -4,6 +4,8 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
<!-- Favicons -->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> <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="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="32x32" href="/favicon-32x32.png">
@ -12,10 +14,40 @@
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ffffff"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ffffff">
<meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<title></title> <!-- 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> </head>
<body> <body class="vscode-light">
<h1>Bookmark Divider</h1> <h1 id="bookmark-divider">bookmark-divider (<a href="https://github.com/LukaHarambasic/bookmark-divider">on GitHub</a>)</h1>
<a href="https://github.com/LukaHarambasic/bookmark-divider">GitHub</a> <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>
</body> </body>
</html> </html>