feat(content): Triceratops pet quest

website/assets/sprites/dist/spritesmith-main-16.css

@@ -1,216 +1,528 @@
-.Pet-Wolf-Base {
+.Pet-TRex-Base {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyBlue {
+.Pet-TRex-CottonCandyBlue {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -164px -300px;
+  background-position: -328px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyPink {
-  background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -82px -200px;
-  width: 81px;
-  height: 99px;
-}
-.Pet-Wolf-Desert {
+.Pet-TRex-CottonCandyPink {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -164px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Floral {
+.Pet-TRex-Desert {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: 0px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ghost {
+.Pet-TRex-Golden {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -82px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Golden {
+.Pet-TRex-Red {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -164px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Holly {
+.Pet-TRex-Shade {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -246px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Peppermint {
+.Pet-TRex-Skeleton {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -246px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Red {
+.Pet-TRex-White {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: 0px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoyalPurple {
+.Pet-TRex-Zombie {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: 0px 0px;
+  background-position: -82px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shade {
+.Pet-Triceratops-Base {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -164px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Skeleton {
+.Pet-Triceratops-CottonCandyBlue {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -246px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Spooky {
+.Pet-Triceratops-CottonCandyPink {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -328px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Thunderstorm {
+.Pet-Triceratops-Desert {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -328px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veteran {
+.Pet-Triceratops-Golden {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -328px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-White {
+.Pet-Triceratops-Red {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: 0px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Zombie {
+.Pet-Triceratops-Shade {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -82px -300px;
   width: 81px;
   height: 99px;
 }
+.Pet-Triceratops-Skeleton {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -164px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Triceratops-White {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -246px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Triceratops-Zombie {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -328px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turkey-Base {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turkey-Gilded {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Base {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-CottonCandyBlue {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-CottonCandyPink {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Desert {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Golden {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Red {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Shade {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: 0px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Skeleton {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -82px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-White {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -164px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Zombie {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -246px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Base {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -328px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-CottonCandyBlue {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-CottonCandyPink {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Desert {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Golden {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Red {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Shade {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Skeleton {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-White {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: 0px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Zombie {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -82px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Base {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -164px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-CottonCandyBlue {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -246px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-CottonCandyPink {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: 0px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Desert {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Golden {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Red {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Shade {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Skeleton {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-White {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Zombie {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Base {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-CottonCandyBlue {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-CottonCandyPink {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: 0px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Desert {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -82px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Floral {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -164px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Ghost {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -246px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Golden {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -328px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Holly {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Peppermint {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Red {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-RoyalPurple {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shade {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Skeleton {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Spooky {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Thunderstorm {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Veteran {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-White {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Zombie {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -600px;
+  width: 81px;
+  height: 99px;
+}
 .Pet_HatchingPotion_Base {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -343px -400px;
+  background-position: -49px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_CottonCandyBlue {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -295px -300px;
+  background-position: -441px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_CottonCandyPink {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -344px -300px;
+  background-position: -98px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Desert {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px 0px;
+  background-position: -147px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Floral {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -52px;
+  background-position: -196px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Ghost {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -104px;
+  background-position: -245px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Golden {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -156px;
+  background-position: -294px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Holly {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -208px;
+  background-position: -343px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Peppermint {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -260px;
+  background-position: -392px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Purple {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -312px;
+  background-position: 0px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Red {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: 0px -400px;
+  background-position: -490px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_RoyalPurple {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -49px -400px;
+  background-position: -539px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Shade {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -98px -400px;
+  background-position: -588px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Skeleton {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -147px -400px;
+  background-position: -637px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Spooky {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -196px -400px;
+  background-position: -686px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Thunderstorm {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -245px -400px;
+  background-position: -735px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_White {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -294px -400px;
+  background-position: 0px -752px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Zombie {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -246px -300px;
+  background-position: -49px -752px;
   width: 48px;
   height: 51px;
 }

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

@@ -1,216 +1,528 @@
-.Pet-Wolf-Base {
+.Pet-TRex-Base {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyBlue {
+.Pet-TRex-CottonCandyBlue {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -164px -300px;
+  background-position: -328px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyPink {
-  background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -82px -200px;
-  width: 81px;
-  height: 99px;
-}
-.Pet-Wolf-Desert {
+.Pet-TRex-CottonCandyPink {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -164px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Floral {
+.Pet-TRex-Desert {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: 0px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ghost {
+.Pet-TRex-Golden {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -82px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Golden {
+.Pet-TRex-Red {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -164px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Holly {
+.Pet-TRex-Shade {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -246px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Peppermint {
+.Pet-TRex-Skeleton {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -246px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Red {
+.Pet-TRex-White {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: 0px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoyalPurple {
+.Pet-TRex-Zombie {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: 0px 0px;
+  background-position: -82px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shade {
+.Pet-Triceratops-Base {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -164px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Skeleton {
+.Pet-Triceratops-CottonCandyBlue {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -246px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Spooky {
+.Pet-Triceratops-CottonCandyPink {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -328px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Thunderstorm {
+.Pet-Triceratops-Desert {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -328px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veteran {
+.Pet-Triceratops-Golden {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -328px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-White {
+.Pet-Triceratops-Red {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: 0px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Zombie {
+.Pet-Triceratops-Shade {
   background-image: url(/static/sprites/spritesmith-main-16.png);
   background-position: -82px -300px;
   width: 81px;
   height: 99px;
 }
+.Pet-Triceratops-Skeleton {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -164px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Triceratops-White {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -246px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Triceratops-Zombie {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -328px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turkey-Base {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turkey-Gilded {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Base {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-CottonCandyBlue {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-CottonCandyPink {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Desert {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Golden {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Red {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Shade {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: 0px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Skeleton {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -82px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-White {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -164px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Turtle-Zombie {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -246px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Base {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -328px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-CottonCandyBlue {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-CottonCandyPink {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Desert {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Golden {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Red {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Shade {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Skeleton {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-White {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: 0px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Zombie {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -82px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Base {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -164px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-CottonCandyBlue {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -246px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-CottonCandyPink {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: 0px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Desert {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Golden {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Red {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Shade {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Skeleton {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-White {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Zombie {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Base {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-CottonCandyBlue {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-CottonCandyPink {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: 0px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Desert {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -82px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Floral {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -164px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Ghost {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -246px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Golden {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -328px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Holly {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -410px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Peppermint {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -492px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Red {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -574px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-RoyalPurple {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -656px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shade {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Skeleton {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Spooky {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Thunderstorm {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Veteran {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-White {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Zombie {
+  background-image: url(/static/sprites/spritesmith-main-16.png);
+  background-position: -738px -600px;
+  width: 81px;
+  height: 99px;
+}
 .Pet_HatchingPotion_Base {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -343px -400px;
+  background-position: -49px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_CottonCandyBlue {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -295px -300px;
+  background-position: -441px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_CottonCandyPink {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -344px -300px;
+  background-position: -98px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Desert {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px 0px;
+  background-position: -147px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Floral {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -52px;
+  background-position: -196px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Ghost {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -104px;
+  background-position: -245px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Golden {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -156px;
+  background-position: -294px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Holly {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -208px;
+  background-position: -343px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Peppermint {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -260px;
+  background-position: -392px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Purple {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -410px -312px;
+  background-position: 0px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Red {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: 0px -400px;
+  background-position: -490px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_RoyalPurple {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -49px -400px;
+  background-position: -539px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Shade {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -98px -400px;
+  background-position: -588px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Skeleton {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -147px -400px;
+  background-position: -637px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Spooky {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -196px -400px;
+  background-position: -686px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Thunderstorm {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -245px -400px;
+  background-position: -735px -700px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_White {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -294px -400px;
+  background-position: 0px -752px;
   width: 48px;
   height: 51px;
 }
 .Pet_HatchingPotion_Zombie {
   background-image: url(/static/sprites/spritesmith-main-16.png);
-  background-position: -246px -300px;
+  background-position: -49px -752px;
   width: 48px;
   height: 51px;
 }

website/common/locales/en/content.json

@@ -195,6 +195,10 @@
   "questEggSlothMountText": "Sloth",
   "questEggSlothAdjective": "a speedy",
 
+  "questEggTriceratopsText": "Triceratops",
+  "questEggTriceratopsMountText": "Triceratops",
+  "questEggTriceratopsAdjective": "a tricky",
+
   "eggNotes": "Find a hatching potion to pour on this egg, and it will hatch into <%= eggAdjective(locale) %> <%= eggText(locale) %>.",
 
   "hatchingPotionBase": "Base",

website/common/locales/en/questsContent.json

@@ -473,5 +473,12 @@
   "questSlothCompletion": "You did it! As you defeat the Somnolent Sloth, its emeralds break off. \"Thank you for freeing me of my curse,\" says the sloth. \"I can finally sleep well, without those heavy emeralds on my back. Have these eggs as thanks, and you can have the emeralds too.\" The sloth gives you three sloth eggs and heads off for warmer climates.",
   "questSlothBoss": "Somnolent Sloth",
   "questSlothDropSlothEgg": "Sloth (Egg)",
-  "questSlothUnlockText": "Unlocks purchasable Sloth eggs in the Market"
+  "questSlothUnlockText": "Unlocks purchasable Sloth eggs in the Market",
+
+  "questTriceratopsText": "The Trampling Triceratops",
+  "questTriceratopsNotes": "The snow-capped Stoïkalm Volcanoes are always bustling with hikers and sight-seers. One tourist, @plumilla, calls over a crowd. \"Look! I enchanted the ground to glow so that we can play field games on it for our outdoor activity Dailies!\" Sure enough, the ground is swirling with glowing red patterns. Even some of the prehistoric pets from the area come over to play.<br><br>Suddenly, there's a loud snap -- a curious Triceratops has stepped on @plumilla's wand! It's engulfed in a burst of magic energy, and the ground starts shaking and growing hot. The Triceratops' eyes shine red, and it roars and begins to stampede!<br><br>\"That's not good,\" calls @McCoyly, pointing in the distance. Each magic-fueled stomp is causing the volcanoes to erupt, and the glowing ground is turning to lava beneath the dinosaur's feet! Quickly, you must hold off the Trampling Triceratops until someone can reverse the spell!",
+  "questTriceratopsCompletion": "With quick thinking, you herd the creature towards the soothing Stoïkalm Steppes so that @*~Seraphina~* and @PainterProphet can reverse the lava spell without distraction. The calming aura of the Steppes takes effect, and the Triceratops curls up as the volcanoes go dormant once more. @PainterProphet passes you some eggs that were rescued from the lava. \"Without you, we wouldn't have been able to concentrate to stop the eruptions. Give these pets a good home.\"",
+  "questTriceratopsBoss": "Trampling Triceratops",
+  "questTriceratopsDropTriceratopsEgg": "Triceratops (Egg)",
+  "questTriceratopsUnlockText": "Unlocks purchasable Triceratops eggs in the Market"
 }

website/common/script/content/eggs.js

@@ -259,6 +259,11 @@ let quests = {
     adjective: t('questEggSlothAdjective'),
     canBuy: hasQuestAchievementFunction('sloth'),
   },
+  Triceratops: {
+    text: t('questEggTriceratopsText'),
+    adjective: t('questEggTriceratopsAdjective'),
+    canBuy: hasQuestAchievementFunction('triceratops'),
+  },
 };
 
 applyEggDefaults(drops, {

website/common/script/content/index.js

@@ -2785,6 +2785,38 @@ api.quests = {
       unlock: t('questSlothUnlockText'),
     },
   },
+  triceratops: {
+    text: t('questTriceratopsText'),
+    notes: t('questTriceratopsNotes'),
+    completion: t('questTriceratopsCompletion'),
+    value: 4,
+    category: 'pet',
+    boss: {
+      name: t('questTriceratopsBoss'),
+      hp: 1200,
+      str: 2.5,
+    },
+    drop: {
+      items: [
+        {
+          type: 'eggs',
+          key: 'Triceratops',
+          text: t('questTriceratopsDropTriceratopsEgg'),
+        }, {
+          type: 'eggs',
+          key: 'Triceratops',
+          text: t('questTriceratopsDropTriceratopsEgg'),
+        }, {
+          type: 'eggs',
+          key: 'Triceratops',
+          text: t('questTriceratopsDropTriceratopsEgg'),
+        },
+      ],
+      gp: 80,
+      exp: 800,
+      unlock: t('questTriceratopsUnlockText'),
+    },
+  },
 };
 
 _.each(api.quests, function(v, key) {

website/views/shared/new-stuff.jade

@@ -1,35 +1,43 @@
-h2 1/5/2017 - NEW YEAR'S RESOLUTION CHALLENGE, LAST CHANCE FOR GIFT-1-GET-1 SUBSCRIPTIONS, AND USE CASE SPOTLIGHT
+h2 1/10/2017 - NEW PET QUEST: TRICERATOPS!
   hr
   tr
     td
-      h3 Habitica New Year's Resolution Challenge!
-      p We've launched a new official Challenge giving five people the chance to win 15 gems each! All you have to do is post about your #HabiticaResolutions in this coming year. <a href='/#/options/groups/challenges/c8efc86f-30fd-4c72-b18b-6c3e2443498f'>Head here to check out the full rules and sign up</a>!
-      br
-      p Need some inspiration for your post? <a href='https://habitica.wordpress.com/2017/01/04/behind-the-scenes-habitica-staff-new-years-resolutions/' target='_blank'>Check out the Habitica team's resolutions on our blog</a>!
-      p.small.muted by Lemoness and the Habitica team
-  tr
-    td
-      .promo_holly_potions.pull-right
-      h3 Final Chance for Free Subscription Promotion!
-      p Don't forget that January 6th is your last day to get a free subscription when you gift a subscription to your friend! If you want to take advantage of that deal, you should definitely do it now.
-      br
-      p Subscribers get to buy gems with gold, so if you have your eye on some fun hatching potions, backgrounds, or quests, this is a great opportunity. They also get increased access to data, and a special equipment set every month! Best of all, they help Habitica stay afloat.
-      br
-      p Enjoy!
-      p.small.muted by Lemoness
-  tr
-    td
-      h3 Use Case Spotlight: Health and Fitness!
-      p This month's <a href='https://habitica.wordpress.com/2017/01/05/use-case-spotlight-health-and-fitness/' target='_blank'>Use Case Spotlight</a> is about Health and Fitness! It features a number of great suggestions submitted by Habiticans in the <a href='/#/options/groups/guilds/1d3a10bf-60aa-4806-a38b-82d1084a59e6'>Use Case Spotlights Guild</a>. We hope it helps any of you who might be setting new Health and Fitness goals for the New Year. You can also pop into the guild to view all the ideas submitted! 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://www.facebook.com/Habitica' target='_blank'>Facebook</a>.
-      br
-      p Plus, we're collecting user submissions for the next spotlight! How do you use Habitica to manage food and cooking? We’ll be featuring player-submitted examples in Use Case Spotlights on the Habitica Blog at the start of 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.small.muted by Beffymaroo and the Use Case Spotlight Guild
+      .quest_triceratops.pull-right
+      h3 Triceratops Pet Quest!
+      p An enchanted Triceratops is causing the Stoïkalm Volcanoes to erupt! Get the latest pet quest, <a href='/#/options/inventory/quests'>the Trampling Triceratops</a>, and earn some tricky Triceratops pets by completing your real-life tasks.
+      p.small.muted Art by McCoyly, plumilla, *~Seraphina~*, PainterProphet, and beffymaroo
+      p.small.muted Written by Lillith of Alfheim
 
 if menuItem !== 'oldNews'
   hr
   a(href='/static/old-news', target='_blank') Read older news
 
 mixin oldNews
+  h2 1/5/2017 - NEW YEAR'S RESOLUTION CHALLENGE, LAST CHANCE FOR GIFT-1-GET-1 SUBSCRIPTIONS, AND USE CASE SPOTLIGHT
+    tr
+      td
+        h3 Habitica New Year's Resolution Challenge!
+        p We've launched a new official Challenge giving five people the chance to win 15 gems each! All you have to do is post about your #HabiticaResolutions in this coming year. <a href='/#/options/groups/challenges/c8efc86f-30fd-4c72-b18b-6c3e2443498f'>Head here to check out the full rules and sign up</a>!
+        br
+        p Need some inspiration for your post? <a href='https://habitica.wordpress.com/2017/01/04/behind-the-scenes-habitica-staff-new-years-resolutions/' target='_blank'>Check out the Habitica team's resolutions on our blog</a>!
+        p.small.muted by Lemoness and the Habitica team
+    tr
+      td
+        .promo_holly_potions.pull-right
+        h3 Final Chance for Free Subscription Promotion!
+        p Don't forget that January 6th is your last day to get a free subscription when you gift a subscription to your friend! If you want to take advantage of that deal, you should definitely do it now.
+        br
+        p Subscribers get to buy gems with gold, so if you have your eye on some fun hatching potions, backgrounds, or quests, this is a great opportunity. They also get increased access to data, and a special equipment set every month! Best of all, they help Habitica stay afloat.
+        br
+        p Enjoy!
+        p.small.muted by Lemoness
+    tr
+      td
+        h3 Use Case Spotlight: Health and Fitness!
+        p This month's <a href='https://habitica.wordpress.com/2017/01/05/use-case-spotlight-health-and-fitness/' target='_blank'>Use Case Spotlight</a> is about Health and Fitness! It features a number of great suggestions submitted by Habiticans in the <a href='/#/options/groups/guilds/1d3a10bf-60aa-4806-a38b-82d1084a59e6'>Use Case Spotlights Guild</a>. We hope it helps any of you who might be setting new Health and Fitness goals for the New Year. You can also pop into the guild to view all the ideas submitted! 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://www.facebook.com/Habitica' target='_blank'>Facebook</a>.
+        br
+        p Plus, we're collecting user submissions for the next spotlight! How do you use Habitica to manage food and cooking? We’ll be featuring player-submitted examples in Use Case Spotlights on the Habitica Blog at the start of 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.small.muted by Beffymaroo and the Use Case Spotlight Guild
   h2 1/3/2017 - JANUARY BACKGROUNDS AND ARMOIRE ITEMS, WINTERY HAIR COLORS, AND NEW TAKE THIS CHALLENGE
     tr
       td