feat(content): enable spring avatar customizations

This commit is contained in:
Sabe Jones
2020-04-14 14:49:11 -05:00
parent 0ac0723be5
commit 67bd2d9130
5 changed files with 29 additions and 62 deletions

View File

@@ -1,6 +1,6 @@
.promo_april_fools_2020 { .promo_april_fools_2020 {
background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png'); background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
background-position: -433px -337px; background-position: -445px -184px;
width: 423px; width: 423px;
height: 147px; height: 147px;
} }
@@ -12,19 +12,31 @@
} }
.promo_egg_quest { .promo_egg_quest {
background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png'); background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
background-position: 0px -648px; background-position: -355px -648px;
width: 354px; width: 354px;
height: 147px; height: 147px;
} }
.promo_mystery_202004 { .promo_mystery_202004 {
background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png'); background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
background-position: -355px -648px; background-position: -875px 0px;
width: 282px; width: 282px;
height: 147px; height: 147px;
} }
.promo_pastel_skin_hair {
background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
background-position: 0px -648px;
width: 354px;
height: 147px;
}
.customize-option.promo_pastel_skin_hair {
background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
background-position: -25px -663px;
width: 60px;
height: 60px;
}
.promo_seasonal_shop_spring { .promo_seasonal_shop_spring {
background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png'); background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
background-position: -638px -648px; background-position: -875px -299px;
width: 162px; width: 162px;
height: 138px; height: 138px;
} }
@@ -48,13 +60,13 @@
} }
.promo_spring_potions_2020 { .promo_spring_potions_2020 {
background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png'); background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
background-position: -445px -184px; background-position: -433px -337px;
width: 423px; width: 423px;
height: 147px; height: 147px;
} }
.promo_take_this { .promo_take_this {
background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png'); background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
background-position: -875px -151px; background-position: -1026px -148px;
width: 96px; width: 96px;
height: 69px; height: 69px;
} }
@@ -66,7 +78,7 @@
} }
.scene_meditation { .scene_meditation {
background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png'); background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
background-position: -875px 0px; background-position: -875px -148px;
width: 150px; width: 150px;
height: 150px; height: 150px;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 96 KiB

View File

@@ -11,7 +11,7 @@ export default prefill({
pastelHairColors: { setPrice: 5, availableUntil: '2016-01-01' }, pastelHairColors: { setPrice: 5, availableUntil: '2016-01-01' },
rainbowHairColors: { setPrice: 5, text: t('rainbowColors') }, rainbowHairColors: { setPrice: 5, text: t('rainbowColors') },
shimmerHairColors: { shimmerHairColors: {
setPrice: 5, availableFrom: '2019-04-09', availableUntil: '2019-05-02', text: t('shimmerColors'), setPrice: 5, availableFrom: '2020-04-14', availableUntil: '2020-05-02', text: t('shimmerColors'),
}, },
hauntedHairColors: { hauntedHairColors: {
setPrice: 5, availableFrom: '2019-10-08', availableUntil: '2019-11-02', text: t('hauntedColors'), setPrice: 5, availableFrom: '2019-10-08', availableUntil: '2019-11-02', text: t('hauntedColors'),
@@ -22,7 +22,7 @@ export default prefill({
rainbowSkins: { setPrice: 5, text: t('rainbowSkins') }, rainbowSkins: { setPrice: 5, text: t('rainbowSkins') },
animalSkins: { setPrice: 5, text: t('animalSkins') }, animalSkins: { setPrice: 5, text: t('animalSkins') },
pastelSkins: { pastelSkins: {
setPrice: 5, availableFrom: '2019-04-09', availableUntil: '2019-05-02', text: t('pastelSkins'), setPrice: 5, availableFrom: '2020-04-14', availableUntil: '2020-05-02', text: t('pastelSkins'),
}, },
spookySkins: { setPrice: 5, availableUntil: '2016-01-01', text: t('spookySkins') }, spookySkins: { setPrice: 5, availableUntil: '2016-01-01', text: t('spookySkins') },
supernaturalSkins: { supernaturalSkins: {

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View File

@@ -4,7 +4,7 @@ const api = {};
// @TODO export this const, cannot export it from here because only routes are exported from // @TODO export this const, cannot export it from here because only routes are exported from
// controllers // controllers
const LAST_ANNOUNCEMENT_TITLE = 'CONFECTION HATCHING POTION QUEST, APRIL FOOL BLOG POST, AND SHINY SEEDS!'; const LAST_ANNOUNCEMENT_TITLE = 'SHIMMER HAIR COLORS AND PASTEL SKIN SET!';
const worldDmg = { // @TODO const worldDmg = { // @TODO
bailey: false, bailey: false,
}; };
@@ -31,63 +31,18 @@ api.getNews = {
<div class="mr-3 ${baileyClass}"></div> <div class="mr-3 ${baileyClass}"></div>
<div class="media-body"> <div class="media-body">
<h1 class="align-self-center">${res.t('newStuff')}</h1> <h1 class="align-self-center">${res.t('newStuff')}</h1>
<h2>4/7/2020 - ${LAST_ANNOUNCEMENT_TITLE}</h2> <h2>4/14/2020 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
</div> </div>
</div> </div>
<hr/> <hr/>
<h3>April Fool's Challenge Winners and Blog Post!</h3> <div class="promo_pastel_skin_hair center-block"></div>
<p> <p>
The winners of the April Fool's Social Media Challenge have been selected! The Seasonal Edition Shimmer Hair Colors and Pastel Skin Set are now available for
Congratulations to Silvercat17, RaidingPartyGames, Pangdood, Spacehawk, and VixiMonster! purchase in the User menu > Edit Avatar! These skin sets will only be available to
purchase until April 30th, and then they will disappear from the shop until next
Spring Fling. If you buy them, though, you will have access to them year-round!
</p> </p>
<p> <div class="small mb-3">by Lemoness and McCoyly</div>
Thank you to everyone who shared their awesome pics with their dessert pets! You can see
a fun <a href='https://habitica.wordpress.com/2020/04/07/taking-the-cake-dessert-pet-pics-from-habiticas-april-fools-celebration/'
target='_blank'>recap of the shenanigans on our blog</a>. Stay tuned to see what wacky antics the Fool gets up to next year!
</p>
<div class="promo_april_fools_2020 center-block"></div>
<h3>Confection Magic Hatching Potion Quest!</h3>
<p>
Oh, no! Just as Habiticans were going back to daily life, missing their cute dessert
pets, it looks like some kind of syrupy monstrosity has emerged to threaten the land!
</p>
<p>
Can you help the April Fool save Habitica from the Awful Waffle? Join the battle, and
earn special Confection Magic Hatching potions by completing your everyday tasks.
</p>
<p>
You can purchase the limited Confection Magic Hatching Potion Quest from the <a
href='/shops/quests'>Quest Shop</a> between now and April 30! Each quest completion
awards participants three potions each. Confection pets do not have mount forms, so keep
that in mind when you're purchasing!
</p>
<p>
Garden Potions have also returned, if you prefer a healthier treat! You can find them in
<a href='/shops/market'>the Market</a> until April 30. Keep in mind that Garden pets also
do not have mount forms when deciding how many to purchase.
</p>
<p>
After they're gone, it will be at least a year before the Confection Magic Hatching
Potion Quest or the Garden Magic Potions are available again, so be sure to get them now!
</p>
<div class="small mb-3">by Beffymaroo, Piyo, Viirus, and SabreCat</div>
<div class="promo_shiny_seeds center-block"></div>
<h3>Shiny Seeds</h3>
<p>
Throw a Shiny Seed at your friends and they will turn into a cheerful flower until their
next cron! You can buy the Seeds in the <a href='/shops/seasonal'>Seasonal Shop</a> with
Gold. Plus, if you get transformed by a Shiny Seed, you'll receive the Agricultural
Friends badge!
</p>
<p>
Don't want to be a flower? Just buy some Petal-Free Potion from your Rewards column to
reverse it.
</p>
<p>
Shiny Seeds will be available in the <a href='/shops/seasonal'>Seasonal Shop</a> until
April 30th!
</p>
<div class="small mb-3">by Lemoness</div>
</div> </div>
`, `,
}); });