I love Momentum Dash. I love how serene I feel just staring at the gorgeous backgrounds and how inspired I get from the quotes, but it's only available as a plugin for Chrome or Firefox. I wanted to be able to get some serenity and inspiration for those times when I'm not using either of those (eg on mobile) as well.
This is a Momentum Dash-inspired home page, that's restricted to displaying a background (with credits), a quote and a greeting/time. If you want all the other great features, I highly recommend going for the original and the best.
- Copy
.env.exampleto.env.localand add your desired greeting name. - Run
pnpm buildto generate the static files in./dist. - Copy
./distsomewhere online and set your browser's home page to the index file that's there.
- Install dependencies with
pnpm install. - Run development mode with
pnpm dev.
To generate a new set of images from flickr galleries:
- Install dependencies with
pnpm install. - Copy
.env.exampleto.env.localand add your flickr API key. - Populate
./scripts/imagegen.jswith the gallery IDs you want to use. - Run
pnpm imgen. - Copy
./scripts/images.tsinto./src/data/images.ts. - Deploy as above.
In order to get gallery IDs, paste the gallery link into lookupGallery API explorer and look for the "id" part of the gallery tag.
References: https://idratherbewriting.com/learnapidoc/docapis_flickr_example.html