{"id":20502346,"url":"https://github.com/sonph/notion-drum-sheet","last_synced_at":"2025-08-03T04:33:06.082Z","repository":{"id":233376199,"uuid":"787106256","full_name":"sonph/notion-drum-sheet","owner":"sonph","description":"Minimal site for embedding drum sheets SVG in Notion. Based on GrooveScribe.","archived":false,"fork":false,"pushed_at":"2025-06-29T01:59:19.000Z","size":11299,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-26T08:01:56.625Z","etag":null,"topics":["drums","groovescribe","notion-widgets"],"latest_commit_sha":null,"homepage":"https://sonpham.me/notion-drum-sheet","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sonph.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-04-15T22:39:44.000Z","updated_at":"2025-06-29T01:59:22.000Z","dependencies_parsed_at":"2024-04-17T01:38:09.066Z","dependency_job_id":"c495c2ab-4a21-42f9-9bf0-d92c1af2591e","html_url":"https://github.com/sonph/notion-drum-sheet","commit_stats":null,"previous_names":["sonph/notion-drum-sheet"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sonph/notion-drum-sheet","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonph%2Fnotion-drum-sheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonph%2Fnotion-drum-sheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonph%2Fnotion-drum-sheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonph%2Fnotion-drum-sheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sonph","download_url":"https://codeload.github.com/sonph/notion-drum-sheet/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonph%2Fnotion-drum-sheet/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268495878,"owners_count":24259395,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-03T02:00:12.545Z","response_time":2577,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["drums","groovescribe","notion-widgets"],"created_at":"2024-11-15T19:21:32.629Z","updated_at":"2025-08-03T04:33:06.074Z","avatar_url":"https://github.com/sonph.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Embedding Drum Notation in Notion\n\nA barebone fork of GrooveScribe for embedding drum sheet notation in\n[Notion](https://www.notion.so/).\n\nGrooveScribe is a visual tool for musicians to annotate their drum grooves and\nfills.\n\n![notion with drum notations](./github-assets/notion-with-drum-notation.png)\n\n## How to use:\n\n1. Go to the [converter](https://sonph.github.io/notion-drum-sheet/index.html) tool.\n\n2. Transcribe your drum groove or fill at https://sonph.github.io/GrooveScribe or https://montulli.github.io/GrooveScribe.\n\n3. Copy the GrooveScribe URL.\n\n4. Back at the converter tool, paste the copied URL into the input box. Click convert and copy this converted link.\n\n5. In Notion, insert an embed block with `/embed` then paste the link.\n\nClicking on the embedded notation will take you to the original GrooveScribe page\nwhere you can edit and play it.\n\n## Demo\n\n![demo](./github-assets/demo.gif)\n\n## FAQ\n\n\u003cdetails\u003e\n\u003csummary\u003eWhat does the \"show tempo\" box on the converter page do?\u003c/summary\u003e\nCheck the \"show tempo\" box if you want to show the tempo and time signature\nwith the embedded notation.\n\nThis is useful if you collect different grooves and fills at different tempos\nand time signatures.\n    \nDon't check it if the grooves and fills belong in the same song that plays at\na consistent tempo.\n\u003c/details\u003e\n\n## Changes:\n\n1. Make `GrooveEmbed.html` -\u003e `render.html`.\n\n2. Remove all included javascript and assets related to MIDI, sounds, sharing,\netc. You can still click on the notation to be linked to the full GrooveScribe\npage where you can edit the notation and hear it.\n\n3. An utility to convert a `https://www.mikeslessons.com/groove` link to an\nembeddable link: https://sonpham.me/notion-drum-sheet.\n\n4. Add a HTML query string to display tempo and time signature with the\nnotation. To use this, add `\u0026EmbedTempoTimeSig=true` to the end of the URL.\n\n## Development\n\n1. Start a Python server:\n\n```\npython3 -m http.server\n```\n\n2. In a browser, open http://localhost:8000/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonph%2Fnotion-drum-sheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsonph%2Fnotion-drum-sheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonph%2Fnotion-drum-sheet/lists"}