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