feat(content): Mystery Items 2019-10

migrations/users/mystery-items.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
-const MIGRATION_NAME = 'mystery_items_201909';
+const MIGRATION_NAME = 'mystery_items_201910';
-const MYSTERY_ITEMS = ['armor_mystery_201909', 'head_mystery_201909'];
+const MYSTERY_ITEMS = ['armor_mystery_201910', 'head_mystery_201910'];
 import { model as User } from '../../website/server/models/user';
 import { model as UserNotification } from '../../website/server/models/userNotification';
 

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

@@ -1,18 +1,18 @@
 .promo_armoire_backgrounds_201910 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -576px;
+  background-position: -424px -576px;
   width: 423px;
   height: 147px;
 }
 .promo_costume_achievement {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -376px -190px;
+  background-position: -737px -387px;
   width: 144px;
   height: 156px;
 }
 .promo_desert_pet_achievements {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -373px -395px;
+  background-position: -205px -872px;
   width: 204px;
   height: 102px;
 }
@@ -40,48 +40,54 @@
   width: 60px;
   height: 60px;
 }
-.promo_mystery_201909 {
+.promo_mystery_201910 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -737px -444px;
+  background-position: -376px -190px;
   width: 282px;
   height: 147px;
 }
 .promo_seasonal_shop_fall {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -521px -190px;
+  background-position: -373px -395px;
   width: 162px;
   height: 138px;
 }
 .promo_shadow_spooky_potions {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -737px -148px;
+  background-position: 0px -576px;
   width: 423px;
   height: 147px;
 }
 .promo_spooky_sparkles {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -737px -296px;
+  background-position: -424px -724px;
   width: 423px;
   height: 147px;
 }
 .promo_take_this {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -1020px -444px;
+  background-position: -882px -387px;
   width: 96px;
   height: 69px;
 }
 .promo_witchy_familiars {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -737px 0px;
+  background-position: 0px -724px;
   width: 423px;
   height: 147px;
 }
 .promo_zombie_achievements {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -930px -592px;
+  background-position: 0px -872px;
   width: 204px;
   height: 102px;
 }
+.scene_arts_crafts {
+  background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -737px 0px;
+  width: 256px;
+  height: 256px;
+}
 .scene_quest_shop {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
   background-position: 0px 0px;
@@ -90,7 +96,7 @@
 }
 .scene_strength {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -737px -592px;
+  background-position: -737px -257px;
   width: 192px;
   height: 129px;
 }

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

@@ -1,12 +1,66 @@
+.notif_inventory_special_birthday {
+  background-image: url('~assets/images/sprites/spritesmith-main-12.png');
+  background-position: -2010px -288px;
+  width: 20px;
+  height: 24px;
+}
+.notif_inventory_special_congrats {
+  background-image: url('~assets/images/sprites/spritesmith-main-12.png');
+  background-position: -2010px -313px;
+  width: 20px;
+  height: 22px;
+}
+.notif_inventory_special_getwell {
+  background-image: url('~assets/images/sprites/spritesmith-main-12.png');
+  background-position: -2010px -359px;
+  width: 20px;
+  height: 22px;
+}
+.notif_inventory_special_goodluck {
+  background-image: url('~assets/images/sprites/spritesmith-main-12.png');
+  background-position: -2010px -211px;
+  width: 20px;
+  height: 26px;
+}
+.notif_inventory_special_greeting {
+  background-image: url('~assets/images/sprites/spritesmith-main-12.png');
+  background-position: -2010px -336px;
+  width: 20px;
+  height: 22px;
+}
+.notif_inventory_special_nye {
+  background-image: url('~assets/images/sprites/spritesmith-main-12.png');
+  background-position: -2010px -184px;
+  width: 24px;
+  height: 26px;
+}
+.notif_inventory_special_thankyou {
+  background-image: url('~assets/images/sprites/spritesmith-main-12.png');
+  background-position: -2010px -263px;
+  width: 20px;
+  height: 24px;
+}
+.notif_inventory_special_valentine {
+  background-image: url('~assets/images/sprites/spritesmith-main-12.png');
+  background-position: -2010px -238px;
+  width: 20px;
+  height: 24px;
+}
+.npc_bailey {
+  background-image: url('~assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1963px -836px;
+  width: 60px;
+  height: 72px;
+}
 .npc_justin {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1844px -856px;
+  background-position: -1844px -968px;
   width: 84px;
   height: 120px;
 }
 .npc_matt {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -214px -1535px;
+  background-position: -389px -1535px;
   width: 195px;
   height: 138px;
 }
@@ -18,7 +72,7 @@
 }
 .banner_flair_dysheartener {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1929px -856px;
+  background-position: -1963px -909px;
   width: 69px;
   height: 18px;
 }
