https://github.com/aadityaza/obsedian-widgits
https://github.com/aadityaza/obsedian-widgits
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/aadityaza/obsedian-widgits
- Owner: Aadityaza
- Created: 2024-12-17T09:01:02.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2025-03-02T17:16:15.000Z (7 months ago)
- Last Synced: 2025-03-02T18:25:23.974Z (7 months ago)
- Language: HTML
- Size: 24.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Obsidian Countdown Widget
This is a simple countdown widget for Obsidian notes that tracks progress toward a target date. The widget displays a circular progress indicator and a live countdown timer.
## Features
- Displays the percentage of time elapsed between a start and target date.
- Shows the remaining days, hours, minutes, and seconds.
- Updates every second.
- Minimalist design with a dark background, suitable for embedding in Obsidian notes.
## How to Use
1. Clone or download this repository.
2. Navigate to the `obsidian_widget` folder.
3. Open the HTML file in a text editor.
4. Modify the `START_DATE` and `TARGET_DATE` in the `CONFIG` object inside the `` tag.
Or, go to this link and get yout html code: https://aadityaza.github.io/obsedian-widgits/
5. Save the file and embed it in your Obsidian note using an `iframe`:
```markdown
<iframe src="path/to/widget.html" width="300" height="80"></iframe>
```
## Configuration
Update the following section in the HTML file to customize your countdown:
```javascript
const CONFIG = {
START_DATE: "YYYY-MM-DD", // Set your start date
TARGET_DATE: "YYYY-MM-DD" // Set your target date
};
```
## Example
If you want to track progress from January 13, 2025, to February 10, 2025, update the configuration as follows:
```javascript
const CONFIG = {
START_DATE: "2025-01-13",
TARGET_DATE: "2025-02-10"
};
```