chore(news): Bailey

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

@@ -1,12 +1,12 @@
 .promo_aquatic_glass_potions {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -995px 0px;
+  background-position: -853px 0px;
   width: 141px;
   height: 441px;
 }
 .promo_armoire_backgrounds_201807 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -735px;
+  background-position: -853px -442px;
   width: 141px;
   height: 441px;
 }
@@ -18,13 +18,13 @@
 }
 .promo_mystery_201806 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -1137px -442px;
+  background-position: -995px -442px;
   width: 121px;
   height: 114px;
 }
 .promo_seafoam {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -1137px 0px;
+  background-position: -995px 0px;
   width: 141px;
   height: 441px;
 }
@@ -36,43 +36,43 @@
 }
 .promo_seasonal_shop_summer {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -649px -549px;
+  background-position: -401px -552px;
   width: 162px;
   height: 138px;
 }
 .promo_splashy_skins {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -477px -362px;
+  background-position: -142px -365px;
   width: 375px;
   height: 186px;
 }
 .customize-option.promo_splashy_skins {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -502px -377px;
+  background-position: -167px -380px;
   width: 60px;
   height: 60px;
 }
 .promo_summer_splash_2018 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -853px 0px;
+  background-position: 0px -365px;
   width: 141px;
   height: 588px;
 }
 .promo_take_this {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -1137px -557px;
+  background-position: -995px -557px;
   width: 96px;
   height: 69px;
 }
-.scene_party_healing {
+.promo_unconventional_armor {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -365px;
+  background-position: -518px -365px;
-  width: 393px;
+  width: 180px;
-  height: 369px;
+  height: 180px;
 }
-.scene_reading {
+.scene_pomodoro {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -477px -549px;
+  background-position: -142px -552px;
-  width: 171px;
+  width: 258px;
-  height: 144px;
+  height: 258px;
 }

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 QUEST: SEA SERPENT!';
+const LAST_ANNOUNCEMENT_TITLE = 'HABITICA COMIC-CON MEETUP AND WIKI SPOTLIGHT ON THE POMODORO TECHNIQUE';
 const worldDmg = { // @TODO
   bailey: false,
 };
@@ -30,17 +30,25 @@ api.getNews = {
           <div class="mr-3 ${baileyClass}"></div>
           <div class="media-body">
             <h1 class="align-self-center">${res.t('newStuff')}</h1>
-            <h2>7/17/2018 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
+            <h2>7/19/2018 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
           </div>
         </div>
         <hr/>
         <div class="media align-items-center">
           <div class="media-body">
-            <p>A submersible expedition launching from the Diligent Docks turns to danger when a mighty Sea Serpent swims into the picture! Get the latest pet quest, <a href="/shops/quests" target="_blank">Danger in the Depths: Sea Serpent Strike!</a>, and earn some shimmering Sea Serpent pets by completing your real-life tasks.</p>
+            <h3>Habitica at San Diego Comic Con!</h3>
-            <div class="small">Art by Aries Faries, Witticaster, *~Seraphina~, Mara, and 1920-kun</div>
+            <p>Beffymaroo will be representing Habitica at San Diego Comic Con this year. If you’d like to meet her, along with other fellow Habiticans, join us at the Habitica SDCC Meetup! Beffymaroo will be handing out Habitica stickers, promo codes for the Unconventional Armor set, and other exciting special swag (quantities limited!).</p>
-            <div class="small mb-3">Writing by gwyllgi</div>
+            <p>You can find the meetup on Saturday, July 21, at the San Diego Bayfront Hilton lobby from 12:00-1:00 PM! Look for the purple Gryphon banner. Can’t wait to meet you :)</p>
+          </div>
+          <div class="promo_unconventional_armor ml-3 mb-3"></div>
+        </div>
+        <div class="media align-items-center">
+          <div class="scene_pomodoro mr-3"></div>
+          <div class="media-body">
+            <h3>Wiki Spotlight: The Pomodoro Technique</h3>
+            <p>This month's <a href='https://habitica.wordpress.com/2018/07/18/pomodoro/' target='_blank'>featured Wiki article</a> is about the Pomodoro Technique! We hope that it will help you as you look for new productivity strategies. Be sure to check it out, and let us know what you think by reaching out on <a href='https://twitter.com/habitica' target='_blank'>Twitter</a>, <a href='http://blog.habitrpg.com' target='_blank'>Tumblr</a>, and <a href='https://facebook.com/habitica' target='_blank'>Facebook</a>.</p>
+            <div class="small mb-3">by shanaqui and the Wiki Wizards</div>
           </div>
-          <div class="promo_seaserpent ml-3 mb-3"></div>
         </div>
       </div>
       `,