Remove border in mobile view, add screenshots to readme

Airsequel · Sep 20, 2023 · bd84ab7 · bd84ab7
1 parent bcf7f9d
commit bd84ab7
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 5 deletions.
diff --git 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
@@ -2,9 +2,33 @@
 
 Sheet music management app powered by Airsequel, Elm Land, and Tailwind.
 
+<table>
+  <tr>
+    <td>
+      <strong>Landing Page</strong>
+      <br/>
+      <br/>
+      <img src="screenshots/2023-09-20_landing_page.png" />
+    </td>
+    <td>
+      <strong>Song View</strong>
+      <br/>
+      <br/>
+      <img src="screenshots/2023-09-20_song_view.png" />
+    </td>
+  </tr>
+</table>
+
+<div>
+  <strong>Play View</strong>
+  <br/>
+  <br/>
+  <img src="screenshots/2023-09-20_play_view_horizontal.png" />
+</div>
+
 
 ## 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
diff --git a/screenshots/2023-09-20_play_view_horizontal.png b/screenshots/2023-09-20_play_view_horizontal.png
diff --git a/screenshots/2023-09-20_song_view.png b/screenshots/2023-09-20_song_view.png
diff --git 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
@@ -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