From 5472cdcad7fca1ee4ac8d74262c114bf5d1148a9 Mon Sep 17 00:00:00 2001
From: Hugh Rundle <hugh@hughrundle.net>
Date: Sat, 9 Jul 2022 15:00:30 +1000
Subject: [PATCH] update homepage tour

- add highlights to some elements
- consolidate message text for easier translation
- emphasise action with notification style
---
 bookwyrm/templates/guided_tour/home.html | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/bookwyrm/templates/guided_tour/home.html b/bookwyrm/templates/guided_tour/home.html
index ce8ae844a..506cd513c 100644
--- a/bookwyrm/templates/guided_tour/home.html
+++ b/bookwyrm/templates/guided_tour/home.html
@@ -7,9 +7,7 @@ const initiateTour = new Shepherd.Tour({
 
 initiateTour.addSteps([
     {
-        text: "{% trans 'Welcome to Bookwyrm!' %} \
-            <br><br> \
-            {% trans 'Would you like to take the guided tour to help you get started?' %}",
+        text: "{% trans 'Welcome to Bookwyrm!<br><br>Would you like to take the guided tour to help you get started?' %}",
             title: "{% trans 'Guided Tour' %}",
             buttons: [
                 {
@@ -61,6 +59,7 @@ homeTour.addSteps([
             element: "#tour-search",
             on: "bottom",
         },
+        highlightClass: 'tour-element-highlight',
         buttons: [
             {
                 action() {
@@ -100,6 +99,7 @@ homeTour.addSteps([
             element: "#tour-navbar-start",
             on: "bottom",
         },
+        highlightClass: 'tour-element-highlight',
         buttons: [
             {
                 action() {
@@ -123,6 +123,7 @@ homeTour.addSteps([
             element: "#tour-suggested-books",
             on: "right",
         },
+        highlightClass: 'tour-element-highlight',
         buttons: [
         {
                 action() {
@@ -163,9 +164,7 @@ homeTour.addSteps([
         ],
     },
     {
-        text: "{% trans 'Your profile, books, direct messages, and settings can be accessed by clicking on your name here.' %}\
-        <br><br>\
-        {% trans 'Try selecting <code>Profile</code> from the drop down menu to continue the tour.' %}",
+        text: "{% trans 'Your profile, books, direct messages, and settings can be accessed by clicking on your name here.<p class=\'notification is-warning is-light\'>Try selecting <strong>Profile</strong> from the drop down menu to continue the tour.</p>' %}",
         title: "{% trans 'Profile and settings menu' %}",
         attachTo: {
             element: "#navbar-dropdown",