affanabiyyu/starttreev2

🌳 A $tree styled start page generator!

StartTreeV2

StartTreeV2 is a custom start page for your browser, also it's:

• 🆓 Free: hosted on Github pages
• 🔒 Private: no database, saved via url
• ⚡ Lightweight: zero dependencies

→ Start HERE

Guides

✏️ Configuring

To enter edit mode, click on the cog icon in the top right corner.

Adding elements

Click the (+) buttons to add new elements:

Editing elements

Search engine URLs

Google search url: http://www.google.com/search?q=
DuckDuckGo search url: https://duckduckgo.com/?q=

Click on elements you would like to edit:

Moving elements

Drag and drop elements you would like to move:

Saving your StartTree

Click on the top right check button to copy and go to your new URL.

Pro tip: Use an url-shortener to shorten the link: TinyUrl

⚙ Setting as default

Once you configured your StartTree and copied its URL, you can set it as your default browser page.

🦊 Firefox

Set as home page: Guide

Set as new-tab page: Download the extension New Tab Override and set it as "custom url"

🔴 Chrome

Set as home page: Guide

Set as new-tab page: Download the extension Change new tab and set it as "URL address"

🧭 Safari

Set as home/new-tab page: Guide

Featured

Development

The current version is stable and tested in Firefox, Chrome and Safari. If you want to contribute, feel free to make a pull request. Please keep it simple and lightweight.

Adding themes

1. Create a new .css file in /themes, which follows the same structure as the existing ones (most of them were generated using Pywal).

2. Add a new entry at the end of the THEMES array in theme-changer.js

3. (make a pull request)

Credits

StartTreeV2 is based on a static website generated using StartTree. Huge Thanks @Paul-Houser for creating such an awesome project!

How StartTreeV2 differs from StartTree:

The original version is a python program, which generates a static html page based on a yaml config. This version is a website hosted on Github pages, which means you do not have to host it yourself. To configure your tree, I added a web editor, which allows editing the tree directly in the browser. That means you do not have to write a yaml config and recompile the page every time you want to make a change. Your configuration data is stored in the url, which you simply copy once you are done with your configuration.