This repository contains an HTML-based widget designed for embedding into Notion pages. The widget includes a clock and a Pomodoro timer with customizable intervals for work, short breaks, and long breaks.

• Clock: Displays the current time without seconds, using a 12-hour format with AM/PM.
• Pomodoro Timer: A simple Pomodoro timer with start/stop functionality and options for short and long breaks.
• Responsive Design: The widget is designed to fit seamlessly into Notion, with a transparent background and white text.

1. Clone the Repository:

   git clone https://github.com/vishnukarayil/Notion-time-widget.git
   

2. Upload to GitHub Pages:

   • Go to your repository settings.
   • Scroll down to the "GitHub Pages" section.
   • Select the main branch as the source.
   • Your widget will be available at https://vishnukarayil.github.io/Notion-time-widget/.

3. Embed in Notion:

   • Copy the GitHub Pages link.
   • In your Notion page, type /embed and paste the link.

Once embedded in your Notion page, the widget will display the current time and a Pomodoro timer. The Pomodoro timer can be started, stopped, and reset using the buttons provided.

• Start/Stop Timer: The play button starts the timer, and it toggles to a stop button once the timer is running. Clicking the stop button will reset the timer.
• Short Break: Click the "SB" button to start a 5-minute break.
• Long Break: Click the "LB" button to start a 15-minute break.

If you'd like to contribute to this project, feel free to fork the repository and submit a pull request. Any improvements or suggestions are welcome!

• Vishnu Karayil: Creator and maintainer of the Notion Time Widget.
• ChatGPT by OpenAI: Assistance in developing and refining the code and README.
• Icons8: Icons used for the play and stop buttons. You can find more icons at icons8.com.

This project is licensed under the MIT License. See the LICENSE file for details.