https://github.com/dfalbel/chord-sheet

Quarto extension for displaying guitar chord sheets based on ChordSheetsJS
https://github.com/dfalbel/chord-sheet

quarto quarto-extension

Last synced: 2 months ago
JSON representation

Quarto extension for displaying guitar chord sheets based on ChordSheetsJS

• Host: GitHub
• URL: https://github.com/dfalbel/chord-sheet
• Owner: dfalbel
• License: gpl-2.0
• Created: 2022-09-10T00:21:37.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-10T00:43:27.000Z (over 2 years ago)
• Last Synced: 2024-10-05T04:42:08.348Z (3 months ago)
• Topics: quarto, quarto-extension
• Language: JavaScript
• Homepage: https://daniel.quarto.pub/chord-sheet-example/
• Size: 46.9 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# chord-sheet

This extension provides support for rendering chord sheets in [Quarto](https://quarto.org)

HTML documents. It uses the [ChordSheetJS](https://github.com/martijnversluis/ChordSheetJS)

library to parse and render sheets into HTML tables.

## Installing

You can install it with:

```

quarto install extension dfalbel/chord-sheet

```

## Example

````markdown

---

title: Songs

format:

   html: default

filters:

   - chord-sheet

---

```chord

Let it [Am]be, let it [C/G]be, let it [F]be, let it [C]be

[C]Whisper words of [G]wisdom, let it [F]be [C/E] [Dm] [C]

```

````

By default the ChordPro format is used, but you can switch to the ChordSheet format

by specifying `format="chordsheet"`, for example:

````markdown

```{.chord format="chordsheet"}

          Am         Am/G       F          C

Let it   be, let it be, let it be, let it be

                     G           F Em/F F6 C

There will be an answer, let it be

```

````

You can see an example here along with its [rendered](https://daniel.quarto.pub/chord-sheet-example/) version.