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: about 23 hours 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 (2 days ago)
• Default Branch: main
• Last Pushed: 2024-12-24T05:43:52.000Z (2 days ago)
• Last Synced: 2024-12-24T06:29:16.615Z (2 days ago)
• Topics: dataview, dataviewjs, obsidian, obsidian-community, obsidian-md, obsidian-notes, obsidian-template, obsidianmd
• Homepage:
• Size: 524 KB
• Stars: 0
• 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)