Learn More Content Updates (#948)

* [entity4366] Content Updates for Learn More Interfaces

auth-web/src/components/auth/LearnMoreBCEID.vue

@@ -13,9 +13,9 @@
           BCeID and 2-factor authentication app
         </h1>
         <ul class="mb-11">
-          <li class="mb-5">Uses your BCeID and a 2-factor authentication app that generates a verification code on your phone or in your browser</li>
-          <li class="mb-5">Whenever you log in you will need a username and password like normal.</li>
-          <li>In addition to your password, you’ll also need a code generated by authenticator app on your phone or through a browser plugin.</li>
+          <li class="mb-5">Uses your BCeID and a 2-factor authentication app that generates a verification code on your phone.</li>
+          <li class="mb-5">You will need to enter your BCeID username and password to log in.</li>
+          <li>In addition to your password, you’ll also need a code generated by authenticator app on your phone.</li>
         </ul>
         <v-btn
           large
@@ -34,12 +34,12 @@
       <div class="right-panel pa-8">
         <h2 class="mt-n1 mb-8">How It works</h2>
         <ul class="steps">
-          <!-- <li>
+          <li>
             <div class="step-content">
               <v-img
                 class="step-img"
-                src="@/assets/img/learn-more/email.jpg"
-                alt="Receive an email invitation">
+                src="@/assets/img/learn-more/mobile-download.jpg"
+                alt="Download an authenticator app">
                 <template v-slot:placeholder>
                   <v-row
                     class="fill-height ma-0"
@@ -53,16 +53,16 @@
               <div class="step-line mt-2">
               </div>
               <div class="step-text body-2 mt-3 mb-8">
-                Receive an email invitation from an account administrator or coordinator.
+                Download an authenticator app such as Microsoft or Google Authenticator.
               </div>
             </div>
-          </li> -->
+          </li>
           <li>
             <div class="step-content">
               <v-img
                 class="step-img"
-                src="@/assets/img/learn-more/mobile-download.jpg"
-                alt="Download an authenticator app">
+                src="@/assets/img/learn-more/create-account.jpg"
+                alt="Create an account or login with a BCeID">
                 <template v-slot:placeholder>
                   <v-row
                     class="fill-height ma-0"
@@ -76,7 +76,7 @@
               <div class="step-line mt-2">
               </div>
               <div class="step-text body-2 mt-3 mb-8">
-                Download an authenticator app such as Microsoft or Google Authenticator.
+                Create a Basic BCeID account OR use an existing BCeID account.
               </div>
             </div>
           </li>
@@ -99,7 +99,7 @@
               <div class="step-line mt-2">
               </div>
               <div class="step-text body-2 mt-3 mb-8">
-                Create a BCeID account OR log in with an existing Basic BCeID account.
+                Log in with your BCeID username and password.
               </div>
             </div>
           </li>

auth-web/src/components/auth/LearnMoreBCSC.vue

@@ -153,30 +153,6 @@
               </div>
             </div>
           </li>
-          <li>
-            <div class="step-content">
-              <v-img
-                contain
-                class="step-img"
-                src="@/assets/img/learn-more/log-in.jpg"
-                alt="Log in to BC Registries">
-                <template v-slot:placeholder>
-                  <v-row
-                    class="fill-height ma-0"
-                    align="center"
-                    justify="center"
-                  >
-                    <v-progress-circular indeterminate color="grey"></v-progress-circular>
-                  </v-row>
-                </template>
-              </v-img>
-              <div class="step-line mt-2">
-              </div>
-              <div class="step-text body-2 mt-3 mb-8">
-                Log in to BC Registries using the BC Services Card option, and select "Use a Mobile Card".
-              </div>
-            </div>
-          </li>
           <li>
             <div class="step-content">
               <v-img
@@ -374,6 +350,29 @@
               </div>
             </div>
           </li>
+          <li>
+            <div class="step-content">
+              <v-img
+                class="step-img"
+                src="@/assets/img/learn-more/user-profile.jpg"
+                alt="Agree to terms and create user profile">
+                <template v-slot:placeholder>
+                  <v-row
+                    class="fill-height ma-0"
+                    align="center"
+                    justify="center"
+                  >
+                    <v-progress-circular indeterminate color="grey"></v-progress-circular>
+                  </v-row>
+                </template>
+              </v-img>
+              <div class="step-line mt-2">
+              </div>
+              <div class="step-text body-2 mt-3 mb-8">
+                Agree to terms of use, create user profile.
+              </div>
+            </div>
+          </li>
           <li>
             <div class="step-content">
               <v-img
@@ -394,7 +393,7 @@
               <div class="step-line mt-2">
               </div>
               <div class="step-text body-2 mt-3">
-                Access BC Registries applications.
+                Continue to BC Registries.
               </div>
             </div>
           </li>