Giter Site home page Giter Site logo

schicks / obsidian-progress-clocks Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tokenshift/obsidian-progress-clocks

0.0 0.0 0.0 862 KB

Progress clocks and other useful widgets for https://obsidian.md/.

License: MIT License

JavaScript 8.72% TypeScript 30.10% CSS 12.83% Svelte 48.34%

obsidian-progress-clocks's Introduction

Obsidian Progress Clocks

Progress clocks, counters, and stopwatches for Obsidian.md.

Usage

Use the Progress Clocks: Open Sidebar View to open the progress clocks panel.

By default, the panel is empty; use the "Add Section" button to create a new grouping of progress clocks (and other trackers), then use the buttons at the bottom of the panel to add clocks, counters, and stopwatches to the section (see below for explanations of each kind of tracker).

Example of the Progress Clocks sidebar view

Types of Trackers

Progress Clock

Progress clocks are pie-chart-style counters with a configurable number of segments, useful for tracking progress/steps. They were introduced in the Blades in the Dark RPG by John Harper.

Example of progress clocks with 4, 6, and 8 segments

When you add a new clock, enter how many segments you want it to have. You can add & remove segments later on the fly, as well as incrementing the current count (i.e. how many segments are filled), using the buttons below each clock (or by ctrl/cmd-clicking on the clock itself).

Counter

Example of a counter

A number (defaulting to zero) with increment/decrement buttons next to it. You can also click on the current value to enter an exact number, or enter +/- in order to add/subtract from the current value.

Stopwatch

Example of a stopwatch

Keeps track of time (in seconds by default; click the /1000 button to toggle between seconds and milliseconds). The other buttons under the stopwatch can be used to pause/resume the stopwatch, reset it (to 0:00), or record a lap time (which will show up in a list under the stopwatch).

Inline Usage

You can also use inline clocks and counters; use `clock 2 / 4` to get a 4-segment clock with 2 segments filled in, or `counter 42` to get a counter initially set to 42.

While inline clocks and counters will render in "view" mode, interacting with them won't alter the markdown source. In edit mode with live preview enabled, the clocks and counters will render, and interacting with them will update the underlying markdown.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.