Solid Motivation is a browser extension available for both Chrome and Firefox. It transforms your new tab page into a real-time counter displaying your age — in years, down to many decimal places. Every fraction of a second counts, emphasizing the urgency of time and inspiring you to live every moment to the fullest. This extension is powered by Solid.JS and is deeply influenced by maccman's Motivation extension.
- Night Theme: Designed to be easy on your eyes during the night, ensuring comfort and clarity.
- High Refresh Rate Screen Support: Experience the real-time counter with unparalleled fluidity on high refresh rate screens.
- Correct Yearly Rollover: The counter accurately transitions to a new year at midnight, keeping you in sync with real-world time.
- Birthday Sync Across Devices: Set your birthdate once and have it sync seamlessly across all your devices.
- Refined Codebase: A clean code structure backed by comprehensive unit tests ensures reliability and ease of modification.
- MIT License: Freely use, modify, and distribute the code under the MIT License terms.
- Displays your age in real-time years, meticulously detailed down to numerous decimal places.
- Elegant and distraction-free design, focusing solely on the essence of time.
- Built harnessing the capabilities of Solid.JS.
Before diving into the steps, ensure that you have Node.js and pnpm installed. We recommend using a node version manager to handle the Node.js version and corepack to ensure the correct pnpm version.
-
Node Version Management:
If you aren't already using a node version manager, consider using nvm (Node Version Manager) or n. This helps you manage and switch between multiple Node.js versions with ease.
Once you have a version manager installed, set the Node.js version for this project based on the
enginesfield in thepackage.json. Runnvm useorn auto. -
Install Corepack (If not already installed):
Corepack provides a zero-runtime-dependency method to invoke package managers. It's bundled with Node.js, so if you have Node.js installed, you should be good to go. If you need to install or update it manually:
npm install -g corepack -
Setup PNPM via Corepack:
Corepack will ensure you're using the right version of
pnpmas defined in the project's configuration. Runcorepack enable.
Install the project dependencies: pnpm install
-
For Development, this will start the development server, which typically offers hot-reloading:
pnpm start -
For Production, this will create an optimized build of the project suitable for deployment:
pnpm build
- Clone the repository:
git clone https://github.com/adipascu/solid-motivation.git - Navigate to
chrome://extensions/in Chrome. - Enable Developer Mode by toggling the switch at the top right.
- Click on the
Load unpackedbutton and select the directory where you cloned the repository.
- Clone the repository:
git clone https://github.com/adipascu/solid-motivation.git - Open Firefox and navigate to
about:debugging. - Click "This Firefox" and then "Load Temporary Add-on".
- Navigate to the directory where you cloned the repository and select the appropriate manifest or zip file.
- Once the extension is activated, each new tab will present the Solid Motivation page, precisely showcasing your age.
- To set your birthdate, access the settings icon or the relevant UI component.
- Inspiration: Motivation by maccman | Chrome Store Link
- Framework: Solid.JS
Interested in making a contribution? Here's how:
- Fork the repository (
https://github.com/adipascu/solid-motivation/fork) - Create a feature branch (
git checkout -b feature/fooBar) - Commit your modifications (
git commit -am 'Introduce fooBar') - Push to your branch (
git push origin feature/fooBar) - Craft a new Pull Request
This project is covered under the MIT License. For more details, refer to the LICENSE file.