From 839a2aa3f75a591434507761e7184828c7285fd8 Mon Sep 17 00:00:00 2001 From: Diana Thayer Date: Tue, 7 Jan 2025 00:57:04 -0800 Subject: [PATCH] I checked out how it looks on mobile and made some decisions --- web.js | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/web.js b/web.js index a2500ef..c1b0fe4 100644 --- a/web.js +++ b/web.js @@ -136,7 +136,7 @@ class WitchClock extends HTMLElement { 'section', [ 'hgroup', - ['h1', 'The Calendar of the Witchmothers...'], + ['h1', 'The Calendar of the Witchmothers'], ['p', '... is loading!'] ] ]) @@ -157,12 +157,13 @@ class WitchClock extends HTMLElement { 'section', [ 'hgroup', - ['h1', 'The Calendar of the Witchmothers...'], - ['h3', '... needs your permission!'] + ['h1', 'The Calendar of the Witchmothers'], + ['p', '... needs your permission!'] ], ['p', 'This is a lunar-solar calendar that uses your location to calculate a time and date.'], ['p', 'This app runs entirely in your browser, so your location is never sent anywhere.'], - ['input#geo-permission', { type: 'button', value: 'I give you permission to ask me where I am.' }] + ['p', 'May I ask you to grant permission for your computer to determine your location?'], + ['input#geo-permission', { type: 'button', value: 'OK!' }] ]) const node = document.getElementById('geo-permission') node.addEventListener('click', this.handlePermissionClick.bind(this)) @@ -173,7 +174,7 @@ class WitchClock extends HTMLElement { 'section', [ 'hgroup', - ['h1', 'The Calendar of the Witchmothers...'], + ['h1', 'The Calendar of the Witchmothers'], ['p', '... could not obtain your permission!'] ], ['p', error.message] @@ -191,7 +192,7 @@ class WitchClock extends HTMLElement { [ 'hgroup', ['h1', 'The Calendar of the Witchmothers'], - ['p', 'A lunar-solar calendar for living on Earth.'] + ['p', 'A lunar-solar calendar.'] ], ['ul', ['li', explainSeason(witchy)],