About
Steve's interactive music practice journal. An experiment to help with practicing and remote music lessons with James Rintoul and courses with Musical U. This is basically a blog (static web site) with some interactive widgets supporting common musical needs.
Note: the browser local storage is used to persist widget state between pages, eg the timer's current time. Use this button to .
Hosted on .
Built using the following technology 'jamstack' as described in this blog post:
- 11ty with nunjucks and markdown
- alpinejs
- tonejs
- tonal
- abcjs
- Youtube
- the wonderful web platform
- nodejs, eslint and prettier
- editing with VS Code
Find out more or host your own on GitHub.
Here's an example page source for this tune:
---
title: Brown Eyed Girl
artist: Van Morrison
key: G
meter: 4/4
tempo: 1/4=145
rhythm: Pop
---
## Dots
{%- abc title, artist, key, meter, tempo, rhythm -%}
|:EF|"G"G2z3GB2|"C"c2zde2f2|"G"gz3c^c2|"D"d2zEzFzF:|
{%- endabc -%}
## Structure
- {% seekVideo "00:03" %} Intro
- {% seekVideo "00:18" %} Verse
- {% seekVideo "00:56" %} Verse
- {% seekVideo "01:36" %} Chorus
- {% seekVideo "01:52" %} Middle 8
- {% seekVideo "02:04" %} Verse
- {% seekVideo "02:42" %} Chorus
@[youtube](kqXSBe-qMGo)
and an excerpt from the Daily activity page:
- [ ] **Fretboard** - all notes: CoF, all strings {% metronome 60 %}
- [ ] **Scale** - play and name: maj and rel min x 3 {% randomNote "Scale" %}
More music tech stuff on my blog.
Steve Lee OpenDirective