From f1163d830221403070d99e442cfbe587551ab5c6 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 30 Nov 2024 14:33:31 -0700
Subject: [PATCH] add words under feed, add big "plus" on first page, and
 reword some things

---
 src/components/OnboardingDialog.vue     | 13 +++++----
 src/components/QuickNav.vue             | 35 ++++++++++++++++++-------
 src/views/HelpNotificationTypesView.vue |  8 +++---
 src/views/HelpView.vue                  |  2 +-
 src/views/HomeView.vue                  | 10 +++++++
 src/views/ProjectsView.vue              |  4 ++-
 6 files changed, 51 insertions(+), 21 deletions(-)

diff --git a/src/components/OnboardingDialog.vue b/src/components/OnboardingDialog.vue
index 7a96ea1..6539bab 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 3cf70d0..58b02c2 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 2f70bfb..d4bf8e8 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 87f9c55..b9bf4f0 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 b5fb331..6e9fe74 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 d6887d1..d75428b 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" />