Cows and Ghosts (but no cow ghosts) (#8052)

* feat(content): Mystery Items and Ghost Potions

* fix(news): better cow position

* fix(test): update for season

migrations/mystery_items.js

@@ -2,7 +2,7 @@ var _id = '';
 var update = {
   $addToSet: {
     'purchased.plan.mysteryItems':{
-      $each:['head_mystery_201608','back_mystery_201608']
+      $each:['head_mystery_201609','armor_mystery_201609']
     }
   }
 };

test/api/v3/integration/shops/GET-shops_seasonal.test.js

@@ -15,7 +15,7 @@ describe('GET /shops/seasonal', () => {
 
     expect(shop.identifier).to.equal('seasonalShop');
     expect(shop.text).to.eql(t('seasonalShop'));
-    expect(shop.notes).to.eql(t('seasonalShopClosedText'));
+    expect(shop.notes).to.eql(t('seasonalShopFallText'));
     expect(shop.imageName).to.be.a('string');
     expect(shop.categories).to.be.an('array');
   });

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

@@ -1,54 +1,54 @@
 .2014_Fall_HealerPROMO2 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1114px -1306px;
+  background-position: -1212px -1488px;
   width: 90px;
   height: 90px;
 }
 .2014_Fall_Mage_PROMO9 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1513px -808px;
+  background-position: -452px -884px;
   width: 120px;
   height: 90px;
 }
 .2014_Fall_RoguePROMO3 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -359px -1306px;
+  background-position: -558px -1385px;
   width: 105px;
   height: 90px;
 }
 .2014_Fall_Warrior_PROMO {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1428px -1409px;
+  background-position: -848px -1488px;
   width: 90px;
   height: 90px;
 }
 .promo_android {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -954px -151px;
+  background-position: -978px -573px;
   width: 175px;
   height: 175px;
 }
 .promo_backgrounds_armoire_201602 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1277px -199px;
+  background-position: -1417px -103px;
   width: 141px;
   height: 294px;
 }
 .promo_backgrounds_armoire_201603 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1135px -199px;
+  background-position: -1275px -103px;
   width: 141px;
   height: 294px;
 }
 .promo_backgrounds_armoire_201604 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -281px -525px;
+  background-position: -452px -442px;
   width: 140px;
   height: 441px;
 }
 .promo_backgrounds_armoire_201605 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -452px 0px;
+  background-position: -593px 0px;
   width: 140px;
   height: 441px;
 }
@@ -66,121 +66,127 @@
 }
 .promo_backgrounds_armoire_201608 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -593px 0px;
+  background-position: -593px -442px;
   width: 140px;
   height: 439px;
 }
 .promo_backgrounds_armoire_201609 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -593px -440px;
+  background-position: -734px 0px;
   width: 139px;
   height: 438px;
 }
 .promo_backtoschool {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -944px -573px;
+  background-position: -151px -1488px;
   width: 150px;
   height: 150px;
 }
 .promo_burnout {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -734px -151px;
+  background-position: -874px -151px;
   width: 219px;
   height: 240px;
 }
 .promo_chairs_glasses {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1634px 0px;
+  background-position: -306px -220px;
   width: 51px;
   height: 210px;
 }
 .promo_classes_fall_2014 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: 0px -1114px;
+  background-position: -874px -1013px;
   width: 321px;
   height: 100px;
 }
 .promo_classes_fall_2015 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1135px -808px;
+  background-position: -1275px -878px;
   width: 377px;
   height: 99px;
 }
 .promo_classes_fall_2016 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -734px -573px;
+  background-position: -874px -573px;
   width: 103px;
   height: 348px;
 }
 .promo_contrib_spotlight_beffymaroo {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -306px -220px;
+  background-position: -1154px -573px;
   width: 114px;
   height: 147px;
 }
 .promo_cow {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -452px -442px;
+  background-position: -281px -525px;
   width: 140px;
   height: 441px;
 }
 .promo_dilatoryDistress {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1155px -1409px;
+  background-position: -1316px -1385px;
   width: 90px;
   height: 90px;
 }
 .promo_egg_mounts {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1135px -494px;
+  background-position: -1275px -398px;
   width: 280px;
   height: 147px;
 }
 .promo_enchanted_armoire {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -734px -1033px;
+  background-position: -499px -1114px;
   width: 374px;
   height: 76px;
 }
 .promo_enchanted_armoire_201507 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -578px -1215px;
+  background-position: -289px -1294px;
   width: 217px;
   height: 90px;
 }
 .promo_enchanted_armoire_201508 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -944px -724px;
