From a80ac76015ae3085db2b686555d63b78ab0555fd Mon Sep 17 00:00:00 2001 From: Natalie L <78037386+CuriousMagpie@users.noreply.github.com> Date: Mon, 9 Jan 2023 16:39:04 -0500 Subject: [PATCH] chore(content): add January 2023 Backgrounds and Enchanted Armoire Item (#14440) * chore: images & spritesheet * chore: add january backgrounds and armoire item * fix(backgrounds): typos and 2023 updates Co-authored-by: SabreCat --- .../assets/css/sprites/spritesmith-main.css | 50 +++++++++++++++++++ .../client/src/components/creatorIntro.vue | 5 +- .../src/components/header/userDropdown.vue | 2 +- website/common/locales/en/backgrounds.json | 8 +++ website/common/locales/en/gear.json | 4 +- .../script/content/appearance/backgrounds.js | 5 ++ .../script/content/gear/sets/armoire.js | 3 ++ 7 files changed, 73 insertions(+), 4 deletions(-) diff --git a/website/client/src/assets/css/sprites/spritesmith-main.css b/website/client/src/assets/css/sprites/spritesmith-main.css index 501cbea3e6..966c489fd1 100644 --- a/website/client/src/assets/css/sprites/spritesmith-main.css +++ b/website/client/src/assets/css/sprites/spritesmith-main.css @@ -1624,6 +1624,11 @@ width: 141px; height: 147px; } +.background_rime_ice { + background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_rime_ice.png'); + width: 141px; + height: 147px; +} .background_river_of_lava { background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_river_of_lava.png'); width: 141px; @@ -1729,6 +1734,11 @@ width: 141px; height: 147px; } +.background_snowy_temple { + background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_snowy_temple.png'); + width: 141px; + height: 147px; +} .background_snowy_village { background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_snowy_village.png'); width: 141px; @@ -2059,6 +2069,11 @@ width: 141px; height: 147px; } +.background_winter_lake_with_swans { + background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_winter_lake_with_swans.png'); + width: 141px; + height: 147px; +} .background_winter_night { background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_winter_night.png'); width: 141px; @@ -2820,6 +2835,11 @@ width: 68px; height: 68px; } +.icon_background_habitversary_bash { + background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_habitversary_bash.png'); + width: 68px; + height: 68px; +} .icon_background_halflings_house { background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_halflings_house.png'); width: 68px; @@ -3245,6 +3265,11 @@ width: 68px; height: 68px; } +.icon_background_rime_ice { + background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_rime_ice.png'); + width: 60px; + height: 60px; +} .icon_background_river_of_lava { background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_river_of_lava.png'); width: 68px; @@ -3350,6 +3375,11 @@ width: 68px; height: 68px; } +.icon_background_snowy_temple { + background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_snowy_temple.png'); + width: 68px; + height: 68px; +} .icon_background_snowy_village { background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_snowy_village.png'); width: 68px; @@ -3685,6 +3715,11 @@ width: 68px; height: 68px; } +.icon_background_winter_lake_with_swans { + background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_winter_lake_with_swans.png'); + width: 68px; + height: 68px; +} .icon_background_winter_night { background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_winter_night.png'); width: 68px; @@ -18555,6 +18590,11 @@ width: 114px; height: 90px; } +.broad_armor_armoire_shawlCollarCoat { + background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/broad_armor_armoire_shawlCollarCoat.png'); + width: 114px; + height: 90px; +} .broad_armor_armoire_sheetGhostCostume { background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/broad_armor_armoire_sheetGhostCostume.png'); width: 114px; @@ -19790,6 +19830,11 @@ width: 68px; height: 68px; } +.shop_armor_armoire_shawlCollarCoat { + background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_armor_armoire_shawlCollarCoat.png'); + width: 68px; + height: 68px; +} .shop_armor_armoire_sheetGhostCostume { background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_armor_armoire_sheetGhostCostume.png'); width: 68px; @@ -21500,6 +21545,11 @@ width: 114px; height: 90px; } +.slim_armor_armoire_shawlCollarCoat { + background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/slim_armor_armoire_shawlCollarCoat.png'); + width: 114px; + height: 90px; +} .slim_armor_armoire_sheetGhostCostume { background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/slim_armor_armoire_sheetGhostCostume.png'); width: 114px; diff --git a/website/client/src/components/creatorIntro.vue b/website/client/src/components/creatorIntro.vue index dd6b88421b..88581da61e 100644 --- a/website/client/src/components/creatorIntro.vue +++ b/website/client/src/components/creatorIntro.vue @@ -121,7 +121,7 @@ v-if="editing" class="menu-container col-2" :class="{active: activeTopPage === 'backgrounds'}" - @click="changeTopPage('backgrounds', '2022')" + @click="changeTopPage('backgrounds', '2023')" >