Skip to content

A modified Notion stopwatch widget that more closely matches the behaviour of the google search stopwatch feature. Includes background and text colour customisation.

License

ZhouZ-1/stopwatch

Repository files navigation

Stopwatch

All credits go to Haggen for the original code. This fork introduces a few qol improvements and personal changes:

  • Adjust text and functionality to more closely match the google stopwatch widget.
  • Change the background and foreground colors using the url by adding a background-color and color parameter. Example
  • Notification is shown on the left side of the screen instead of the right side.

A screenshot of Stopwatch embedded in Notion.so

  • Responsive and minimalist design, fit for embedding or full-screen display.
    • Works specially great in 📔Notion.
  • Locally stored, persistent state — reopen the same URL in the same browser and it'll still be running.
  • Keyboard accessible:
    • C to copy to clipboard.
    • Space bar to play/pause.
    • Backspace to clear.
    • or Shift+↑ to increment.
    • or Shift+↓ to decrement.
    • L to toggle color scheme.

Development

Built with Create React App.

npm install
npm start

Legal

Apache-2.0 © 2020 Arthur Corenzan.

About

A modified Notion stopwatch widget that more closely matches the behaviour of the google search stopwatch feature. Includes background and text colour customisation.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published