Fluidity - An accordion based startpage
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:
https://prettycoffee.github.io/fluidity/
into the text field to set it up as your startpageIf you do not want to rely on my github page, thats totally okay! You can set it up locally yourself with the following steps:
/index.html
file.If you have a github account you can of course also just fork the repo and create a github page yourself ;)
If you are familiar with Docker, you can use the provided docker file which will build the app and deploy it with nginx.
You can use the following commands to deploy a container:
# build
$ docker build ./ -t fluidity
# run
$ docker run -d --name fluidity -p 8080:80 fluidity
It will be deployed on port 8080. (http:\\localhost:8080
)
Since this project is programmed with React and TypeScript, you will first need to set it up:
ls
here, there should be a package.json)npm i
to install all dependenciesnpm run start
to validate that everything ids working. A browser tab with the URL http://localhost:3000
and the startpage should open./src/data/data.ts
npm run build
if everything is done/build/
foldernpm run deploy
to push a fresh build into the gh-pages branch