diff --git a/CHANGELOG.md b/CHANGELOG.md index 22317e2..86a437f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Invite for a contact to join immediately ### Changed - Send signed data to nostr endpoints to verify public key ownership. +- Enhanced help & help onboarding. ### Changed in DB or environment - Uses Endorser.ch version 4.1.1 diff --git a/src/views/HelpOnboardingView.vue b/src/views/HelpOnboardingView.vue index 7aa6923..7e1a73b 100644 --- a/src/views/HelpOnboardingView.vue +++ b/src/views/HelpOnboardingView.vue @@ -13,7 +13,8 @@ </div> <p> - To invite someone, generate a link to send to them from this page: + To invite someone the easiest way, send them a link that you generate from + this page: <router-link :to="{ name: 'invite-one' }" class="bg-gradient-to-b from-green-400 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md" @@ -21,31 +22,42 @@ <fa icon="envelope-open-text" class="fa-fw text-xl" /></router-link> </p> - <p>That's all it takes.</p> - <p>Watch that page to see when people accept their invite.</p> + <p>Then watch that page to see when they accept their invite.</p> <p> - That page is also reachable from the Contacts <fa icon="users" /> page - though the invitation <fa icon="envelope-open-text" /> icon. + (That page is also reachable from the Contacts <fa icon="users" /> page + though the invitation <fa icon="envelope-open-text" /> icon.) </p> - <h1 class="font-bold text-xl">Advanced</h1> - The following are optional steps for even more functionality: - <!-- eslint-disable prettier/prettier --> + <h1 class="mt-4 font-bold text-xl">Next Steps</h1> + Although not totally necessary, these are important to understand. + <div class="ml-4"> - <h1 class="font-bold text-xl">Install</h1> + <h1 class="font-bold text-xl">Backups</h1> <div> <p> - 1) Have them visit TimeSafari.app in a browser, preferably Chrome or Safari. - </p> - <p> - 2) Have them "Install" the site to their desktop. + Exporting backups (from the Account <fa icon="circle-user" /> screen) + is important for the case where they lose their device. This is + especially true for the Identifier Seed: that is theirs and and theirs + alone, and currently nobody else can recover it if they lose it. The + good thing is that anyone can create a new account and simply inform + their network of their new ID. </p> </div> + </div> + + <h1 class="mt-4 font-bold text-xl">Advanced</h1> + The following are optional steps for even more functionality. + + <!-- eslint-disable prettier/prettier --> + <div class="ml-4"> <h1 class="font-bold text-xl">Add Contact & Register</h1> <p> You share even more information such as your picture and name when - you share with your QR code at these links: <fa icon="qrcode" /> Scanning + you share with your QR code at these links: <fa icon="qrcode" /> + </p> + <p> + Scanning those with your cameras will automatically register people and add them to each other's contact lists. </p> @@ -54,33 +66,37 @@ </p> <div> <p> - 3) Have them follow their yellow prompts. + 1) Have them follow their yellow prompts. </p> <p> - 4) Scan their QR, or have them tap on it to copy their info and send it to you. + 2) Scan their QR, or have them tap on it to copy their info and send it to you. Then you can add them to your Contacts <fa icon="users" /> </p> <p> - 5) You can register them at their info page <fa icon="circle-info" /> + 3) You can register them at their info page <fa icon="circle-info" /> and click on the register button <fa icon="person-circle-question" /> </p> <p> - 6) Add yourself to their Contacts <fa icon="users" /> + 4) Add yourself to their Contacts <fa icon="users" /> </p> </div> - <h1 class="font-bold text-xl">Enable Notifications</h1> + <h1 class="font-bold text-xl">Install</h1> <div> <p> - 7) Enable notifications from the Account page <fa icon="circle-user" /> + Have them visit TimeSafari.app in a browser, preferably Chrome or Safari, + and then look for the "Install" selection which adds this app to their desktop. + This enables other things, like the ability to "share" a photo from their + device directly to Time Safari, and it makes notifications more reliable. </p> </div> - <h1 class="font-bold text-xl">Discuss Backups</h1> + <h1 class="font-bold text-xl">Enable Notifications</h1> <div> <p> - 8) Exporting backups <fa icon="circle-user" /> are important if they lose their phone - --- especially for the Identifier Seed! + Enable notifications from the Account page <fa icon="circle-user" />. + Those notifications might show up on the device depending on your settings. + For the most reliable habits, people should own alarm or some other ritual to look every day. </p> </div> diff --git a/src/views/HelpView.vue b/src/views/HelpView.vue index 89f4f8d..e1aa7be 100644 --- a/src/views/HelpView.vue +++ b/src/views/HelpView.vue @@ -515,6 +515,8 @@ <fa v-show="!showDidCopy" icon="copy" class="text-slate-400 fa-fw" /> </button> <span v-show="showDidCopy" class="ml-2 text-sm text-green-500">Copied</span> + You can donate online via + <a href="https://www.patreon.com/TimeSafari" target="_blank" class="text-blue-500">Patreon here</a>. For other donations, contact us. </p>