Add preview image and link to ukealong.com chord detector

Reference tonal in example page Version bump
yaph · Jun 29, 2021 · 3146281 · 3146281
1 parent ef1a521
commit 3146281
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -2,6 +2,8 @@
 
 > A library for rendering guitar and ukulele fretboards as SVG elements.
 
+![Ukulele Fretboard](img/ukulele-fretboard.png 'UkeAlong.com Ukulele Fretboard')
+
 ## Install
 
 ```sh
@@ -14,7 +16,8 @@ See the [examples directory](examples/).
 
 ## Demo
 
-* [Interactive Fretboard](https://guitarstreams.com/tool/fretboard/)
+* [Interactive Fretboard Guitar & Ukulele](https://guitarstreams.com/tool/fretboard/)
+* [Chord Detector for Ukulele](https://ukealong.com/tool/chord-detector/)
 
 ## License
 

diff --git a/examples/index.html b/examples/index.html
@@ -11,6 +11,7 @@ <h2>Guitar Am Chord Positions</h2>
 <h2>Ukulele Eb Chord Positions</h2>
 <svg id="fretboard-ukulele" class="fretboard"></svg>
 <script src="../node_modules/d3-selection/dist/d3-selection.js"></script>
+<script src="../node_modules/@tonaljs/tonal/browser/tonal.min.js"></script>
 <script src="../dist/traste.js"></script>
 <script>
 traste.drawFretboard('#fretboard-guitar', traste.instruments.guitar, ['A', 'C', 'E']);

diff --git a/img/ukulele-fretboard.png b/img/ukulele-fretboard.png
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "traste",
   "description": "A library for rendering guitar and ukulele fretboards as SVG elements.",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "author": "Ramiro Gómez (https://ramiro.org/)",
   "bugs": {
     "url": "https://github.com/yaph/traste/issues",