feat(content): enable Fall customizations

website/client/assets/css/sprites/spritesmith-largeSprites-0.css

@@ -1,66 +1,78 @@
 .promo_armoire_backgrounds_201910 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -190px;
+  background-position: 0px -389px;
   width: 423px;
   height: 147px;
 }
 .promo_costume_achievement {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -734px 0px;
+  background-position: -698px -426px;
   width: 144px;
   height: 156px;
 }
 .promo_desert_pet_achievements {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -634px;
+  background-position: -891px -296px;
   width: 204px;
   height: 102px;
 }
 .promo_fall_festival_2018 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -361px 0px;
+  background-position: 0px -208px;
   width: 372px;
   height: 180px;
 }
 .promo_fall_festival_2019 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px 0px;
+  background-position: -337px 0px;
   width: 360px;
   height: 189px;
 }
+.promo_fall_skins {
+  background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: 0px 0px;
+  width: 336px;
+  height: 207px;
+}
+.customize-option.promo_fall_skins {
+  background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -25px -15px;
+  width: 60px;
+  height: 60px;
+}
 .promo_mystery_201909 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -424px -190px;
+  background-position: -698px -148px;
   width: 282px;
   height: 147px;
 }
 .promo_seasonal_shop_fall {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -424px -486px;
+  background-position: -843px -426px;
   width: 162px;
   height: 138px;
 }
 .promo_shadow_spooky_potions {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -486px;
+  background-position: -698px 0px;
   width: 423px;
   height: 147px;
 }
 .promo_spooky_sparkles {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -338px;
+  background-position: 0px -537px;
   width: 423px;
   height: 147px;
 }
 .promo_take_this {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -734px -157px;
+  background-position: -981px -148px;
   width: 96px;
   height: 69px;
 }
 .scene_strength {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -424px -338px;
+  background-position: -698px -296px;
   width: 192px;
   height: 129px;
 }

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

@@ -11,13 +11,13 @@ module.exports = prefill({
   pastelHairColors: {setPrice: 5, availableUntil: '2016-01-01'},
   rainbowHairColors: {setPrice: 5, text: t('rainbowColors')},
   shimmerHairColors: {setPrice: 5, availableFrom: '2019-04-09', availableUntil: '2019-05-02', text: t('shimmerColors')},
-  hauntedHairColors: {setPrice: 5, availableFrom: '2018-10-11', availableUntil: '2018-11-02', text: t('hauntedColors')},
+  hauntedHairColors: {setPrice: 5, availableFrom: '2019-10-08', availableUntil: '2019-11-02', text: t('hauntedColors')},
   winteryHairColors: {setPrice: 5, availableFrom: '2019-01-08', availableUntil: '2019-02-02', text: t('winteryColors')},
   rainbowSkins: {setPrice: 5, text: t('rainbowSkins')},
   animalSkins: {setPrice: 5, text: t('animalSkins')},
   pastelSkins: {setPrice: 5, availableFrom: '2019-04-09', availableUntil: '2019-05-02', text: t('pastelSkins')},
   spookySkins: {setPrice: 5, availableUntil: '2016-01-01', text: t('spookySkins')},
-  supernaturalSkins: {setPrice: 5, availableFrom: '2018-10-11', availableUntil: '2018-11-02', text: t('supernaturalSkins')},
+  supernaturalSkins: {setPrice: 5, availableFrom: '2019-10-08', availableUntil: '2019-11-02', text: t('supernaturalSkins')},
   splashySkins: {setPrice: 5, availableFrom: '2019-07-02', availableUntil: '2019-08-02', text: t('splashySkins')},
   winterySkins: {setPrice: 5, availableFrom: '2019-01-08', availableUntil: '2019-02-02', text: t('winterySkins')},
 });

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

@@ -3,7 +3,7 @@ import { authWithHeaders } from '../../middlewares/auth';
 let api = {};
 
 // @TODO export this const, cannot export it from here because only routes are exported from controllers
-const LAST_ANNOUNCEMENT_TITLE = 'SPOOKY SPARKLES AND COSTUME CHALLENGE!';
+const LAST_ANNOUNCEMENT_TITLE = 'SUPERNATURAL SKINS AND HAUNTED HAIR COLORS';
 const worldDmg = { // @TODO
   bailey: false,
 };
@@ -30,21 +30,15 @@ api.getNews = {
           <div class="mr-3 ${baileyClass}"></div>
           <div class="media-body">
             <h1 class="align-self-center">${res.t('newStuff')}</h1>
-            <h2>10/3/2019 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
+            <h2>10/8/2019 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
           </div>
         </div>
         <hr/>
-        <div class="promo_spooky_sparkles center-block"></div>
+        <div class="promo_fall_skins center-block"></div>
-        <h3>Spooky Sparkles in the Seasonal Shop</h3>
+        <p>The Seasonal Edition Haunted Hair Colors are now available for purchase! Now you can dye your avatar's hair Pumpkin, Midnight, Candy Corn, Ghost White, Zombie, or Halloween. Get them before October 31st!</p>
-        <p>There's a new Gold-purchasable item in the Seasonal Shop: <a href='/shops/seasonal'>Spooky Sparkles</a>! Buy some and then cast it on your friends. I wonder what it will do?</p>
+        <p>The Supernatural Skin Set is also available until October 31st! Now your avatar can become an Ogre, Skeleton, Pumpkin, Candy Corn, Reptile, or Dread Shade.</p>
-        <p>If you have Spooky Sparkles cast on you, you will receive the "Alarming Friends" badge! Don't worry, any mysterious effects will wear off the next day.... or you can cancel them early by buying an Opaque Potion!</p>
+        <p>Seasonal Edition items recur unchanged every year, but they are only available to purchase during a short period of time. Find these exciting skins and hair colors in User>Edit Avatar. Get them now, or you'll have to wait until next year!</p>
-        <p>While you're at it, be sure to check out all the other items in the Seasonal Shop! There are lots of equipment items from the previous Fall Festivals. The Seasonal Shop will only be open until October 31st, so stock up now.</p>
+        <div class="small mb-3">by Lemoness, mariahm, and crystalphoenix</div>
-        <div class="small mb-3">by Lemoness and SabreCat</div>
-        <div class="promo_costume_achievement center-block"></div>
-        <h3>Costume Challenge</h3>
-        <p>The Community Costume Challenge has begun! Between now and October 31st, dress up as your avatar in real life and post a photo on social media to get the coveted Costume Challenge badge! <a href='/challenges/b2b4b952-c79e-47ff-9c5d-ae72d04aa8ee'>Read the full rules on the Challenge page</a>.</p>
-        <p>Looking for inspiration? Check out the <a href='https://blog.habitrpg.com/cosplay' target='_blank'>Cosplay hashtag on our Tumblr</a> to see past entries!</p>
-        <div class="small mb-3">by Beffymaroo</div>
       </div>
       `,
     });