diff --git a/app.py b/app.py index 321926e19ffefdc6a2b161c21034633fb919fc17..d728980d7c9e3be70c4f0617badc409ec3931d7d 100644 --- a/app.py +++ b/app.py @@ -40,7 +40,7 @@ logger.info("Done.") # Create the app. logger.info("Creating app...") -app = Flask(__name__) +app = Flask(__name__, static_url_path="") logger.info("Done.") # Route for the loading page. diff --git a/source/ui/src/app.html b/source/ui/src/app.html index 97027429e75c53c5ec7b4583304d7c2f20a30503..7c2d5fe99eec63c028c105e2b71a88d6f4665970 100644 --- a/source/ui/src/app.html +++ b/source/ui/src/app.html @@ -1,12 +1,18 @@ - - - - - %svelte.head% - - -
%svelte.body%
- + + + + + + + + + + + %svelte.head% + + +
%svelte.body%
+ diff --git a/source/ui/src/config/styles.json b/source/ui/src/config/styles.json new file mode 100644 index 0000000000000000000000000000000000000000..4506c9c61bf7f08029e37c7a2d6162a09f155b06 --- /dev/null +++ b/source/ui/src/config/styles.json @@ -0,0 +1,9 @@ +{ + "piano": "Piano", + "chamber": "Chamber Music", + "rock_and_metal": "Rock and Metal", + "synth": "Synthesizer", + "church": "Church", + "timpani_strings_harp": "Timpani, Contrabass, Harp", + "country": "Country" +} diff --git a/source/ui/src/lib/ComposeButton.svelte b/source/ui/src/lib/ComposeButton.svelte new file mode 100644 index 0000000000000000000000000000000000000000..58616691ecc25c07cfa8f3fda8bce06633b52718 --- /dev/null +++ b/source/ui/src/lib/ComposeButton.svelte @@ -0,0 +1,29 @@ + + + + + diff --git a/source/ui/src/lib/DensityOptions.svelte b/source/ui/src/lib/DensityOptions.svelte new file mode 100644 index 0000000000000000000000000000000000000000..f5a787731c6ea7d2a2bf9b0492ec3cc079fdbc45 --- /dev/null +++ b/source/ui/src/lib/DensityOptions.svelte @@ -0,0 +1,29 @@ + + +
+
+ Note density + +
+
+ + diff --git a/source/ui/src/lib/NoteTokens.svelte b/source/ui/src/lib/NoteTokens.svelte new file mode 100644 index 0000000000000000000000000000000000000000..cdf39bc4cbec9e0bf8cee0115d207116f0b815b3 --- /dev/null +++ b/source/ui/src/lib/NoteTokens.svelte @@ -0,0 +1,31 @@ +
+

Tokenized notes

+

+ PIECE_START TRACK_START INST=DRUMS DENSITY=6 BAR_START NOTE_ON=35 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=35 NOTE_OFF=42 + TIME_DELTA=1 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=38 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=38 + NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=35 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=35 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=35 + NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=35 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=42 TIME_DELTA=1 + NOTE_ON=38 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=38 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=35 NOTE_ON=42 TIME_DELTA=1 + NOTE_OFF=35 NOTE_OFF=42 BAR_END BAR_START NOTE_ON=35 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=35 NOTE_OFF=42 TIME_DELTA=1 + NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=38 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=38 NOTE_OFF=42 + TIME_DELTA=1 NOTE_ON=35 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=35 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=35 NOTE_ON=42 + TIME_DELTA=1 NOTE_OFF=35 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=38 + NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=38 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=35 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=35 + NOTE_OFF=42 BAR_END BAR_START NOTE_ON=35 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=35 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=42 + TIME_DELTA=1 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=38 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=38 NOTE_OFF=42 TIME_DELTA=1 + NOTE_ON=35 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=35 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=35 NOTE_ON=42 TIME_DELTA=1 + NOTE_OFF=35 NOTE_OFF=42 TIME_DELTA=1 NOTE_ON=42 TIME_DELTA=1 NOTE_OFF=42 +

+
+ + diff --git a/source/ui/src/lib/NoteVisualisation.svelte b/source/ui/src/lib/NoteVisualisation.svelte new file mode 100644 index 0000000000000000000000000000000000000000..f3a9d95ee08cf4d278f2c6df60f0d3c5ada55da0 --- /dev/null +++ b/source/ui/src/lib/NoteVisualisation.svelte @@ -0,0 +1,21 @@ +
+

Visualised notes

+ MIDI notes of composition +
+ + diff --git a/source/ui/src/lib/Playback.svelte b/source/ui/src/lib/Playback.svelte new file mode 100644 index 0000000000000000000000000000000000000000..2fef85a52367c192408c206ba202d4afcee5d6b9 --- /dev/null +++ b/source/ui/src/lib/Playback.svelte @@ -0,0 +1,18 @@ + + +