+  background-position: -725px -1294px;
   width: 180px;
   height: 90px;
 }
 .promo_enchanted_armoire_201509 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1337px -1409px;
+  background-position: -666px -1488px;
   width: 90px;
   height: 90px;
 }
 .promo_enchanted_armoire_201511 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1498px -908px;
+  background-position: -734px -978px;
   width: 122px;
   height: 90px;
 }
 .promo_enchanted_armoire_201601 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -841px -1306px;
+  background-position: -939px -1488px;
   width: 90px;
   height: 90px;
 }
 .promo_floral_potions {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -838px -573px;
+  background-position: -1559px -103px;
   width: 105px;
   height: 273px;
 }
+.promo_ghost_potions {
+  background-image: url(/spritesmith-largeSprites-0.png);
+  background-position: -452px 0px;
+  width: 140px;
+  height: 441px;
+}
 .promo_habitica {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1419px -199px;
+  background-position: -1094px -151px;
   width: 175px;
   height: 175px;
 }
@@ -192,289 +198,295 @@
 }
 .promo_haunted_hair {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -402px -1409px;
+  background-position: -734px -734px;
   width: 100px;
   height: 137px;
 }
 .promo_item_notif {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: 0px -1306px;
+  background-position: 0px -1385px;
   width: 249px;
   height: 102px;
 }
 .promo_mystery_201405 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1387px -1306px;
+  background-position: -1589px -1385px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201406 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -791px -1409px;
+  background-position: -358px -326px;
   width: 90px;
   height: 96px;
 }
 .promo_mystery_201407 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1634px -412px;
+  background-position: -1064px -1114px;
   width: 42px;
   height: 62px;
 }
 .promo_mystery_201408 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1573px -494px;
+  background-position: -1196px -1013px;
   width: 60px;
   height: 71px;
 }
 .promo_mystery_201409 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1519px -1409px;
+  background-position: -1030px -1488px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201410 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -838px -847px;
+  background-position: -1131px -840px;
   width: 72px;
   height: 63px;
 }
 .promo_mystery_201411 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1023px -1306px;
+  background-position: -1225px -1385px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201412 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1634px -345px;
+  background-position: -1021px -1114px;
   width: 42px;
   height: 66px;
 }
 .promo_mystery_201501 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1634px -211px;
+  background-position: -1653px -878px;
   width: 48px;
   height: 63px;
 }
 .promo_mystery_201502 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -882px -1409px;
+  background-position: -393px -1488px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201503 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1064px -1409px;
+  background-position: -575px -1488px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201504 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1573px -566px;
+  background-position: -593px -1030px;
   width: 60px;
   height: 69px;
 }
 .promo_mystery_201505 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1246px -1409px;
+  background-position: -757px -1488px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201506 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1634px -275px;
+  background-position: -654px -1030px;
   width: 42px;
   height: 69px;
 }
 .promo_mystery_201507 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -609px -1409px;
+  background-position: -1601px -1081px;
   width: 90px;
   height: 105px;
 }
 .promo_mystery_201508 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -653px -1306px;
+  background-position: -664px -1385px;
   width: 93px;
   height: 90px;
 }
 .promo_mystery_201509 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: 0px -1560px;
+  background-position: -1121px -1488px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201510 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -747px -1306px;
+  background-position: -758px -1385px;
   width: 93px;
   height: 90px;
 }
 .promo_mystery_201511 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -932px -1306px;
+  background-position: -1134px -1385px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201512 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1565px -96px;
+  background-position: -1638px -978px;
   width: 60px;
   height: 81px;
 }
 .promo_mystery_201601 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1496px -1011px;
+  background-position: -452px -975px;
   width: 120px;
   height: 90px;
 }
 .promo_mystery_201602 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1205px -1306px;
+  background-position: -1407px -1385px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201603 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1296px -1306px;
+  background-position: -1498px -1385px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201604 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -465px -1306px;
+  background-position: -852px -1385px;
   width: 93px;
   height: 90px;
 }
 .promo_mystery_201605 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1478px -1306px;
+  background-position: -302px -1488px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201606 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -700px -1409px;
+  background-position: -358px -220px;
   width: 90px;
   height: 105px;
 }
 .promo_mystery_201607 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -973px -1409px;
+  background-position: -484px -1488px;
   width: 90px;
   height: 90px;
 }
 .promo_mystery_201608 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -559px -1306px;
+  background-position: -1040px -1385px;
+  width: 93px;
+  height: 90px;
+}
+.promo_mystery_201609 {
+  background-image: url(/spritesmith-largeSprites-0.png);
+  background-position: -946px -1385px;
   width: 93px;
   height: 90px;
 }
 .promo_mystery_3014 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -796px -1215px;
