diff --git a/main.go b/main.go index 2c44d15..3739c2c 100644 --- a/main.go +++ b/main.go @@ -301,6 +301,9 @@ func handleHTTPRequest(state *state) http.HandlerFunc { } else { writer.WriteHeader(http.StatusMethodNotAllowed) } + } else if path == "instructions" { + f, _ := webDir.ReadFile("web/instructions.html") + writer.Write(f) } else if path == "vapid" { if request.Method == "" || request.Method == "GET" { writer.Write([]byte(state.vapidPublicKey)) diff --git a/web/index.html b/web/index.html index e528fa8..b7f21e9 100644 --- a/web/index.html +++ b/web/index.html @@ -5,7 +5,7 @@ 7am - Daily weather summary - + diff --git a/web/instructions.html b/web/instructions.html new file mode 100644 index 0000000..5ef0b09 --- /dev/null +++ b/web/instructions.html @@ -0,0 +1,52 @@ + + + + + 7am - Instructions for iOS + + + + + + + + + + + + + + + + + + + +
+
+

7am

+

Instructions for iOS

+
+ +
+

On iOS devices, you need to install 7am as an app first before you can receive push notifications. Follow these steps:

+
    +
  1. Open the share menu in Safari (the share button is in the middle, below the address bar)
    2. +
  2. Swipe up, then tap "Add to Home Screen"
    3. +
  3. Tap "Add" on the top right hand corner
    4. +
  4. Tap on the newly added 7am icon.
    5. +
+

You should now be able to subscribe to updates and receive them via push notifications.

+ + Start using 7am. +
+
+ + + + + diff --git a/web/style.css b/web/style.css index feea5e2..be28fb3 100644 --- a/web/style.css +++ b/web/style.css @@ -86,7 +86,7 @@ button { border-radius: 4px; width: 100%; font-weight: 500; - box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; + box-shadow: rgba(0, 0, 0, 0.05) 0 0 0 1px; } @media (prefers-color-scheme: dark) { button { @@ -116,6 +116,20 @@ footer > p { padding-bottom: 1rem; } +.instructions { + max-width: 40ch; + line-height: 1.5em; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.instructions-link { + font-size: 0.8em; + display: block; + text-align: center; + margin-top: 1rem; +} + .back-link { font-size: 0.8em; } diff --git a/web/summary.html b/web/summary.html index 4b806d9..77dabd6 100644 --- a/web/summary.html +++ b/web/summary.html @@ -5,7 +5,7 @@ 7am weather for {{.LocationName}} - + @@ -27,9 +27,9 @@ <- All locations

{{.Summary}}

+ Instructions for iPhone - \ No newline at end of file