@@ -36,7 +90,7 @@
 }
 .quest_armadillo {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -220px -435px;
+  background-position: -967px -220px;
   width: 219px;
   height: 219px;
 }
@@ -60,19 +114,19 @@
 }
 .quest_axolotl {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: 0px -655px;
+  background-position: -440px -875px;
   width: 219px;
   height: 219px;
 }
 .quest_badger {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -220px -655px;
+  background-position: -660px -875px;
   width: 219px;
   height: 219px;
 }
 .quest_basilist {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -191px -1710px;
+  background-position: -1844px -392px;
   width: 189px;
   height: 141px;
 }
@@ -84,7 +138,7 @@
 }
 .quest_bronze {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -967px 0px;
+  background-position: -1187px -220px;
   width: 219px;
   height: 219px;
 }
@@ -96,25 +150,25 @@
 }
 .quest_butterfly {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -967px -440px;
+  background-position: -1187px -660px;
   width: 219px;
   height: 219px;
 }
 .quest_cheetah {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: 0px -875px;
+  background-position: 0px -1095px;
   width: 219px;
   height: 219px;
 }
 .quest_cow {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1844px 0px;
+  background-position: 0px -1535px;
   width: 174px;
   height: 213px;
 }
 .quest_dilatory {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -440px -875px;
+  background-position: -307px 0px;
   width: 219px;
   height: 219px;
 }
@@ -126,61 +180,61 @@
 }
 .quest_dilatoryDistress2 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1844px -573px;
+  background-position: -1844px -685px;
   width: 150px;
   height: 150px;
 }
 .quest_dilatoryDistress3 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1187px 0px;
+  background-position: -1100px -1095px;
   width: 219px;
   height: 219px;
 }
 .quest_dilatory_derby {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -220px -875px;
+  background-position: -220px -1095px;
   width: 219px;
   height: 219px;
 }
 .quest_dolphin {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1187px -220px;
+  background-position: -1407px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_dustbunnies {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1187px -440px;
+  background-position: -1407px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_egg {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1844px -214px;
+  background-position: -1844px -184px;
   width: 165px;
   height: 207px;
 }
 .quest_evilsanta {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1844px -724px;
+  background-position: -1844px -836px;
   width: 118px;
   height: 131px;
 }
 .quest_evilsanta2 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -220px -1095px;
+  background-position: -1407px -880px;
   width: 219px;
   height: 219px;
 }
 .quest_falcon {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -307px 0px;
+  background-position: -220px -655px;
   width: 219px;
   height: 219px;
 }
 .quest_ferret {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -660px -1095px;
+  background-position: -1407px -440px;
   width: 219px;
   height: 219px;
 }
@@ -192,7 +246,7 @@
 }
 .quest_ghost_stag {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1100px -1095px;
+  background-position: -660px -1095px;
   width: 219px;
   height: 219px;
 }
@@ -216,19 +270,19 @@
 }
 .quest_gryphon {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -527px -220px;
+  background-position: -307px -220px;
   width: 216px;
   height: 177px;
 }
 .quest_guineapig {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1407px -880px;
+  background-position: -1187px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_harpy {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: 0px -1315px;
+  background-position: -220px -875px;
   width: 219px;
   height: 219px;
 }
@@ -240,109 +294,109 @@
 }
 .quest_hippo {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1407px -660px;
+  background-position: -967px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_horse {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1407px -220px;
+  background-position: -967px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_kangaroo {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1407px 0px;
+  background-position: -660px -655px;
   width: 219px;
   height: 219px;
 }
 .quest_kraken {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -307px -220px;
+  background-position: -527px -220px;
   width: 216px;
   height: 177px;
 }
 .quest_lostMasterclasser1 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -880px -1095px;
+  background-position: -747px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_lostMasterclasser2 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1187px -660px;
+  background-position: -747px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_lostMasterclasser3 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -660px -875px;
+  background-position: -220px -435px;
   width: 219px;
   height: 219px;
 }
 .quest_mayhemMistiflying1 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1844px -422px;
+  background-position: -1844px -534px;
   width: 150px;
   height: 150px;
 }
 .quest_mayhemMistiflying2 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -967px -220px;
