June 2022 Backgrounds and Enchanted Armoire (#14049)

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

@@ -605,6 +605,11 @@
   width: 141px;
   height: 147px;
 }
+.background_beach_with_dunes {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_beach_with_dunes.png');
+  width: 141px;
+  height: 147px;
+}
 .background_beehive {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_beehive.png');
   width: 141px;
@@ -1389,6 +1394,11 @@
   width: 141px;
   height: 147px;
 }
+.background_mountain_waterfall {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_mountain_waterfall.png');
+  width: 141px;
+  height: 147px;
+}
 .background_mystical_observatory {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_mystical_observatory.png');
   width: 141px;
@@ -1559,6 +1569,11 @@
   width: 141px;
   height: 147px;
 }
+.background_sailboat_at_sunset {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_sailboat_at_sunset.png');
+  width: 141px;
+  height: 147px;
+}
 .background_salt_lake {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_salt_lake.png');
   width: 141px;
@@ -2116,6 +2131,11 @@
   width: 68px;
   height: 68px;
 }
+.icon_background_beach_with_dunes {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_beach_with_dunes.png');
+  width: 67px;
+  height: 69px;
+}
 .icon_background_beehive {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_beehive.png');
   width: 68px;
@@ -2905,6 +2925,11 @@
   width: 68px;
   height: 68px;
 }
+.icon_background_mountain_waterfall {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_mountain_waterfall.png');
+  width: 68px;
+  height: 68px;
+}
 .icon_background_mystical_observatory {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_mystical_observatory.png');
   width: 68px;
@@ -3075,6 +3100,11 @@
   width: 68px;
   height: 68px;
 }
+.icon_background_sailboat_at_sunset {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_sailboat_at_sunset.png');
+  width: 68px;
+  height: 68px;
+}
 .icon_background_salt_lake {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_salt_lake.png');
   width: 68px;
@@ -20415,6 +20445,11 @@
   width: 68px;
   height: 68px;
 }
+.shop_weapon_armoire_blueKite {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_blueKite.png');
+  width: 68px;
+  height: 68px;
+}
 .shop_weapon_armoire_blueLongbow {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_blueLongbow.png');
   width: 68px;
@@ -20515,6 +20550,11 @@
   width: 68px;
   height: 68px;
 }
+.shop_weapon_armoire_greenKite {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_greenKite.png');
+  width: 68px;
+  height: 68px;
+}
 .shop_weapon_armoire_guardiansCrook {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_guardiansCrook.png');
   width: 68px;
@@ -20630,11 +20670,21 @@
   width: 68px;
   height: 68px;
 }
+.shop_weapon_armoire_orangeKite {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_orangeKite.png');
+  width: 68px;
+  height: 68px;
+}
 .shop_weapon_armoire_paperCutter {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_paperCutter.png');
   width: 68px;
   height: 68px;
 }
+.shop_weapon_armoire_pinkKite {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_pinkKite.png');
+  width: 68px;
+  height: 68px;
+}
 .shop_weapon_armoire_pinkLongbow {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_pinkLongbow.png');
   width: 68px;
@@ -20775,6 +20825,11 @@
   width: 68px;
   height: 68px;
 }
+.shop_weapon_armoire_yellowKite {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_yellowKite.png');
+  width: 68px;
+  height: 68px;
+}
 .slim_armor_armoire_alchemistsRobe {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/slim_armor_armoire_alchemistsRobe.png');
   width: 114px;
@@ -21250,6 +21305,11 @@
   width: 114px;
   height: 90px;
 }
+.weapon_armoire_blueKite {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_blueKite.png');
+  width: 114px;
+  height: 90px;
+}
 .weapon_armoire_blueLongbow {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_blueLongbow.png');
   width: 90px;
@@ -21350,6 +21410,11 @@
   width: 90px;
   height: 90px;
 }
+.weapon_armoire_greenKite {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_greenKite.png');
+  width: 114px;
+  height: 90px;
+}
 .weapon_armoire_guardiansCrook {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_guardiansCrook.png');
   width: 114px;
@@ -21465,11 +21530,21 @@
   width: 90px;
   height: 90px;
 }
+.weapon_armoire_orangeKite {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_orangeKite.png');
+  width: 114px;
+  height: 90px;
+}
 .weapon_armoire_paperCutter {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_paperCutter.png');
   width: 114px;
   height: 90px;
 }
+.weapon_armoire_pinkKite {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_pinkKite.png');
+  width: 114px;
+  height: 90px;
+}
 .weapon_armoire_pinkLongbow {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_pinkLongbow.png');
   width: 114px;
@@ -21610,6 +21685,11 @@
   width: 90px;
   height: 90px;
 }
