diff --git a/src/components/OnboardingDialog.vue b/src/components/OnboardingDialog.vue index 7a96ea10d..6539bab7e 100644 --- a/src/components/OnboardingDialog.vue +++ b/src/components/OnboardingDialog.vue @@ -19,14 +19,17 @@ <span v-if="numContacts > 0"> click on {{ firstContactName }}'s name or </span> - click on "Unnamed" to express your appreciation for... whatever -- like + click on the <span class="bg-green-600 text-white rounded-full"> + <fa icon="plus" class="fa-fw"></fa> + </span> + button to express your appreciation for... whatever -- like thanks for showing you all these fascinating stories of <em>gratitude</em>. </p> <p v-else class="mt-4"> - The feed underneath this pop-up shows the latest gifts recognized by - others. Once someone registers you, you'll be able to log your - appreciation, too. + The feed underneath this pop-up shows the latest gifts that others have + recognized. Once someone registers you, you can log your appreciation, + too. </p> <p class="mt-4"> @@ -97,7 +100,7 @@ <p class="mt-4"> When you find some that seem interesting, you can offer your help. You are welcome to make your offer conditional, for example if they get 2 - other people, too. + other people to help besides you. </p> <p class="mt-4 flex items-center"> diff --git a/src/components/QuickNav.vue b/src/components/QuickNav.vue index 3cf70d042..58b02c29f 100644 --- a/src/components/QuickNav.vue +++ b/src/components/QuickNav.vue @@ -11,8 +11,11 @@ 'text-slate-500': selected !== 'Home', }" > - <router-link :to="{ name: 'home' }" class="block text-center py-3 px-1"> - <fa icon="house-chimney" class="fa-fw" /> + <router-link :to="{ name: 'home' }" class="block text-center py-2 px-1"> + <div class="flex flex-col items-center"> + <fa icon="house-chimney" class="fa-fw" /> + <span class="text-xs mt-1">feed</span> + </div> </router-link> </li> <!-- Search --> @@ -26,9 +29,12 @@ > <router-link :to="{ name: 'discover' }" - class="block text-center py-3 px-1" + class="block text-center py-2 px-1" > - <fa icon="magnifying-glass" class="fa-fw" /> + <div class="flex flex-col items-center"> + <fa icon="magnifying-glass" class="fa-fw" /> + <span class="text-xs mt-1">search</span> + </div> </router-link> </li> <!-- Projects --> @@ -42,9 +48,12 @@ > <router-link :to="{ name: 'projects' }" - class="block text-center py-3 px-1" + class="block text-center py-2 px-1" > - <fa icon="hand" class="fa-fw" /> + <div class="flex flex-col items-center"> + <fa icon="hand" class="fa-fw" /> + <span class="text-xs mt-1">your work</span> + </div> </router-link> </li> <!-- Contacts --> @@ -58,9 +67,12 @@ > <router-link :to="{ name: 'contacts' }" - class="block text-center py-3 px-1" + class="block text-center py-2 px-1" > - <fa icon="users" class="fa-fw" /> + <div class="flex flex-col items-center"> + <fa icon="users" class="fa-fw" /> + <span class="text-xs mt-1">contacts</span> + </div> </router-link> </li> <!-- Profile --> @@ -74,9 +86,12 @@ > <router-link :to="{ name: 'account' }" - class="block text-center py-3 px-1" + class="block text-center py-2 px-1" > - <fa icon="circle-user" class="fa-fw" /> + <div class="flex flex-col items-center"> + <fa icon="circle-user" class="fa-fw" /> + <span class="text-xs mt-1">profile</span> + </div> </router-link> </li> </ul> diff --git a/src/views/HelpNotificationTypesView.vue b/src/views/HelpNotificationTypesView.vue index 2f70bfb7c..d4bf8e8a8 100644 --- a/src/views/HelpNotificationTypesView.vue +++ b/src/views/HelpNotificationTypesView.vue @@ -48,10 +48,10 @@ </p> <p> This type is not as reliable as a Reminder Notification because mobile devices often suppress - such notifications to save battery. (We are working on other ways to notify you more - reliably. If you want to quickly check for relevant activity daily, use the Reminder - Notification and open the app and look for a large green button that points out new - activity that is personal to you.) + such notifications to save battery. (If you want to quickly check for relevant activity daily, + use the Reminder Notification and open the app and look for a large green button that points out new + activity that is personal to you. We are working on other ways to notify you more + reliably -- <router-link class="text-blue-500" to="/help">go here to follow us or contact us</router-link>.) </p> </div> </div> diff --git a/src/views/HelpView.vue b/src/views/HelpView.vue index 87f9c5588..b9bf4f0d1 100644 --- a/src/views/HelpView.vue +++ b/src/views/HelpView.vue @@ -541,7 +541,7 @@ <p>{{ package.version }} ({{ commitHash }})</p> <h2 class="text-xl font-semibold"> - I have other questions, like getting a new account or removing all my data from the public ledger. + I have other questions or feedback, like getting a new account or removing my data or requesting an improvement. </h2> <p> Contact us at diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index b5fb33126..6e9fe744d 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -174,6 +174,16 @@ <GiftedPrompts ref="giftedPrompts" /> <FeedFilters ref="feedFilters" /> + <div class="relative"> + <button + v-if="isRegistered" + class="absolute right-6 bottom-0 transform translate-y-1/2 text-center text-4xl leading-none bg-green-600 text-white w-14 py-2.5 rounded-full" + @click="openDialog()" + > + <fa icon="plus" class="fa-fw"></fa> + </button> + </div> + <!-- Results List --> <div class="bg-slate-100 rounded-md px-4 py-3 mt-4 mb-4"> <div class="flex items-center mb-4"> diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue index d6887d13f..d75428b70 100644 --- a/src/views/ProjectsView.vue +++ b/src/views/ProjectsView.vue @@ -4,7 +4,9 @@ <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <!-- Heading --> - <h1 id="ViewHeading" class="text-4xl text-center font-light">Your Ideas</h1> + <h1 id="ViewHeading" class="text-4xl text-center font-light"> + Your Project Ideas + </h1> <OnboardingDialog ref="onboardingDialog" />