+  background-position: -507px -1294px;
   width: 217px;
   height: 90px;
 }
 .promo_orca {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -503px -1409px;
+  background-position: -734px -872px;
   width: 105px;
   height: 105px;
 }
 .promo_partyhats {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -954px -327px;
+  background-position: -1094px -327px;
   width: 115px;
   height: 47px;
 }
 .promo_pastel_skin {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -653px -1114px;
+  background-position: -331px -1210px;
   width: 330px;
   height: 83px;
 }
 .customize-option.promo_pastel_skin {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -678px -1129px;
+  background-position: -356px -1225px;
   width: 60px;
   height: 60px;
 }
 .promo_peppermint_flame {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -452px -884px;
+  background-position: -593px -882px;
   width: 140px;
   height: 147px;
 }
 .promo_pet_skins {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -593px -879px;
+  background-position: -1556px -398px;
   width: 140px;
   height: 147px;
 }
 .customize-option.promo_pet_skins {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -618px -894px;
+  background-position: -1581px -413px;
   width: 60px;
   height: 60px;
 }
 .promo_shimmer_hair {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -322px -1114px;
+  background-position: 0px -1210px;
   width: 330px;
   height: 83px;
 }
 .promo_splashyskins {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1419px -375px;
+  background-position: -250px -1385px;
   width: 198px;
   height: 91px;
 }
 .customize-option.promo_splashyskins {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1444px -390px;
+  background-position: -275px -1400px;
   width: 60px;
   height: 60px;
 }
 .promo_spring_classes_2016 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1135px -908px;
+  background-position: -1275px -978px;
   width: 362px;
   height: 102px;
 }
 .promo_springclasses2014 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -289px -1215px;
+  background-position: 0px -1294px;
   width: 288px;
   height: 90px;
 }
 .promo_springclasses2015 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: 0px -1215px;
+  background-position: -978px -749px;
   width: 288px;
   height: 90px;
 }
 .promo_staff_spotlight_Lemoness {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -306px -368px;
+  background-position: -734px -439px;
   width: 102px;
   height: 146px;
 }
 .promo_staff_spotlight_Viirus {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1005px -392px;
+  background-position: -1145px -392px;
   width: 119px;
   height: 147px;
 }
 .promo_staff_spotlight_paglias {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -302px -1409px;
+  background-position: -734px -586px;
   width: 99px;
   height: 147px;
 }
 .promo_summer_classes_2014 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1135px -96px;
+  background-position: -1275px 0px;
   width: 429px;
   height: 102px;
 }
@@ -486,67 +498,67 @@
 }
 .promo_summer_classes_2016 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -734px 0px;
+  background-position: -874px 0px;
   width: 400px;
   height: 150px;
 }
 .promo_takeThis_gear {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1014px -1215px;
+  background-position: -306px -431px;
   width: 114px;
   height: 87px;
 }
 .promo_takethis_armor {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1129px -1215px;
+  background-position: -906px -1294px;
   width: 114px;
   height: 87px;
 }
 .promo_unconventional_armor {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -911px -847px;
+  background-position: -1204px -840px;
   width: 60px;
   height: 60px;
 }
 .promo_updos {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1416px -494px;
+  background-position: -1522px -546px;
   width: 156px;
   height: 147px;
 }
 .promo_veteran_pets {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1137px -1114px;
+  background-position: -874px -1114px;
   width: 146px;
   height: 75px;
 }
 .promo_winter_classes_2016 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1135px -1011px;
+  background-position: -874px -922px;
   width: 360px;
   height: 90px;
 }
 .promo_winterclasses2015 {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -734px -922px;
+  background-position: -1275px -1081px;
   width: 325px;
   height: 110px;
 }
 .promo_winteryhair {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -984px -1114px;
+  background-position: -978px -840px;
   width: 152px;
   height: 75px;
 }
 .avatar_variety {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1135px 0px;
+  background-position: 0px -1114px;
   width: 498px;
   height: 95px;
 }
 .npc_viirus {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -250px -1306px;
+  background-position: -449px -1385px;
   width: 108px;
   height: 90px;
 }
@@ -558,31 +570,31 @@
 }
 .scene_coding {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -151px -1409px;
+  background-position: 0px -1488px;
   width: 150px;
   height: 150px;
 }
 .scene_phone_peek {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: 0px -1409px;
+  background-position: -1522px -712px;
   width: 150px;
   height: 150px;
 }
 .welcome_basic_avatars {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1382px -642px;
+  background-position: -1275px -546px;
   width: 246px;
   height: 165px;
 }
 .welcome_promo_party {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -734px -392px;
+  background-position: -874px -392px;
   width: 270px;
   height: 180px;
 }
 .welcome_sample_tasks {
   background-image: url(/spritesmith-largeSprites-0.png);
-  background-position: -1135px -642px;
+  background-position: -1275px -712px;
   width: 246px;
   height: 165px;
 }

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