+.weapon_armoire_yellowKite {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_yellowKite.png');
+  width: 114px;
+  height: 90px;
+}
 .armor_special_bardRobes {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/armor_special_bardRobes.png');
   width: 90px;

website/common/locales/en/backgrounds.json

@@ -787,6 +787,14 @@
   "backgroundEnchantedMusicRoomText": "Enchanted Music Room",
   "backgroundEnchantedMusicRoomNotes": "Play in an Enchanted Music Room.",
 
+  "backgrounds062022": "SET 97: Released June 2022",
+  "backgroundBeachWithDunesText": "Beach With Dunes",
+  "backgroundBeachWithDunesNotes": "Explore a beach with dunes.",
+  "backgroundMountainWaterfallText": "Mountain Waterfall",
+  "backgroundMountainWaterfallNotes": "Admire a mountain waterfall.",
+  "backgroundSailboatAtSunsetText": "Sailboat At Sunset",
+  "backgroundSailboatAtSunsetNotes": "Enjoy the beauty of a sailboat at sunset.",
+
   "timeTravelBackgrounds": "Steampunk Backgrounds",
   "backgroundAirshipText": "Airship",
   "backgroundAirshipNotes": "Become a sky sailor on board your very own Airship.",

website/common/locales/en/gear.json

@@ -630,6 +630,16 @@
   "weaponArmoireGardenersWateringCanNotes": "You can’t get far without water! Have an infinite supply on hand with this magic, refilling watering can. Increases Intelligence by <%= int %>. Enchanted Armoire: Gardener Set (Item 4 of 4).",
   "weaponArmoireHuntingHornText": "Hunting Horn",
   "weaponArmoireHuntingHornNotes": "Twooooo! Twoo! Twoo! Gather your party for an adventure or quest by playing this horn. Increases Strength by <%= str %> and Intelligence by <%= int %>. Enchanted Armoire: Musical Instrument Set 1 (Item 1 of 3)",
+  "weaponArmoireBlueKiteText":"Blue Kite",
+  "weaponArmoireBlueKiteNotes":"Sailing high up in the blue, what tricks can you make your kite do? Increases all stats by <%= attrs %> each. Enchanted Armoire: Kite Set (Item 1 of 5)",
+  "weaponArmoireGreenKiteText":"Green Kite",
+  "weaponArmoireGreenKiteNotes":"A more stunning kite you’ve never seen, with its shades of yellow and green. Increases all stats by <%= attrs %> each. Enchanted Armoire: Kite Set (Item 2 of 5)",
+  "weaponArmoireOrangeKiteText":"Orange Kite",
+  "weaponArmoireOrangeKiteNotes":"With colors like sunrise and sunset, let’s see how high your kite can get! Increases all stats by <%= attrs %> each. Enchanted Armoire: Kite Set (Item 3 of 5)",
+  "weaponArmoirePinkKiteText":"Pink Kite",
+  "weaponArmoirePinkKiteNotes":"Diving, twirling, soaring high, your kite stands out against the sky. Increases all stats by <%= attrs %> each. Enchanted Armoire: Kite Set (Item 4 of 5)",
+  "weaponArmoireYellowKiteText":"Yellow Kite",
+  "weaponArmoireYellowKiteNotes":"Swooping and swerving to and fro, watch your cheerful kite go. Increases all stats by <%= attrs %> each. Enchanted Armoire: Kite Set (Item 5 of 5)",
 
   "armor": "armor",
   "armorCapitalized": "Armor",

website/common/script/content/appearance/backgrounds.js

@@ -500,6 +500,11 @@ const backgrounds = {
     enchanted_music_room: { },
     castle_gate: { },
   },
+  backgrounds062022: {
+    beach_with_dunes: { },
+    mountain_waterfall: { },
+    sailboat_at_sunset: { },
+  },
   timeTravelBackgrounds: {
     airship: {
       price: 1,

website/common/script/content/gear/sets/armoire.js

@@ -1475,6 +1475,41 @@ const weapon = {
     int: 6,
     set: 'musicalInstrumentOne',
   },
+  blueKite: {
+    str: 3,
+    con: 3,
+    int: 3,
+    per: 3,
+    set: 'kite',
+  },
+  greenKite: {
+    str: 3,
+    con: 3,
+    int: 3,
+    per: 3,
+    set: 'kite',
+  },
+  orangeKite: {
+    str: 3,
+    con: 3,
+    int: 3,
+    per: 3,
+    set: 'kite',
+  },
+  pinkKite: {
+    str: 3,
+    con: 3,
+    int: 3,
+    per: 3,
+    set: 'kite',
+  },
+  yellowKite: {
+    str: 3,
+    con: 3,
+    int: 3,
+    per: 3,
+    set: 'kite',
+  },
 };
 
 forEach({