https://github.com/toyonix/obsidian-clock-template

This Obsidian clock template repo features three Dataview-based clock templates: an Analog Clock, a Digital Clock - 12H, and a Digital Clock - 24H. Easily integrate them into your notes for dynamic time display, offering a clean solution with only dataview plugin.
https://github.com/toyonix/obsidian-clock-template

dataview dataviewjs obsidian obsidian-community obsidian-md obsidian-notes obsidian-template obsidianmd

Last synced: 3 months ago
JSON representation

This Obsidian clock template repo features three Dataview-based clock templates: an Analog Clock, a Digital Clock - 12H, and a Digital Clock - 24H. Easily integrate them into your notes for dynamic time display, offering a clean solution with only dataview plugin.

• Host: GitHub
• URL: https://github.com/toyonix/obsidian-clock-template
• Owner: ToYoNiX
• License: mit
• Created: 2024-12-24T05:20:53.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-12-24T05:43:52.000Z (4 months ago)
• Last Synced: 2025-02-16T21:43:11.779Z (3 months ago)
• Topics: dataview, dataviewjs, obsidian, obsidian-community, obsidian-md, obsidian-notes, obsidian-template, obsidianmd
• Homepage:
• Size: 524 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
This repository contains templates for displaying an active clock within your notes, which works seamlessly in both editing and reading modes. The only required plugin is the [Obsidian Dataview Plugin](https://blacksmithgu.github.io/obsidian-dataview/).

Here are the outputs of each template:

- ![Analog clock](images/analog.png)

- ![Digital clock - 12H](images/digital-12h.png)

- ![Digital clock - 24H](images/digital-24h.png)

Ensure that the necessary options are enabled, and check that the `dataviewJS` keyword is used. If not, you may need to modify the templates accordingly to ensure they function correctly.

- ![alt text](images/dataview-options.png)

These templates are inline `dataviewJS` queries, making them work perfectly with the [Dashboard++](https://tfthacker.com/article-obsidian-dashboardplusplus2022) CSS snippet, as shown below:

- ![alt text](images/dashboard++.png)