Merge branch 'release' into develop

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "habitica",
-  "version": "4.153.1",
+  "version": "4.154.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "habitica",
   "description": "A habit tracker app which treats your goals like a Role Playing Game.",
-  "version": "4.153.1",
+  "version": "4.154.0",
   "main": "./website/server/index.js",
   "dependencies": {
     "@babel/core": "^7.11.4",

website/client/src/assets/css/sprites.css

@@ -4,16 +4,27 @@
   height: 219px;
 }
 
-.Pet_HatchingPotion_Dessert {
-  background: url("~@/assets/images/animated/Pet_HatchingPotion_Dessert.gif") no-repeat;
+.quest_windup {
+  background: url("~@/assets/images/animated/quest_windup.gif") no-repeat;
+  width: 219px;
+  height: 219px;
+}
+
+.Pet_HatchingPotion_Dessert, .Pet_HatchingPotion_Veggie, .Pet_HatchingPotion_Windup {
   width: 68px;
   height: 68px;
 }
 
+.Pet_HatchingPotion_Dessert {
+  background: url("~@/assets/images/animated/Pet_HatchingPotion_Dessert.gif") no-repeat;
+}
+
 .Pet_HatchingPotion_Veggie {
   background: url("~@/assets/images/animated/Pet_HatchingPotion_Veggie.gif") no-repeat;
-  width: 68px;
-  height: 68px;
+}
+
+.Pet_HatchingPotion_Windup {
+  background: url("~@/assets/images/animated/Pet_HatchingPotion_Windup.gif") no-repeat;
 }
 
 .Gems {

website/client/src/assets/css/sprites/spritesmith-main-14.css

@@ -1102,222 +1102,228 @@
   width: 68px;
   height: 68px;
 }
-.inventory_quest_scroll_yarn {
+.inventory_quest_scroll_windup {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -759px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_aquaticAmigos {
+.inventory_quest_scroll_yarn {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -828px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_birdBuddies {
+.quest_bundle_aquaticAmigos {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -897px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_cuddleBuddies {
+.quest_bundle_birdBuddies {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -966px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_delightfulDinos {
+.quest_bundle_cuddleBuddies {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1035px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_farmFriends {
+.quest_bundle_delightfulDinos {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1104px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_featheredFriends {
+.quest_bundle_farmFriends {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1173px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_forestFriends {
+.quest_bundle_featheredFriends {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1242px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_hugabug {
+.quest_bundle_forestFriends {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1311px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_jungleBuddies {
+.quest_bundle_hugabug {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1380px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_mythicalMarvels {
+.quest_bundle_jungleBuddies {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1449px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_oddballs {
+.quest_bundle_mythicalMarvels {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px 0px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_rockingReptiles {
+.quest_bundle_oddballs {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -69px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_splashyPals {
+.quest_bundle_rockingReptiles {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -138px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_winterQuests {
+.quest_bundle_splashyPals {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -207px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_witchyFamiliars {
+.quest_bundle_winterQuests {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -276px;
   width: 68px;
   height: 68px;
 }
-.shop_gem {
+.quest_bundle_witchyFamiliars {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -345px;
   width: 68px;
   height: 68px;
 }
-.shop_opaquePotion {
+.shop_gem {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -414px;
   width: 68px;
   height: 68px;
 }
-.shop_petalFreePotion {
+.shop_opaquePotion {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -483px;
   width: 68px;
   height: 68px;
 }
-.shop_potion {
+.shop_petalFreePotion {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -552px;
   width: 68px;
   height: 68px;
 }
-.shop_salt {
+.shop_potion {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -621px;
   width: 68px;
   height: 68px;
 }
-.shop_sand {
+.shop_salt {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -690px;
   width: 68px;
   height: 68px;
 }
-.shop_seafoam {
+.shop_sand {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -759px;
   width: 68px;
   height: 68px;
 }
-.shop_shinySeed {
+.shop_seafoam {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -828px;
   width: 68px;
   height: 68px;
 }
-.shop_snowball {
+.shop_shinySeed {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -897px;
   width: 68px;
   height: 68px;
 }
-.shop_spookySparkles {
+.shop_snowball {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -966px;
   width: 68px;
   height: 68px;
 }
-.shop_mounts_Hippogriff-Hopeful {
+.shop_spookySparkles {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1035px;
   width: 68px;
   height: 68px;
 }
-.shop_mounts_MagicalBee-Base {
+.shop_mounts_Hippogriff-Hopeful {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1104px;
   width: 68px;
   height: 68px;
 }
-.shop_mounts_Mammoth-Base {
+.shop_mounts_MagicalBee-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1173px;
   width: 68px;
   height: 68px;
 }
-.shop_mounts_MantisShrimp-Base {
+.shop_mounts_Mammoth-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1242px;
   width: 68px;
   height: 68px;
 }
-.shop_mounts_Phoenix-Base {
+.shop_mounts_MantisShrimp-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1311px;
   width: 68px;
   height: 68px;
 }
-.shop_pets_Hippogriff-Hopeful {
+.shop_mounts_Phoenix-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1380px;
   width: 68px;
   height: 68px;
 }
-.shop_pets_MagicalBee-Base {
+.shop_pets_Hippogriff-Hopeful {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: 0px -1461px;
   width: 68px;
   height: 68px;
 }
-.shop_pets_Mammoth-Base {
+.shop_pets_MagicalBee-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -69px -1461px;
   width: 68px;
   height: 68px;
 }
-.shop_pets_MantisShrimp-Base {
+.shop_pets_Mammoth-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -138px -1461px;
   width: 68px;
   height: 68px;
 }
-.shop_pets_Phoenix-Base {
+.shop_pets_MantisShrimp-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -207px -1461px;
   width: 68px;
   height: 68px;
 }
+.shop_pets_Phoenix-Base {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
+  background-position: -276px -1461px;
+  width: 68px;
+  height: 68px;
+}
 .shop_backStab {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -594px -1212px;
@@ -1416,587 +1422,581 @@
 }
 .Pet_Egg_Alligator {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -276px -1461px;
+  background-position: -345px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Armadillo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -345px -1461px;
+  background-position: -414px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Axolotl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -414px -1461px;
+  background-position: -483px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Badger {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -483px -1461px;
+  background-position: -552px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_BearCub {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -552px -1461px;
+  background-position: -621px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Beetle {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -621px -1461px;
+  background-position: -690px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Bunny {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -690px -1461px;
+  background-position: -759px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Butterfly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -759px -1461px;
+  background-position: -828px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Cactus {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -828px -1461px;
+  background-position: -897px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Cheetah {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -897px -1461px;
+  background-position: -966px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Cow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -966px -1461px;
+  background-position: -1035px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Cuttlefish {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1035px -1461px;
+  background-position: -1104px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Deer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1104px -1461px;
+  background-position: -1173px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Dolphin {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1173px -1461px;
+  background-position: -1242px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Dragon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1242px -1461px;
+  background-position: -1311px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Egg {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1311px -1461px;
+  background-position: -1380px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Falcon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1380px -1461px;
+  background-position: -1449px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Ferret {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1449px -1461px;
+  background-position: -1518px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_FlyingPig {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1518px -1461px;
+  background-position: -1596px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Fox {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px 0px;
+  background-position: -1596px -69px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Frog {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -69px;
+  background-position: -1596px -138px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Gryphon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -138px;
+  background-position: -1596px -207px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_GuineaPig {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -207px;
+  background-position: -1596px -276px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Hedgehog {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -276px;
+  background-position: -1596px -345px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Hippo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -345px;
+  background-position: -1596px -414px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Horse {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -414px;
+  background-position: -1596px -483px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Kangaroo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -483px;
+  background-position: -1596px -552px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_LionCub {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -552px;
+  background-position: -1596px -621px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Monkey {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -621px;
+  background-position: -1596px -690px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Nudibranch {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -690px;
+  background-position: -1596px -759px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Octopus {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -759px;
+  background-position: -1596px -828px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Owl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -828px;
+  background-position: -1596px -897px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_PandaCub {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -897px;
+  background-position: -1596px -966px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Parrot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -966px;
+  background-position: -1596px -1035px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Peacock {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1035px;
+  background-position: -1596px -1104px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Penguin {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1104px;
+  background-position: -1596px -1173px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_PolarBear {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1173px;
+  background-position: -1596px -1242px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Pterodactyl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1242px;
+  background-position: -1596px -1311px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Rat {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1311px;
+  background-position: -1596px -1380px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Robot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1380px;
+  background-position: -1596px -1449px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Rock {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1449px;
+  background-position: 0px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Rooster {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: 0px -1530px;
+  background-position: -69px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Sabretooth {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -69px -1530px;
+  background-position: -138px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_SeaSerpent {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -207px -1530px;
+  background-position: -276px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Seahorse {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -138px -1530px;
+  background-position: -207px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Sheep {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -276px -1530px;
+  background-position: -345px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Slime {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -345px -1530px;
+  background-position: -414px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Sloth {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -414px -1530px;
+  background-position: -483px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Snail {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -483px -1530px;
+  background-position: -552px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Snake {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -552px -1530px;
+  background-position: -621px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Spider {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -621px -1530px;
+  background-position: -690px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Squirrel {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -690px -1530px;
+  background-position: -759px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_TRex {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -897px -1530px;
+  background-position: -966px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_TigerCub {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -759px -1530px;
+  background-position: -828px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Treeling {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -828px -1530px;
+  background-position: -897px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Triceratops {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -966px -1530px;
+  background-position: -1035px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Turtle {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1035px -1530px;
+  background-position: -1104px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Unicorn {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1104px -1530px;
+  background-position: -1173px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Velociraptor {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1173px -1530px;
+  background-position: -1242px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Whale {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1242px -1530px;
+  background-position: -1311px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Wolf {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1311px -1530px;
+  background-position: -1380px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Yarn {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1380px -1530px;
+  background-position: -1449px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1449px -1530px;
+  background-position: -1518px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1518px -1530px;
+  background-position: -1587px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1587px -1530px;
+  background-position: -1665px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px 0px;
+  background-position: -1665px -69px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -69px;
+  background-position: -1665px -138px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -138px;
+  background-position: -1665px -207px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -207px;
+  background-position: -1665px -276px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -276px;
+  background-position: -1665px -345px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -345px;
+  background-position: -1665px -414px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -414px;
+  background-position: -1665px -483px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -483px;
+  background-position: -1665px -552px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -552px;
+  background-position: -1665px -621px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -621px;
+  background-position: -1665px -690px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -690px;
+  background-position: -1665px -759px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -759px;
+  background-position: -1665px -828px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -828px;
+  background-position: -1665px -897px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -897px;
+  background-position: -1665px -966px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -966px;
+  background-position: -1665px -1035px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1035px;
+  background-position: -1665px -1104px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1104px;
+  background-position: -1665px -1173px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Chocolate {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1173px;
+  background-position: -1665px -1242px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1242px;
+  background-position: -1665px -1311px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1311px;
+  background-position: -1665px -1380px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Fish {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1380px;
+  background-position: -1665px -1449px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Honey {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1449px;
+  background-position: -1665px -1518px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Meat {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1518px;
+  background-position: 0px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Milk {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: 0px -1599px;
+  background-position: -69px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -69px -1599px;
+  background-position: -138px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -138px -1599px;
+  background-position: -207px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -207px -1599px;
+  background-position: -276px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -276px -1599px;
+  background-position: -345px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -345px -1599px;
+  background-position: -414px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -414px -1599px;
+  background-position: -483px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -483px -1599px;
+  background-position: -552px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Skeleton {
-  background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -552px -1599px;
-  width: 68px;
-  height: 68px;
-}
-.Pet_Food_Pie_White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -621px -1599px;
   width: 68px;

website/client/src/assets/css/sprites/spritesmith-main-28.css

@@ -1,624 +1,888 @@
-.Pet-Whale-CottonCandyPink {
+.Pet-Triceratops-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Desert {
+.Pet-Triceratops-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Golden {
+.Pet-Triceratops-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Red {
+.Pet-Triceratops-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Shade {
+.Pet-Triceratops-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Skeleton {
+.Pet-Triceratops-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-White {
+.Pet-Triceratops-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Zombie {
+.Pet-Triceratops-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Amber {
+.Pet-Triceratops-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Aquatic {
+.Pet-Turkey-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Aurora {
+.Pet-Turkey-Gilded {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Base {
+.Pet-Turtle-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-BirchBark {
+.Pet-Turtle-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Bronze {
+.Pet-Turtle-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Celestial {
+.Pet-Turtle-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyBlue {
+.Pet-Turtle-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyPink {
+.Pet-Turtle-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Cupid {
+.Pet-Turtle-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Desert {
+.Pet-Turtle-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Dessert {
+.Pet-Turtle-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ember {
+.Pet-Turtle-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Fairy {
+.Pet-Unicorn-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Floral {
+.Pet-Unicorn-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Fluorite {
+.Pet-Unicorn-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Frost {
+.Pet-Unicorn-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ghost {
+.Pet-Unicorn-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glass {
+.Pet-Unicorn-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glow {
+.Pet-Unicorn-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Golden {
+.Pet-Unicorn-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Holly {
+.Pet-Unicorn-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-IcySnow {
+.Pet-Unicorn-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Peppermint {
+.Pet-Velociraptor-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Rainbow {
+.Pet-Velociraptor-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Red {
+.Pet-Velociraptor-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoseQuartz {
+.Pet-Velociraptor-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoyalPurple {
+.Pet-Velociraptor-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ruby {
+.Pet-Velociraptor-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-SandSculpture {
+.Pet-Velociraptor-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shade {
+.Pet-Velociraptor-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shadow {
+.Pet-Velociraptor-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shimmer {
+.Pet-Velociraptor-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Silver {
+.Pet-Whale-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Skeleton {
+.Pet-Whale-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Spooky {
+.Pet-Whale-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-StarryNight {
+.Pet-Whale-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Sunshine {
+.Pet-Whale-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Thunderstorm {
+.Pet-Whale-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veggie {
+.Pet-Whale-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veteran {
+.Pet-Whale-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Watery {
+.Pet-Whale-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-White {
+.Pet-Whale-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Zombie {
+.Pet-Wolf-Amber {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Base {
+.Pet-Wolf-Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyBlue {
+.Pet-Wolf-Aurora {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyPink {
+.Pet-Wolf-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Desert {
+.Pet-Wolf-BirchBark {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Golden {
+.Pet-Wolf-Bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Red {
+.Pet-Wolf-Celestial {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Shade {
+.Pet-Wolf-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Skeleton {
+.Pet-Wolf-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-White {
+.Pet-Wolf-Cupid {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Zombie {
+.Pet-Wolf-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet_HatchingPotion_Amber {
+.Pet-Wolf-Dessert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Ember {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Fairy {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Floral {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Fluorite {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Frost {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Ghost {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Glass {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Glow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: 0px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Golden {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -82px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Holly {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -164px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-IcySnow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -246px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Peppermint {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -328px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Rainbow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -410px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Red {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -492px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-RoseQuartz {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -574px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-RoyalPurple {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -656px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Ruby {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-SandSculpture {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shade {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shadow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shimmer {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Silver {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Spooky {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-StarryNight {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Sunshine {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: 0px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Thunderstorm {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -82px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Veggie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -164px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Veteran {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -246px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Watery {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -328px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -410px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Windup {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -492px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -574px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Base {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -656px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-CottonCandyBlue {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-CottonCandyPink {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Desert {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Golden {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Red {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Shade {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet_HatchingPotion_Amber {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px 0px;
+  background-position: -902px -769px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Aurora {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -69px;
+  background-position: 0px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -138px;
+  background-position: -69px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_BirchBark {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -207px;
+  background-position: -138px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -276px;
+  background-position: -207px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Celestial {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -345px;
+  background-position: -276px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -414px;
+  background-position: -345px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -483px;
+  background-position: -414px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Cupid {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -552px;
+  background-position: -483px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -621px;
+  background-position: -552px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ember {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: 0px -700px;
+  background-position: -621px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Fairy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -69px -700px;
+  background-position: -690px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Floral {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -138px -700px;
+  background-position: -759px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Fluorite {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -207px -700px;
+  background-position: -828px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Frost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -276px -700px;
+  background-position: -897px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ghost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -345px -700px;
+  background-position: -984px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -414px -700px;
+  background-position: -984px -69px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -483px -700px;
+  background-position: -984px -138px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -552px -700px;
+  background-position: -984px -207px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -621px -700px;
+  background-position: -984px -276px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -690px -700px;
+  background-position: -984px -345px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px 0px;
+  background-position: -984px -414px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Purple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -69px;
+  background-position: -984px -483px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -138px;
+  background-position: -984px -552px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -207px;
+  background-position: -984px -621px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoseQuartz {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -276px;
+  background-position: -984px -690px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoyalPurple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -345px;
+  background-position: -984px -759px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -414px;
+  background-position: -984px -828px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_SandSculpture {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -483px;
+  background-position: -984px -897px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -552px;
+  background-position: 0px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shadow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -621px;
+  background-position: -69px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shimmer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -690px;
+  background-position: -138px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: 0px -769px;
+  background-position: -207px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -69px -769px;
+  background-position: -276px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Spooky {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -138px -769px;
+  background-position: -345px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_StarryNight {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -207px -769px;
+  background-position: -414px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Sunshine {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -276px -769px;
+  background-position: -483px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Thunderstorm {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -345px -769px;
+  background-position: -552px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Watery {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -414px -769px;
+  background-position: -621px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -483px -769px;
+  background-position: -690px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -552px -769px;
+  background-position: -759px -969px;
   width: 68px;
   height: 68px;
 }

website/common/locales/en/content.json

@@ -302,6 +302,7 @@
   "hatchingPotionDessert": "Confection",
   "hatchingPotionFluorite": "Fluorite",
   "hatchingPotionSandSculpture": "Sand Sculpture",
+  "hatchingPotionWindup": "Wind-Up",
 
   "hatchingPotionNotes": "Pour this on an egg, and it will hatch as a <%= potText(locale) %> pet.",
   "premiumPotionAddlNotes": "Not usable on quest pet eggs. Available for purchase until <%= date(locale) %>.",

website/common/locales/en/faq.json

@@ -52,13 +52,13 @@
   "webFaqAnswer9": "First, you need to join or start a Party by clicking \"Party\" in the navigation bar. Although you can battle monsters alone, we recommend playing in a group, because this will make quests much easier. Plus, having a friend to cheer you on as you accomplish your tasks is very motivating! Next, you need a Quest Scroll, which are stored under Inventory > Quests. There are four ways to get a scroll:\n * When you invite people to your Party, you'll be rewarded with the Basi-List Scroll!\n * At level 15, you get a Quest-line, i.e., three linked quests. More Quest-lines unlock at levels 30, 40, and 60 respectively.\n * You can buy Quests from the Quests Shop (Shops > Quests) for Gold and Gems.\n * When you check in to Habitica a certain number of times, you'll be rewarded with Quest Scrolls. You earn a Scroll during your 1st, 7th, 22nd, and 40th check-ins.\n To battle the Boss or collect items for a Collection Quest, simply complete your tasks normally, and they will be tallied into damage overnight. (Reloading may be required to see the Boss's Health bar go down.) If you are fighting a Boss and you missed any Dailies, the Boss will damage your Party at the same time that you damage the Boss. After level 11 Mages and Warriors will gain Skills that allow them to deal additional damage to the Boss, so these are excellent classes to choose at level 10 if you want to be a heavy hitter.",
 
   "faqQuestion10": "What are Gems, and how do I get them?",
-  "iosFaqAnswer10": "Gems are purchased with real money by tapping on the Gem icon in the header. When people buy Gems, they are helping us to keep the site running. We're very grateful for their support!\n\n In addition to buying Gems directly, there are three other ways players can gain Gems:\n\n * Win a Challenge that has been set up by another player. Go to Social > Challenges to join some.\n * Subscribe and unlock the ability to buy a certain number of Gems per month.\n * Contribute your skills to the Habitica project. See this wiki page for more details: [Contributing to Habitica](http://habitica.fandom.com/wiki/Contributing_to_Habitica).\n\n Keep in mind that items purchased with Gems do not offer any statistical advantages, so players can still make use of the app without them!",
-  "androidFaqAnswer10": "Gems are purchased with real money by tapping on the Gem icon in the header. When people buy Gems, they are helping us to keep the site running. We're very grateful for their support!\n\n In addition to buying Gems directly, there are three other ways players can gain Gems:\n\n * Win a Challenge that has been set up by another player. Go to Social > Challenges to join some.\n * Subscribe and unlock the ability to buy a certain number of Gems per month.\n * Contribute your skills to the Habitica project. See this wiki page for more details: [Contributing to Habitica](http://habitica.fandom.com/wiki/Contributing_to_Habitica).\n\n Keep in mind that items purchased with Gems do not offer any statistical advantages, so players can still make use of the app without them!",
+  "iosFaqAnswer10": "Gems are purchased with real money from Menu > Purchase Gems. When you buy Gems, you are helping us to keep Habitica running. We’re very grateful for every bit of support!\n\n In addition to buying Gems directly, there are three other ways players can gain Gems:\n\n * Win a Challenge that has been set up by another player. Go to Menu > Challenges to join some.\n * Subscribe and unlock the ability to buy a certain number of Gems per month.\n * Contribute your skills to the Habitica project. See this wiki page for more details: [Contributing to Habitica](http://habitica.fandom.com/wiki/Contributing_to_Habitica).\n\n Keep in mind that items purchased with Gems do not offer any statistical advantages, so players can still make use of the app without them!",
+  "androidFaqAnswer10": "Gems are purchased with real money from Menu > Purchase Gems. When you buy Gems, you are helping us to keep Habitica running. We’re very grateful for every bit of support!\n\n In addition to buying Gems directly, there are three other ways players can gain Gems:\n\n * Win a Challenge that has been set up by another player. Go to Menu > Challenges to join some.\n * Subscribe and unlock the ability to buy a certain number of Gems per month.\n * Contribute your skills to the Habitica project. See this wiki page for more details: [Contributing to Habitica](http://habitica.fandom.com/wiki/Contributing_to_Habitica).\n\n Keep in mind that items purchased with Gems do not offer any statistical advantages, so players can still make use of the app without them!",
   "webFaqAnswer10": "Gems are purchased with real money, although [subscribers](https://habitica.com/user/settings/subscription) can purchase them with Gold. When people subscribe or buy Gems, they are helping us to keep the site running. We're very grateful for their support! In addition to buying Gems directly or becoming a subscriber, there are two other ways players can gain Gems:\n* Win a Challenge that has been set up by another player. Go to Challenges > Discover Challenges to join some.\n * Contribute your skills to the Habitica project. See this wiki page for more details: [Contributing to Habitica](http://habitica.fandom.com/wiki/Contributing_to_Habitica). Keep in mind that items purchased with Gems do not offer any statistical advantages, so players can still make use of the site without them!",
 
   "faqQuestion11": "How do I report a bug or request a feature?",
-  "iosFaqAnswer11": "You can report a bug, request a feature, or send feedback under Menu > About > Report a Bug and Menu > About > Send Feedback! We'll do everything we can to assist you.",
-  "androidFaqAnswer11": "You can report a bug, request a feature, or send feedback under About > Report a Bug and About > Send us Feedback! We'll do everything we can to assist you.",
+  "iosFaqAnswer11": "If you think you’ve encountered a bug, go to Menu > Support > Get Help to look for quick fixes, known issues, or to report the bug to us. We’ll do everything we can to assist you.\n\n To send feedback or request a feature, you can access our feedback form from Menu > Support > Submit Feedback. If we have any questions, we’ll reach out to you for more information!",
+  "androidFaqAnswer11": "If you think you’ve encountered a bug, go to Menu > Help & FAQ > Get Help to look for quick fixes, known issues, or to report the bug to us. We’ll do everything we can to assist you.\n\n To send feedback or request a feature, you can access our feedback form from Menu > Help & FAQ > Submit Feedback. If we have any questions, we’ll reach out to you for more information!",
   "webFaqAnswer11": "To report a bug, go to [Help > Report a Bug](https://habitica.com/groups/guild/a29da26b-37de-4a71-b0c6-48e72a900dac) and read the points above the chat box. If you're unable to log in to Habitica, send your login details (not your password!) to [<%= techAssistanceEmail %>](<%= wikiTechAssistanceEmail %>). Don't worry, we'll get you fixed up soon! Feature requests are collected via a Google form. Go to [Help > Request a Feature](https://docs.google.com/forms/d/e/1FAIpQLScPhrwq_7P1C6PTrI3lbvTsvqGyTNnGzp1ugi1Ml0PFee_p5g/viewform?usp=sf_link) and follow the instructions. Ta-da!",
 
   "faqQuestion12": "How do I battle a World Boss?",

website/common/locales/en/questsContent.json

@@ -816,5 +816,12 @@
   "questFluoriteCompletion": "As you do battle, the crystal creature seems more and more distracted by the light show you are creating. “So shiny…” it mutters.<br><br>“Of course!” @nirbhao exclaims. “It must be a fluorite elemental. All they want is light to let them glow. Let’s help it shine.”<br><br>The elemental giggles happily and glows all the brighter as you light up torches and motes of magic. It’s so glad to be shining again that it leads you to a rich deposit of fluorite crystals.<br><br>“This is the perfect ingredient for a new hatching potion,” says @nirbhao. “One which will make our pets as bright as our new fluorescent friend.”",
   "questFluoriteBoss": "Fluorite Elemental",
   "questFluoriteDropFluoritePotion": "Fluorite Hatching Potion",
-  "questFluoriteUnlockText": "Unlocks Fluorite Hatching Potions for purchase in the Market"
+  "questFluoriteUnlockText": "Unlocks Fluorite Hatching Potions for purchase in the Market",
+
+  "questWindupText": "A Whirl with a Wind-Up Warrior",
+  "questWindupNotes": "Habit City is seldom quiet, but you weren’t prepared for the cacophony of creaks, squeaks and screams escaping Good Timekeeping, Habitica’s finest clockwork emporium. You sigh--you just wanted your watch fixed. The proprietor, known only as “Great and Powerful”, tumbles out the door, pursued by a clanking copper colossus!<br><br>“Ki-! Ki-! Ki!” it clangs, arms smashing up and down. Its gears grind and screech in protest.<br><br>“My robot Clankton has gone mad! It’s trying to kill me!” the supposedly Powerful one shrieks.<br><br>Even with a broken watch, you can tell when it’s time to fight. You leap forward to defend the panicking watchmaker. @Vikte and @a_diamond also step up to help!<br><br>“Ki-! Ki-! Ki-!” Clankton chants with each blow. “Mew!”<br><br>Wait, was that mechanical mewling amidst the murderous monotone?",
+  "questWindupCompletion": "As you dodge the attacks, you notice something odd: a stripy brass tail sticking out of the robot’s chassis. You plunge a hand amid the grinding gears and pull out… a trembling wind-up tiger cub. It snuggles against your shirt.<br><br>The clockwork robot immediately stops flailing and smiles, its cogs clicking back into place. “Ki-Ki-Kitty! Kitty got in me!”<br><br>“Great!” the Powerful says, blushing. “I’ve been working hard on these wind-up pet potions. I guess I lost track of my new creations. I’ve been missing my ‘Tidy the workshop’ daily a lot lately…”<br><br>You follow the tinkerer and Clankton inside. Parts, tools and potions cover every surface. “Powerful” takes your watch, but hands you a few potions.<br><br>“Take these. Clearly they’ll be safer with you!”",
+  "questWindupBoss": "Clankton",
+  "questWindupDropWindupPotion": "Wind-Up Hatching Potion",
+  "questWindupUnlockText": "Unlocks Wind-Up Hatching Potions for purchase in the Market"
 }

website/common/script/content/hatching-potions.js

@@ -333,6 +333,13 @@ const premium = {
       date: t('dateEndJuly'),
     }),
   },
+  Windup: {
+    value: 2,
+    text: t('hatchingPotionWindup'),
+    limited: true,
+    canBuy: hasQuestAchievementFunction('windup'),
+    _addlNotes: t('premiumPotionUnlimitedNotes'),
+  },
 };
 
 const wacky = {

website/common/script/content/quests.js

@@ -3647,6 +3647,41 @@ const quests = {
       unlock: t('questFluoriteUnlockText'),
     },
   },
+  windup: {
+    text: t('questWindupText'),
+    notes: t('questWindupNotes'),
+    completion: t('questWindupCompletion'),
+    value: 1,
+    category: 'timeTravelers',
+    canBuy () {
+      return false;
+    },
+    boss: {
+      name: t('questWindupBoss'),
+      hp: 1000,
+      str: 1,
+    },
+    drop: {
+      items: [
+        {
+          type: 'hatchingPotions',
+          key: 'Windup',
+          text: t('questWindupDropWindupPotion'),
+        }, {
+          type: 'hatchingPotions',
+          key: 'Windup',
+          text: t('questWindupDropWindupPotion'),
+        }, {
+          type: 'hatchingPotions',
+          key: 'Windup',
+          text: t('questWindupDropWindupPotion'),
+        },
+      ],
+      gp: 50,
+      exp: 425,
+      unlock: t('questWindupUnlockText'),
+    },
+  },
 };
 
 each(quests, (v, key) => {

website/server/controllers/api-v3/news.js

@@ -4,7 +4,7 @@ const api = {};
 
 // @TODO export this const, cannot export it from here because only routes are exported from
 // controllers
-const LAST_ANNOUNCEMENT_TITLE = 'BLOG POSTS: GUILD AND USE CASE SPOTLIGHTS!';
+const LAST_ANNOUNCEMENT_TITLE = 'SPECIAL TIME TRAVELERS’ QUEST: WIND-UP HATCHING POTIONS!';
 const worldDmg = { // @TODO
   bailey: false,
 };
@@ -31,43 +31,22 @@ api.getNews = {
           <div class="mr-3 ${baileyClass}"></div>
           <div class="media-body">
             <h1 class="align-self-center">${res.t('newStuff')}</h1>
-            <h2>8/20/2020 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
+            <h2>8/25/2020 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
           </div>
         </div>
         <hr/>
-        <div class="scene_public_space center-block"></div>
-        <h3>Use Case Spotlight: Supporting Your Loved Ones</h3>
+        <div class="quest_windup center-block"></div>
         <p>
-          This month's <a href='https://habitica.wordpress.com/2020/08/20/use-case-spotlight-supporting-your-loved-ones/'
-          target="_blank">Use Case Spotlight</a> is about Supporting Your Loved Ones! It features
-          a number of great suggestions submitted by Habiticans in the <a
-          href='/groups/guild/1d3a10bf-60aa-4806-a38b-82d1084a59e6'>Use Case Spotlights Guild</a>.
-          We hope it helps any of you who might be looking for ways to be there for the people you
-          care about.
+          Hello Habiticans! We've released a brand-new quest in the Time Travelers' shop! It will
+          be available at the cost of one <a
+          href='https://habitica.fandom.com/wiki/Mystic_Hourglass' target='_blank'>Mystic
+          Hourglass</a>, and is not limited, so you can buy it anytime you like, and as many times
+          as you like. Have a <a href='/shops/time'>Whirl with a Wind-Up Warrior</a>, and earn some
+          wacky wind-up pets by completing your real-life tasks!
         </p>
-        <p>
-          Plus, we're collecting user submissions for the next spotlight! How do you use Habitica
-          to create positivity in your life? We’ll be featuring player-submitted examples in Use
-          Case Spotlights on the Habitica Blog next month, so post your suggestions in the Use Case
-          Spotlight Guild now. We look forward to learning more about how you use Habitica to
-          improve your life and get things done!
-        </p>
-        <div class="small mb-3">by shanaqui</div>
-        <div class="scene_CernyPie center-block"></div>
-        <h3>Guild Spotlight: CernyPie's Favorites</h3>
-        <p>
-          For this year's Guild Spotlight series, we're highlighting some favorites from Habitica's
-          staff, moderators, and some high-level contributors!
-        </p>
-        <p>
-          This month we're sharing some <a
-          href='https://habitica.wordpress.com/2020/08/20/guild-spotlights-our-favourites-7/'
-          target='_blank'>picks from legendary socialite CernyPie</a>! If you want to curate your
-          Habitica experience and join active, positive Guilds, this is a great way to pick up some
-          new ideas for Guilds to join.
-        </p>
-        <div class="small mb-3">by shanaqui</div>
-
+        <div class="small mb-3">
+          by Beffymaroo, Great and Powerful, Vikte, a_diamond, SphinxWithoutASecret, and SabreCat
+        </div>
       </div>
       `,
     });