@@ -133,6 +133,12 @@ let armor = {
     mystery: '201607',
     value: 0,
   },
+  201609: {
+    text: t('armorMystery201609Text'),
+    notes: t('armorMystery201609Notes'),
+    mystery: '201609',
+    value: 0,
+  },
   301404: {
     text: t('armorMystery301404Text'),
     notes: t('armorMystery301404Notes'),
@@ -352,6 +358,12 @@ let head = {
     mystery: '201608',
     value: 0,
   },
+  201609: {
+    text: t('headMystery201609Text'),
+    notes: t('headMystery201609Notes'),
+    mystery: '201609',
+    value: 0,
+  },
   301404: {
     text: t('headMystery301404Text'),
     notes: t('headMystery301404Notes'),

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

@@ -54,6 +54,9 @@ let premium = {
     text: t('hatchingPotionSpooky'),
     limited: true,
     _season: 'fall',
+    canBuy () {
+      return true;
+    },
   },
   Peppermint: {
     value: 2,
@@ -73,6 +76,15 @@ let premium = {
     limited: true,
     _season: 'summer',
   },
+  Ghost: {
+    value: 2,
+    text: t('hatchingPotionGhost'),
+    limited: true,
+    _season: 'fall',
+    canBuy () {
+      return true;
+    },
+  },
 };
 
 each(drops, (pot, key) => {

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

@@ -126,6 +126,10 @@ let mysterySets = {
     start: '2016-08-23',
     end: '2016-09-02',
   },
+  201609: {
+    start: '2016-09-22',
+    end: '2016-10-02',
+  },
   301404: {
     start: '3014-03-24',
     end: '3014-04-02',

website/views/shared/new-stuff.jade

@@ -1,5 +1,28 @@
-h2 9/20/2016 - FALL FESTIVAL! LIMITED-EDITION OUTFITS, SUPERNATURAL SKIN, HAUNTED HAIR, AND CANDY FOOD DROPS
+h2 9/22/2016 - MAGIC HATCHING POTIONS AND SEPTEMBER MYSTERY ITEMS
   hr
+  tr
+    td
+      .promo_ghost_potions.pull-right
+      h3 Ghost and Spooky Hatching Potions
+      p Between now and October 31st, you can buy Ghost Hatching Potions and Spooky Hatching Potions from <a href='/#/options/inventory/drops'>the Market</a> and use them to hatch any standard pet egg. (Magic Hatching Potions do not work on Quest Pet eggs.)
+      br
+      p After they're gone, it will be at least a year before these Magic Hatching Potions are available again, so be sure to get them now!
+      p.small.muted by Lemoness and Hermi
+  tr
+    td
+      .promo_mystery_201609.pull-left.slight-right-margin
+      h3 September Subscriber Items Revealed!
+      p The September Subscriber Items have been revealed: the Cow Costume Item Set! You still have nine days to <a href='/#/options/settings/subscription'>subscribe</a> and receive the item set:
+      br
+      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. Best of all, subscriptions let us keep Habitica running. Thank you very much for your support -- it means a lot to us.
+      p.small.muted by Lemoness
+
+if menuItem !== 'oldNews'
+  hr
+  a(href='/static/old-news', target='_blank') Read older news
+
+mixin oldNews
+  h2 9/20/2016 - FALL FESTIVAL! LIMITED-EDITION OUTFITS, SUPERNATURAL SKIN, HAUNTED HAIR, AND CANDY FOOD DROPS
     tr
       td
         .seasonalshop_open.pull-left.slight-right-margin
@@ -32,12 +55,6 @@ h2 9/20/2016 - FALL FESTIVAL! LIMITED-EDITION OUTFITS, SUPERNATURAL SKIN, HAUNTE
         h3 Candy Food Drops!
         p For the duration of the Fall Festival, Habiticans may randomly find candy drops when they complete their tasks. These candies function just like normal food drops - can you guess which flavor your pet will like best?
         p.small.muted by Lemoness
-
-if menuItem !== 'oldNews'
-  hr
-  a(href='/static/old-news', target='_blank') Read older news
-
-mixin oldNews
   h2 9/16/2016 - NEW BEHIND-THE-SCENES BLOG POST AND CONTRIBUTOR SPOTLIGHT!
     tr
       td