diff --git a/makefile b/makefile index f53111e..8d1c932 100644 --- a/makefile +++ b/makefile @@ -3,12 +3,16 @@ help: makefile @tail -n +4 makefile | grep ".PHONY" +node_modules: package.json package-lock.json + if test ! -d $@; then npm install; fi + + .PHONY: start -start: +start: node_modules elm.json elm-land.json npx elm-land server -dist: elm.json elm-land.json $(shell find src) $(shell find static) +dist: node_modules elm.json elm-land.json $(shell find src) $(shell find static) npx elm-land build touch dist # Update timestamp diff --git a/readme.md b/readme.md index 4a6a473..1728647 100644 --- a/readme.md +++ b/readme.md @@ -2,9 +2,33 @@ Sheet music management app powered by Airsequel, Elm Land, and Tailwind. + + + + + +
+ Landing Page +
+
+ +
+ Song View +
+
+ +
+ +
+ Play View +
+
+ +
+ ## Development ```sh -npx elm-land@latest server +make start ``` diff --git a/screenshots/2023-09-20_landing_page.png b/screenshots/2023-09-20_landing_page.png new file mode 100644 index 0000000..7b27455 Binary files /dev/null and b/screenshots/2023-09-20_landing_page.png differ diff --git a/screenshots/2023-09-20_play_view_horizontal.png b/screenshots/2023-09-20_play_view_horizontal.png new file mode 100644 index 0000000..19bd5da Binary files /dev/null and b/screenshots/2023-09-20_play_view_horizontal.png differ diff --git a/screenshots/2023-09-20_song_view.png b/screenshots/2023-09-20_song_view.png new file mode 100644 index 0000000..06e42e9 Binary files /dev/null and b/screenshots/2023-09-20_song_view.png differ diff --git a/src/Layouts/Default.elm b/src/Layouts/Default.elm index c392e59..bce2a67 100644 --- a/src/Layouts/Default.elm +++ b/src/Layouts/Default.elm @@ -95,8 +95,8 @@ view settings { content } = , max_w_5xl , mx_auto , min_h_full - , border_x , border_color gray_400 + , lg [ border_x ] ] ] [ Css.Global.global globalStyles diff --git a/src/Pages/Home_.elm b/src/Pages/Home_.elm index f586bdb..cbea611 100644 --- a/src/Pages/Home_.elm +++ b/src/Pages/Home_.elm @@ -422,8 +422,8 @@ view sharedModel model = , max_w_5xl , mx_auto , min_h_full - , border_x , border_color gray_400 + , lg [ border_x ] ] ] [ Css.Global.global globalStyles