I (IcedOutTodoroki) just modified it a bit, huge shoutout to PrettyCoffee
Here you can find the startpage I created for my browser :)
If you have any problems or miss a feature, create an issue and I will take a look at it! Of course, if you want to add a feature yourself you can just create a fork and contribute ;)
I created a reddit post on r/startpages. There you can see a short video where I show all available features.
You can also just take a look at the Live Demo.
If you created a theme and want to see it here, hit me up!
You can apply startpages by using several methods. To keep it simple, I will only cover one (the easiest) here:
- Download a New Tab Override Plugin (e.g. Chrome | Firefox)
- Open the Plugins Settings
- Paste
https://prettycoffee.github.io/fluidity/
into the text field to set it up as your startpage
If you do not want to rely on my github page, thats totally okay! You can set it up locally yourself with the following steps:
- Switch into the gh-pages branch
- Download / Clone the repository files
- Replace all occurences of
/fluidity/
with./
in the/index.html
file - Set it up like explained in usage, but instead of the link use the filepath to the
/index.html
file.
If you have a github account you can of course also just fork the repo and create a github page yourself ;)
Since this project is programmed with React and TypeScript, you will first need to set it up:
- (Download and install nodejs if you dont have it)
- Clone the git repository, this time use the main branch
- Go into the
/package.json
file and replacewith"homepage": "https://prettycoffee.github.io/fluidity/"
"homepage": "./"
- Open a terminal in the project folder (If you execute the command
ls
here, there should be a package.json) - Execute
npm i
to install all dependencies - Execute
npm run start
to validate that everything ids working. A browser tab with the URLhttp://localhost:3000
and the startpage should open. - Now you can change the code, for example write your own default values into
/src/data/data.ts
- Compile the project by executing
npm run build
if everything is done - Your startpage is now located in the
/build/
folder - Optional: If you host it with github pages yourself, you can use the command
npm run deploy
to push a fresh build into the gh-pages branch