tools / files / separator-page / readme.md
readme.md
8d5ecd8e 2022-01-20 Pavel Safronov | 1 | # Separator page |
| 2 | ||
| 3 | This page can be used as a separator. Simply open the page, enter a title (and optional Markdown description), and you've got an arbitrarily-named tab in your browser now. | |
| 4 | ||
| 5 | ## Screenshots | |
| 6 | ||
5f498166 2025-07-22 Pavel Safronov | 7 | This screenshot shows the separator page being used to organize trees of tabs in Firefox. The separator page has a custom favicon. The tree-like structure is provided by the [Tree Style Tab extension](https://github.com/piroor/treestyletab/blob/trunk/README.md). |
f4aaad47 2022-01-20 Pavel Safronov | 8 | |
931bbda7 2022-01-20 Pavel Safronov | 9 | >  |
8d5ecd8e 2022-01-20 Pavel Safronov | 10 | |
5f498166 2025-07-22 Pavel Safronov | 11 | This screenshot shows how to add the separator page to your bookmarks, so you can quickly create new separator pages with custom titles. |
| 12 | >  | |
73cd3416 2022-01-20 Pavel Safronov | 13 | |
5f498166 2025-07-22 Pavel Safronov | 14 | ## Usage |
73cd3416 2022-01-20 Pavel Safronov | 15 | |
483a7647 2026-10-27 Pavel Safronov | 16 | 1. Create a bookmark to this page in your browser: `https://apps.fuzzyworld.net/tools/separator-page/index.html?name=%s` |
5f498166 2025-07-22 Pavel Safronov | 17 | 2. Assign the bookmark a Keyword, for example `~` |
| 18 | 3. Navigate to `~ Project` in your browser to get a new separator page with the title "Project" | |
c4975b4a 2026-10-27 Pavel Safronov | 19 | |
| 20 | ## Moving from the old address | |
| 21 | ||
| 22 | The page used to live at `pavelsafronov.gitlab.io/tools/separator-page/`. Browsers keep local storage per site, so the new address can't see the old data directly. The old address now has a redirect page that, for a separator tab (`?tab=<id>`), reads that tab's title, text and icon (plus the icon history) from its local storage and passes them in the URL (`#migrate=...`). This page imports them once, only when the visitor arrives from the old address and the tab doesn't already exist here. Open each old tab once, in the same browser, to bring it over. |