chore(news): Bailey

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

@@ -1,78 +1,90 @@
 .promo_armoire_backgrounds_202007 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -376px 0px;
+  background-position: 0px -431px;
   width: 423px;
   height: 147px;
 }
 .promo_armoire_backgrounds_202008 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -376px -148px;
+  background-position: -424px -431px;
   width: 423px;
   height: 147px;
 }
 .promo_armoire_backgrounds_202009 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -383px;
+  background-position: 0px -579px;
   width: 423px;
   height: 147px;
 }
 .promo_golden_achievements {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -295px -531px;
+  background-position: 0px -727px;
   width: 246px;
   height: 112px;
 }
 .promo_mystery_202008 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -531px;
+  background-position: -532px -196px;
   width: 294px;
   height: 156px;
 }
 .promo_mystery_202009 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -424px -383px;
+  background-position: -424px -579px;
   width: 282px;
   height: 147px;
 }
 .promo_take_this {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -800px -537px;
+  background-position: -532px -353px;
   width: 96px;
   height: 69px;
 }
 .promo_time_travelers {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px 0px;
+  background-position: 0px -244px;
   width: 375px;
   height: 186px;
 }
 .scene_CernyPie {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -688px;
+  background-position: -376px -244px;
   width: 141px;
   height: 167px;
 }
 .scene_achievement {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -800px 0px;
+  background-position: -878px 0px;
   width: 210px;
   height: 210px;
 }
+.scene_positivity {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: 0px 0px;
+  width: 531px;
+  height: 243px;
+}
 .scene_public_space {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -187px;
+  background-position: -532px 0px;
   width: 345px;
   height: 195px;
 }
 .scene_reading {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -800px -392px;
+  background-position: -878px -392px;
   width: 171px;
   height: 144px;
 }
 .scene_rewards {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -800px -211px;
+  background-position: -878px -211px;
   width: 207px;
   height: 180px;
 }
+.scene_squall {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -878px -537px;
+  width: 141px;
+  height: 169px;
+}

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

@@ -4,7 +4,7 @@ const api = {};
 
 // @TODO export this const, cannot export it from here because only routes are exported from
 // controllers
-const LAST_ANNOUNCEMENT_TITLE = 'NEW MAGIC HATCHING POTION QUEST: TURQUOISE!';
+const LAST_ANNOUNCEMENT_TITLE = 'GUILD AND USE CASE SPOTLIGHTS!';
 const worldDmg = { // @TODO
   bailey: false,
 };
@@ -31,20 +31,43 @@ api.getNews = {
           <div class="mr-3 ${baileyClass}"></div>
           <div class="media-body">
             <h1 class="align-self-center">${res.t('newStuff')}</h1>
-            <h2>9/15/2020 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
+            <h2>9/17/2020 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
           </div>
         </div>
         <hr/>
-        <div class="quest_turquoise center-block"></div>
+        <div class="scene_squall center-block"></div>
+        <h3>Guild Spotlight: Squall's Favorites</h3>
         <p>
-          Grab your shovel and head for the Flourishing Fields--treasure awaits! Get the latest
+          For this year's Guild Spotlight series, we're highlighting some favorites from Habitica's
-          Magic Hatching Potion quest, "Turquoise Treasure Toil", to earn historic Turquoise Magic
+          staff, moderators, and some high-level contributors!
-          Hatching Potions by completing your real-life tasks!
         </p>
-        <div class="small">
+        <p>
-          Art by gawrone, QuartzFox, beffymaroo, starsystemic, Tyche_Alba, and loremi
+          This month we're sharing some <a
-        </div>
+          href='https://habitica.wordpress.com/2020/09/17/guild-spotlights-our-favourites-8/'
-        <div class="small mb-3">Writing by FactAndFiction</div>
+          target='_blank'>picks from Champion Blacksmith Squall!</a> If you want to curate your
+          Habitica experience and join active, positive Guilds, this is a great way to pick up some
+          new ideas for Guilds to join.
+        </p>
+        <div class='small mb-3'>by shanaqui</div>
+        <div class='scene_positivity center-block'></div>
+        <h3>Use Case Spotlight: Creating Positivity</h3>
+        <p>
+          This month's <a
+          href='https://habitica.wordpress.com/2020/09/17/use-case-spotlight-creating-positivity/'
+          target='_blank'>Use Case Spotlight</a> is about Creating Positivity! 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 ways to foster motivation and a good
+          mood.
+        </p>
+        <p>
+          Plus, we're collecting user submissions for the next spotlight! How do you use Habitica
+          to make time for and manage your hobbies? 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>
       </div>
       `,
     });