From 2e6f266948bda4d4b08c9b88e14eeaeb284f137a Mon Sep 17 00:00:00 2001 From: Joris Date: Thu, 4 Jan 2024 21:03:03 +0100 Subject: Specify chord duration --- public/main.css | 20 ++++++++++++++++---- public/rhythms/0.5.png | Bin 0 -> 4520 bytes public/rhythms/1.5.png | Bin 0 -> 3503 bytes public/rhythms/2.png | Bin 0 -> 3108 bytes 4 files changed, 16 insertions(+), 4 deletions(-) create mode 100644 public/rhythms/0.5.png create mode 100644 public/rhythms/1.5.png create mode 100644 public/rhythms/2.png (limited to 'public') diff --git a/public/main.css b/public/main.css index 236ddc0..8606108 100644 --- a/public/main.css +++ b/public/main.css @@ -53,13 +53,13 @@ body { .g-Part h3 { margin: 0; - background-color: #f0f0f0; padding: 0 0.25rem; border-radius: 0.25rem; font-size: 110%; font-weight: normal; font-family: monospace; color: #851616; + border: 1px solid #851616; width: fit-content; } @@ -78,13 +78,25 @@ body { text-align: center; border-left: 1px solid black; border-right: 1px solid black; - padding: 0.5rem 0; + padding: 0.5rem 1rem; + white-space: nowrap; +} + +.g-Chords__Chord { + display: inline-flex; + gap: 0.5rem; + align-items: baseline; +} + +.g-Chords__Rhythm { + height: 1.3rem; } .g-Chords__Chord:not(:last-child):after { display: inline-block; content: "/"; - margin: 0 0.5rem; + margin-left: 0.5rem; + margin-right: 1rem; } .g-Lyrics__Paragraph { @@ -94,5 +106,5 @@ body { } .g-Lyrics__Paragraph emph { - background-color: #e6e6d2; + background-color: #a7de9b; } diff --git a/public/rhythms/0.5.png b/public/rhythms/0.5.png new file mode 100644 index 0000000..08bf293 Binary files /dev/null and b/public/rhythms/0.5.png differ diff --git a/public/rhythms/1.5.png b/public/rhythms/1.5.png new file mode 100644 index 0000000..aae73bd Binary files /dev/null and b/public/rhythms/1.5.png differ diff --git a/public/rhythms/2.png b/public/rhythms/2.png new file mode 100644 index 0000000..0bcc0ba Binary files /dev/null and b/public/rhythms/2.png differ -- cgit v1.2.3