+  background-position: -220px -1315px;
   width: 219px;
   height: 219px;
 }
 .quest_mayhemMistiflying3 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -660px -655px;
+  background-position: 0px -1315px;
   width: 219px;
   height: 219px;
 }
 .quest_monkey {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -747px -220px;
+  background-position: -1407px -660px;
   width: 219px;
   height: 219px;
 }
 .quest_moon1 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1627px -217px;
+  background-position: -1627px -651px;
   width: 216px;
   height: 216px;
 }
 .quest_moon2 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -440px -435px;
+  background-position: -880px -1095px;
   width: 219px;
   height: 219px;
 }
 .quest_moon3 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: 0px -435px;
+  background-position: -880px -875px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone1 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -527px 0px;
+  background-position: 0px -875px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone2 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1407px -440px;
+  background-position: -440px -655px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone3 {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -220px -1315px;
+  background-position: 0px -655px;
   width: 219px;
   height: 219px;
 }
 .quest_nudibranch {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1627px -651px;
+  background-position: -1627px -434px;
   width: 216px;
   height: 216px;
 }
@@ -354,49 +408,49 @@
 }
 .quest_owl {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: 0px -1095px;
+  background-position: -440px -435px;
   width: 219px;
   height: 219px;
 }
 .quest_peacock {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1627px -434px;
+  background-position: -1627px 0px;
   width: 216px;
   height: 216px;
 }
 .quest_penguin {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: 0px -1710px;
+  background-position: -1844px 0px;
   width: 190px;
   height: 183px;
 }
 .quest_pterodactyl {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -880px -875px;
+  background-position: 0px -435px;
   width: 219px;
   height: 219px;
 }
 .quest_rat {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -440px -655px;
+  background-position: -527px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_robot {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -747px 0px;
+  background-position: -1187px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_rock {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1627px 0px;
+  background-position: -1627px -217px;
   width: 216px;
   height: 216px;
 }
 .quest_rooster {
   background-image: url('~assets/images/sprites/spritesmith-main-12.png');
-  background-position: 0px -1535px;
+  background-position: -175px -1535px;
   width: 213px;
   height: 174px;
 }

website/common/locales/en/gear.json

@@ -863,6 +863,8 @@
   "armorMystery201908Notes": "These legs were made for dancing! And that's just what they'll do. Confers no benefit. August 2019 Subscriber Item.",
   "armorMystery201909Text": "Affable Acorn Armor",
   "armorMystery201909Notes": "Your tough exterior is protective, but it's still best to keep an eye out for squirrels... Confers no benefit. September 2019 Subscriber Item.",
+  "armorMystery201910Text": "Cryptic Armor",
+  "armorMystery201910Notes": "This enigmatic armor will protect you from terrors seen and unseen. Confers no benefit. October 2019 Subscriber Item.",
   "armorMystery301404Text": "Steampunk Suit",
   "armorMystery301404Notes": "Dapper and dashing, wot! Confers no benefit. February 3015 Subscriber Item.",
   "armorMystery301703Text": "Steampunk Peacock Gown",
@@ -1399,6 +1401,8 @@
   "headMystery201907Notes": "Nothing says “I'm relaxing here!” like a backwards cap. Confers no benefit. July 2019 Subscriber Item.",
   "headMystery201909Text": "Affable Acorn Hat",
   "headMystery201909Notes": "Every acorn needs a hat! Er, cupule, if you want to get technical about it. Confers no benefit. September 2019 Subscriber Item.",
+  "headMystery201910Text": "Cryptic Flame",
+  "headMystery201910Notes": "These flames reveal arcane secrets before your very eyes! Confers no benefit. October 2019 Subscriber Item.",
   "headMystery301404Text": "Fancy Top Hat",
   "headMystery301404Notes": "A fancy top hat for the finest of gentlefolk! January 3015 Subscriber Item. Confers no benefit.",
   "headMystery301405Text": "Basic Top Hat",

website/common/locales/en/subscriber.json

@@ -163,6 +163,7 @@
     "mysterySet201907": "Beach Buddy Set",
     "mysterySet201908": "Footloose Faun Set",
     "mysterySet201909": "Affable Acorn Set",
+    "mysterySet201910": "Cryptic Flame Set",
     "mysterySet301404": "Steampunk Standard Set",
     "mysterySet301405": "Steampunk Accessories Set",
     "mysterySet301703": "Peacock Steampunk Set",

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

@@ -259,6 +259,12 @@ let armor = {
     mystery: '201909',
     value: 0,
   },
+  201910: {
+    text: t('armorMystery201910Text'),
+    notes: t('armorMystery201910Notes'),
+    mystery: '201910',
+    value: 0,
+  },
   301404: {
     text: t('armorMystery301404Text'),
     notes: t('armorMystery301404Notes'),
@@ -745,6 +751,12 @@ let head = {
     mystery: '201909',
     value: 0,
   },
+  201910: {
+    text: t('headMystery201910Text'),
+    notes: t('headMystery201910Notes'),
+    mystery: '201910',
+    value: 0,
+  },
   301404: {
     text: t('headMystery301404Text'),
     notes: t('headMystery301404Notes'),

website/common/script/content/mystery-sets.js

@@ -274,6 +274,10 @@ let mysterySets = {
     start: '2019-09-25',
     end: '2019-10-02',
   },
+  201910: {
+    start: '2019-10-24',
+    end: '2019-11-02',
+  },
   301404: {
     start: '3014-03-24',
     end: '3014-04-02',

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 = 'NEW PET COLLECTION BADGES!';
+const LAST_ANNOUNCEMENT_TITLE = 'OCTOBER SUBSCRIBER ITEMS AND BLOG POSTS!';
 const worldDmg = { // @TODO
   bailey: false,
 };
@@ -30,14 +30,24 @@ api.getNews = {
           <div class="mr-3 ${baileyClass}"></div>
           <div class="media-body">
             <h1 class="align-self-center">${res.t('newStuff')}</h1>
-            <h2>10/22/2019 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
+            <h2>10/24/2019 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
           </div>
         </div>
         <hr/>
-        <div class="promo_zombie_achievements center-block"></div>
+        <div class="promo_mystery_201910 center-block"></div>
-        <p>We're releasing a new achievement so you can celebrate your successes in the world of Habitican pet collecting! Earn the Monster Magus and Undead Undertaker achievements by collecting Zombie pets and mounts and you'll earn a nifty badge for your profile.</p>
+        <h3>October Subscriber Items Revealed!</h3>
-        <p>If you already have all the Zombie pets and/or mounts in your stable, you'll receive the badge automatically! Check your profile and celebrate your new achievement with pride.</p>
+        <p>The October Subscriber Item has been revealed: the Cryptic Flame Item Set! You only have until October 31 to <a href='/user/settings/subscription'>receive the item set when you subscribe</a>. If you're already an active subscriber, reload the site and then head to Inventory > Items to claim your gear!</p>
-        <div class="small mb-3">By OuttaMyMind and SabreCat</div>
+        <p>Subscribers also receive the ability to buy Gems for Gold -- the longer you subscribe, the more Gems you can buy per month! There are other perks as well, such as longer access to uncompressed data and a cute Jackalope pet. Best of all, subscriptions let us keep Habitica running. Thank you very much for your support -- it means a lot to us.</p>
+        <div class="small mb-3">by Beffymaroo</div>
+        <div class="scene_arts_crafts center-block"></div>
+        <h3>Use Case Spotlight: Habitica Events!</h3>
+        <p>This month's <a href='https://habitica.wordpress.com/2019/10/24/use-case-spotlight-using-habitican-events-for-motivation/' target='_blank'>Use Case Spotlight</a> is about Using Habitica Events for Motivation! 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 new ways to incentivize yourselves.</p>
+        <p>Plus, we're collecting user submissions for the next spotlight! How do you gamify your tasks? 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>
+        <h3>Guild Spotlight: More New and Notable Guilds!</h3>
+        <p>There's a new <a href='https://habitica.wordpress.com/2019/10/24/new-and-notable-guild-spotlight-10/' target='_blank'>Guild Spotlight on the blog</a> that highlights yet another selection of the upcoming Guilds in Habitica dedicated to a variety of topics! Check it out now to find some of Habitica's best new communities.</p>
+        <div class="small mb-3">by shanaqui</div>
+        <div class="promo_seasonal_shop_fall center-block"></div>
       </div>
       `,
     });