diff --git a/common/img/sprites/spritesmith/misc/welcome_to_Habit_3.png b/common/img/sprites/spritesmith/misc/welcome_to_Habit_3.png
index 937fc6f1e6..2ef615f5ca 100644
Binary files a/common/img/sprites/spritesmith/misc/welcome_to_Habit_3.png and b/common/img/sprites/spritesmith/misc/welcome_to_Habit_3.png differ
diff --git a/common/locales/en/npc.json b/common/locales/en/npc.json
index 213d85ea8f..349e00e1c0 100644
--- a/common/locales/en/npc.json
+++ b/common/locales/en/npc.json
@@ -59,25 +59,25 @@
"tourEquipmentPage": "This is where your Equipment is stored! Your Battle Gear affects your stats. If you want to show different Equipment on your avatar without changing your stats, click \"Enable Costume.\"",
"tourOkay": "Okay!",
+ "tourAwesome": "Awesome!",
+ "tourSplendid": "Splendid!",
+ "tourNifty": "Nifty!",
- "tourAvatar1": "Your Avatar
Your avatar lives at the top of the task dashboard. Click on your avatar at any time to customize it! ",
- "tourAvatar1Proceed": "Take me there!",
- "tourAvatar2": "Customize Avatar This is the page for basic avatar customization. You can buy Equipment for your avatar later, once you've earned Gold. ",
- "tourToDosBrief": "To-Do List Check off To-Dos for Gold & Experience! To-Dos never make your avatar lose Health ",
- "tourDailiesBrief": "Daily Tasks Dailies repeat every day You lose Health if you skip Dailies ",
+ "tourAvatar": "Customize Your Avatar Your avatar represents you. Customize now, or return later. Your avatar starts plain until you've earned Equipment! ",
+ "tourAvatarProceed": "Show me my tasks!",
+ "tourToDosBrief": "To-Do List Check off To-Dos to earn Gold & Experience! To-Dos never make your avatar lose Health. ",
+ "tourDailiesBrief": "Daily Tasks Dailies repeat every day. You lose Health if you skip Dailies. ",
"tourDailiesProceed": "I'll be careful!",
- "tourHabitsBrief": "Good & Bad Habits Good Habits award Gold & Experience Bad Habits make you lose Health ",
+ "tourHabitsBrief": "Good & Bad Habits Good Habits award Gold & Experience. Bad Habits make you lose Health. ",
"tourHabitsProceed": "Makes sense!",
- "tourRewardsBrief": "Reward List Spend your Gold here Purchase Equipment for your avatar, or set custom Rewards ",
- "tourRewardsProceed": "Can't wait!",
- "tourQuestions": "More Questions? If you get confused, click the next to the headers. Explore the tabs in the header to discover more features! ",
- "tourQuestionsProceed": "I will!",
+ "tourRewardsBrief": "Reward List Spend your hard-earned Gold here! Purchase Equipment for your avatar, or set custom Rewards. ",
+ "tourRewardsProceed": "That's all!",
"welcomeToHabit": "Welcome to HabitRPG, a game to improve your life!",
"welcome1": "Create and customize an in-game avatar to represent you.",
"welcome2": "Your real-life tasks affect your avatar's Health (HP), Experience (XP), and Gold!",
"welcome3": "Complete tasks to earn Experience (XP) and Gold, which unlock awesome features and rewards!",
"welcome4": "Avoid bad habits that drain Health (HP), or your avatar will die!",
- "welcome5": "Now Justin the Guide will teach you how to use your task dashboard...",
+ "welcome5": "Now you'll customize your avatar and set up your tasks...",
"imReady": "I'm Ready!"
}
diff --git a/website/public/js/services/guideServices.js b/website/public/js/services/guideServices.js
index dc609ab550..b45ddffac1 100644
--- a/website/public/js/services/guideServices.js
+++ b/website/public/js/services/guideServices.js
@@ -11,19 +11,12 @@ function($rootScope, User, $timeout, $state) {
var chapters = {
intro: [
[
- {
- state: 'tasks',
- element: ".main-herobox",
- content: window.env.t('tourAvatar1'),
- placement: "right",
- proceed: window.env.t('tourAvatar1Proceed')
- },
{
state: 'options.profile.avatar',
element: '.tab-content.ng-scope',
- content: window.env.t('tourAvatar2'),
+ content: window.env.t('tourAvatar'),
placement: "top",
- proceed: window.env.t('tourOkay'),
+ proceed: window.env.t('tourAvatarProceed'),
backdrop: false,
orphan: true
},
@@ -52,14 +45,8 @@ function($rootScope, User, $timeout, $state) {
state: 'tasks',
element: ".task-column.rewards",
content: window.env.t('tourRewardsBrief'),
- placement: "left",
- proceed: window.env.t('tourRewardsProceed')
- },
- {
- state: 'tasks',
- content: window.env.t('tourQuestions'),
- proceed: window.env.t('tourQuestionsProceed'),
- orphan: true,
+ placement: "top",
+ proceed: window.env.t('tourRewardsProceed'),
final: true
}
]
@@ -99,7 +86,8 @@ function($rootScope, User, $timeout, $state) {
orphan: true,
content: window.env.t('tourStatsPage'),
final: true,
- proceed: window.env.t('tourOkay')
+ proceed: window.env.t('tourOkay'),
+ hideNavigation: true
}
]],
tavern: [[
@@ -107,7 +95,8 @@ function($rootScope, User, $timeout, $state) {
orphan: true,
content: window.env.t('tourTavernPage'),
final: true,
- proceed: window.env.t('tourOkay')
+ proceed: window.env.t('tourAwesome'),
+ hideNavigation: true
}
]],
party: [[
@@ -115,7 +104,8 @@ function($rootScope, User, $timeout, $state) {
orphan: true,
content: window.env.t('tourPartyPage'),
final: true,
- proceed: window.env.t('tourOkay')
+ proceed: window.env.t('tourSplendid'),
+ hideNavigation: true
}
]],
guilds: [[
@@ -123,7 +113,8 @@ function($rootScope, User, $timeout, $state) {
orphan: true,
content: window.env.t('tourGuildsPage'),
final: true,
- proceed: window.env.t('tourOkay')
+ proceed: window.env.t('tourNifty'),
+ hideNavigation: true
}
]],
challenges: [[
@@ -131,7 +122,8 @@ function($rootScope, User, $timeout, $state) {
orphan: true,
content: window.env.t('tourChallengesPage'),
final: true,
- proceed: window.env.t('tourOkay')
+ proceed: window.env.t('tourOkay'),
+ hideNavigation: true
}
]],
market: [[
@@ -139,7 +131,8 @@ function($rootScope, User, $timeout, $state) {
orphan: true,
content: window.env.t('tourMarketPage'),
final: true,
- proceed: window.env.t('tourOkay')
+ proceed: window.env.t('tourAwesome'),
+ hideNavigation: true
}
]],
hall: [[
@@ -147,7 +140,8 @@ function($rootScope, User, $timeout, $state) {
orphan: true,
content: window.env.t('tourHallPage'),
final: true,
- proceed: window.env.t('tourOkay')
+ proceed: window.env.t('tourSplendid'),
+ hideNavigation: true
}
]],
pets: [[
@@ -155,7 +149,8 @@ function($rootScope, User, $timeout, $state) {
orphan: true,
content: window.env.t('tourPetsPage'),
final: true,
- proceed: window.env.t('tourOkay')
+ proceed: window.env.t('tourNifty'),
+ hideNavigation: true
}
]],
mounts: [[
@@ -163,7 +158,8 @@ function($rootScope, User, $timeout, $state) {
orphan: true,
content: window.env.t('tourMountsPage'),
final: true,
- proceed: window.env.t('tourOkay')
+ proceed: window.env.t('tourOkay'),
+ hideNavigation: true
}
]],
equipment: [[
@@ -171,7 +167,8 @@ function($rootScope, User, $timeout, $state) {
orphan: true,
content: window.env.t('tourEquipmentPage'),
final: true,
- proceed: window.env.t('tourOkay')
+ proceed: window.env.t('tourAwesome'),
+ hideNavigation: true
}
]]
}
@@ -215,9 +212,9 @@ function($rootScope, User, $timeout, $state) {
//'' + (step.final ? 'Finish Tour' : 'Hide') + ' ' +
(showCounter ? ''+ (i+1 +' of '+ _.flatten(chapters[k]).length) +' ' : '')+ // counter
'' +
- '« Previous ' +
+ (step.hideNavigation ? '' : '« Previous ') +
(showFinish ? ('' + (step.proceed ? step.proceed : "Finish Tour") + ' ') :
- ('' + (step.proceed ? step.proceed : "Next") + ' » ')) +
+ (step.hideNavigation ? '' : ('' + (step.proceed ? step.proceed : "Next") + ' » '))) +
'Pause ' +
'
' +
'' +
diff --git a/website/views/shared/tasks/lists.jade b/website/views/shared/tasks/lists.jade
index 242e531436..73567ff2cc 100644
--- a/website/views/shared/tasks/lists.jade
+++ b/website/views/shared/tasks/lists.jade
@@ -16,7 +16,7 @@ script(id='templates/habitrpg-tasks.html', type="text/ng-template")
span.glyphicon.glyphicon-calendar
//
a.option-action(ng-click='list.help=!list.help', tooltip='Click for help')
- span.glyphicon.glyphicon-question-sign
+ span.glyphicon.glyphicon-question-sign(style={'zoom':1.5,'vertical-align':'-webkit-baseline-middle'})
// Header
h2.task-column_title
@@ -117,6 +117,13 @@ script(id='templates/habitrpg-tasks.html', type="text/ng-template")
+taskColumnTabs('top')
+ // Actual List
+ ul(class='{{list.type}}s main-list', ng-show='obj[list.type + "s"].length > 0', hrpg-sort-tasks, ng-if='!$state.includes("options.social.challenges")')
+ include ./task
+ //Loads the non-sortable lists for challenges
+ ul(class='{{list.type}}s main-list', ng-show='obj[list.type + "s"].length > 0', ng-if='$state.includes("options.social.challenges")')
+ include ./task
+
// Static Rewards
ul.items.rewards(ng-if='main && list.type=="reward"')
li.task.reward-item(ng-repeat='item in itemStore',popover-trigger='mouseenter', popover-placement='top', popover='{{item.notes()}}')
@@ -160,13 +167,6 @@ script(id='templates/habitrpg-tasks.html', type="text/ng-template")
+specialSpell('opaquePotion','spookDust')
+specialSpell('petalFreePotion','shinySeed')
- // Actual List
- ul(class='{{list.type}}s main-list', ng-show='obj[list.type + "s"].length > 0', hrpg-sort-tasks, ng-if='!$state.includes("options.social.challenges")')
- include ./task
- //Loads the non-sortable lists for challenges
- ul(class='{{list.type}}s main-list', ng-show='obj[list.type + "s"].length > 0', ng-if='$state.includes("options.social.challenges")')
- include ./task
-
// Spells
ul.items(ng-if='main && list.type=="reward" && user.stats.class && !user.preferences.disableClasses')
li.task.reward-item(ng-repeat='(k,skill) in Content.spells[user.stats.class]', ng-if='user.stats.lvl >= skill.lvl',popover-trigger='mouseenter', popover-placement='top', popover='{{skill.notes()}}')