I checked out how it looks on mobile and made some decisions

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)],