diff --git a/public/css/index.styl b/public/css/index.styl index bc4042537a..96738d907d 100644 --- a/public/css/index.styl +++ b/public/css/index.styl @@ -21,6 +21,7 @@ @import "./game-pane.styl" @import "./npcs.styl" @import "./challenges.styl" +@import "./tour.styl" // fix exploding to very wide for some reason .datepicker diff --git a/public/css/tour.styl b/public/css/tour.styl new file mode 100644 index 0000000000..01199d8a71 --- /dev/null +++ b/public/css/tour.styl @@ -0,0 +1,5 @@ +@import "../bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css" +.tour-tour .NPC-Justin + float: left + padding-right: 5px +.popover-navigation {clear:both;} \ No newline at end of file diff --git a/public/js/services/guideServices.js b/public/js/services/guideServices.js index 8852307b06..b85b2f7715 100644 --- a/public/js/services/guideServices.js +++ b/public/js/services/guideServices.js @@ -13,7 +13,7 @@ angular.module('guideServices', []). { element: ".main-herobox", title: "Welcome to HabitRPG", - content: "Welcome to HabitRPG, a habit-tracker which treats your goals like a Role Playing Game." + content: "Welcome to HabitRPG, a habit-tracker which treats your goals like a Role Playing Game. I'm Justin, your guide! " }, { element: "#bars", title: "Achieve goals and level up", @@ -45,6 +45,9 @@ angular.module('guideServices', []). placement: "right" } ]; + _.each(tourSteps, function(step){ + step.content = "
" + step.content + "
"; // add Justin NPC img + }); $('.main-herobox').popover('destroy'); var tour = new Tour({ onEnd: function(){