diff --git a/README.md b/README.md
index f280e6f..06868fb 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,31 @@
# README #
-A stripped down fork of https://github.com/montulli/GrooveScribe to embed drum
-sheet notation in [Notion](https://www.notion.so/).
+A barebone fork of GrooveScribe for embedding drum sheet notation in
+[Notion](https://www.notion.so/).
-First, read
-[GrooveScribe README](https://github.com/montulli/GrooveScribe?tab=readme-ov-file#).
+GrooveScribe is a visual tool for musicians to annotate their drum grooves and
+fills. It is accessible at https://www.mikeslessons.com/gscribe or
+http://montulli.github.io/GrooveScribe/.
-Changes:
+The original GrooveScribe project source code is at
+https://github.com/montulli/GrooveScribe.
+
+#### How to use:
+
+1. Transcribe your drum groove or fill at one of the URLs listed above.
+
+2. Copy the link.
+
+3. Use the [converter](https://sonph.github.io/notion-drum-sheet/convert.html)
+to convert the URL to an embeddable link.
+
+4. Embed the link in Notion with `/embed` and pasting the link.
+
+#### Demo:
+
+
+
+#### Changes:
1. Make `GrooveEmbed.html` the default `index.html`.
@@ -14,8 +33,8 @@ Changes:
still click on the notation to be linked to the full GrooveScribe page where
you can edit the notation and play it.
-3. Add a HTML query string to display tempo and time signature with the
-notation. To use this, add `&EmbedTempoTimeSig=true` to the end of the URL.
-
-4. An utility to convert a `https://www.mikeslessons.com/groove` link to an
+3. An utility to convert a `https://www.mikeslessons.com/groove` link to an
embeddable link: https://sonph.github.io/notion-drum-sheet/convert.html
+
+4. Add a HTML query string to display tempo and time signature with the
+notation. To use this, add `&EmbedTempoTimeSig=true` to the end of the URL.
diff --git a/convert.html b/convert.html
index f1288c8..d4d5a96 100644
--- a/convert.html
+++ b/convert.html
@@ -4,14 +4,28 @@
Embedded Groove
+ Tool for converting a GrooveScribe drum notation for embedding in
+ Notion.
+
+
+
+
@@ -86,7 +101,7 @@
// Convert and copy on "Enter". Also select on click.
document.getElementById("url").addEventListener("keypress", convertAndCopyOnEnter);
- document.getElementById("url").addEventListener("click", function() {
+ document.getElementById("url").addEventListener("click", function () {
const url = document.getElementById("url").select();
});
document.getElementById("showTempo").addEventListener("keypress", convertAndCopyOnEnter);
diff --git a/demo.gif b/demo.gif
new file mode 100644
index 0000000..66db0df
Binary files /dev/null and b/demo.gif differ