added readme

2019-12-03 13:16:56 +01:00 · 2019-12-03 13:16:56 +01:00 · 4c5deeeb8a
parent 5397bd6c50
commit 4c5deeeb8a
5 changed files with 32 additions and 2 deletions
--- a/README.md
+++ b/README.md
@ -1 +1,31 @@
-# bookmark-divider
+# bookmark-divider
+
+Just a tool to separate bookmarks. It works perfectly with light and dark themes due to its almost binary nature.
+
+You can clone this complex repository or just use the [hosted version on netlify](https://bookmark-divider.netlify.com/).
+
+---
+
+## Use Case
+
+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 [this page](https://bookmark-divider.netlify.com/) and create as many dividers as you need.
+
+  ![Bookmark Bar](md/all.png)
+
+---
+
+## "Installation"
+
+1. Save [this page](https://bookmark-divider.netlify.com/) as bookmark to you bookmark bar
+
+  ![Create Divider](md/create.png)
+
+2. Place it where you want to separate your bookmarks.
+3. If there is any text next to the bookmark right click it und delete the title/name.
+4. (Optional) If you want "Named Seperators" give them a name followed by a colon.
+
+  ![Named Divider](md/named.png)
+
+---
+
+Inspired by [https://su.at/archive/bookmark/](https://su.at/archive/bookmark/).
--- a/index.html
+++ b/index.html
@ -12,7 +12,7 @@
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ffffff">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="theme-color" content="#ffffff">
-  <title>Bookmark Divider</title>
+  <title></title>
 </head>
 <body>
  <h1>Bookmark Divider</h1>
--- a/md/all.png
+++ b/md/all.png
--- a/md/create.png
+++ b/md/create.png
--- a/md/named.png
+++ b/md/named.png