refactor(quest): make pixel perfect quests single pages

src/api/routes/quests/controller.ts

@@ -425,6 +425,14 @@ const faraonStories: StoryType[] = [
   {
     card: {
       content: {
+        border: {
+          inner: {
+            color: 'transparent',
+          },
+          outer: {
+            color: COLORS[ColorVariant.WHITE],
+          },
+        },
         image: {
           alt: 'Сюжет',
           mobileSrc: faraonPlotMobileImage,
@@ -528,6 +536,14 @@ const faraonStories: StoryType[] = [
   {
     card: {
       content: {
+        border: {
+          inner: {
+            color: 'transparent',
+          },
+          outer: {
+            color: COLORS[ColorVariant.WHITE],
+          },
+        },
         image: {
           alt: 'Отзывы наших клиентов',
           mobileSrc: faraonFeedbackMobileImage,
@@ -549,6 +565,14 @@ const faraonStories: StoryType[] = [
   {
     card: {
       content: {
+        border: {
+          inner: {
+            color: 'transparent',
+          },
+          outer: {
+            color: COLORS[ColorVariant.WHITE],
+          },
+        },
         image: {
           alt: 'Фотографии и видео',
           mobileSrc: faraonGalleryMobileImage,
@@ -653,7 +677,7 @@ export const faraonQuest: QuestItemType = {
         border: '3px #fff',
         color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
         fontFamily: 'Angry',
-        fontSize: 56,
+        fontSize: 120,
       },
     },
     text: 'Фараон',
@@ -670,6 +694,14 @@ const multStories: StoryType[] = [
   {
     card: {
       content: {
+        border: {
+          inner: {
+            color: 'transparent',
+          },
+          outer: {
+            color: COLORS[ColorVariant.WHITE],
+          },
+        },
         image: {
           alt: 'Сюжет',
           mobileSrc: multPlotMobileImage,
@@ -773,6 +805,14 @@ const multStories: StoryType[] = [
   {
     card: {
       content: {
+        border: {
+          inner: {
+            color: 'transparent',
+          },
+          outer: {
+            color: COLORS[ColorVariant.WHITE],
+          },
+        },
         image: {
           alt: 'Отзывы наших клиентов',
           mobileSrc: multFeedbackMobileImage,
@@ -794,6 +834,14 @@ const multStories: StoryType[] = [
   {
     card: {
       content: {
+        border: {
+          inner: {
+            color: 'transparent',
+          },
+          outer: {
+            color: COLORS[ColorVariant.WHITE],
+          },
+        },
         image: {
           alt: 'Фотографии и видео',
           mobileSrc: multGalleryMobileImage,
@@ -877,13 +925,13 @@ export const multQuest: QuestItemType = {
         border: '4px #fff',
         color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
         fontFamily: 'Airfool',
-        fontSize: 78,
+        fontSize: 66,
       },
       styles: {
         border: '4px #fff',
-        color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
+        color: 'linear-gradient(155deg, #FFF500 0%, #F39 100%)',
         fontFamily: 'Airfool',
-        fontSize: 78,
+        fontSize: 140,
       },
     },
 

src/api/routes/statistic/controller.ts

@@ -9,16 +9,16 @@ import { ImageType } from '../image/controller';
 const imageRootDir = 'static/images/information/statistics';
 
 const DecorationDesktopImg = path.join(imageRootDir, 'desktop/decoration.png');
-const DiplomaDesktopImg = path.join(imageRootDir, 'desktop/graduation/diploma.png');
+const DiplomaDesktopImg = path.join(imageRootDir, 'desktop/diploma.png');
 const KidsDesktopImg = path.join(imageRootDir, 'desktop/kids.png');
 const LikeDesktopImg = path.join(imageRootDir, 'desktop/like.png');
-const StatDecorDesktopImg = path.join(imageRootDir, 'desktop/outdoors/decoration.png');
-const StatScooterDesktopImg = path.join(imageRootDir, 'desktop/outdoors/scooter.png');
+const DecorDesktopImg = path.join(imageRootDir, 'desktop/decoration2.png');
+const ScooterDesktopImg = path.join(imageRootDir, 'desktop/scooter.png');
 const PinataDesktopImg = path.join(imageRootDir, 'desktop/pinata.png');
 const ProgramsDesktopImg = path.join(imageRootDir, 'desktop/programms.png');
-const BooksDesktopImg = path.join(imageRootDir, 'desktop/quests/eger/books.png');
-const KeysDesktopImg = path.join(imageRootDir, 'desktop/quests/eger/keys.png');
-const MapDesktopImg = path.join(imageRootDir, 'desktop/quests/eger/map.png');
+const BooksDesktopImg = path.join(imageRootDir, 'desktop/books.png');
+const KeysDesktopImg = path.join(imageRootDir, 'desktop/keys.png');
+const MapDesktopImg = path.join(imageRootDir, 'desktop/map.png');
 const RateDesktopImg = path.join(imageRootDir, 'desktop/rate.png');
 const StarDesktopImg = path.join(imageRootDir, 'desktop/star.png');
 const MasterClassDecorImg = path.join(imageRootDir, 'desktop/master-classes/decoration.png');
@@ -27,19 +27,18 @@ const MasterClassMaterialsImg = path.join(imageRootDir, 'desktop/master-classes/
 
 const CupMobileImg = path.join(imageRootDir, 'mobile/cup.png');
 const DecorationMobileImg = path.join(imageRootDir, 'mobile/decoration.png');
-const DiplomaMobileImg = path.join(imageRootDir, 'mobile/graduation/diploma.png');
-const GraduationKidsMobileImg = path.join(imageRootDir, 'mobile/graduation/kids.png');
-const GraduationRateMobileImg = path.join(imageRootDir, 'mobile/graduation/rate.png');
-const KidsMobileImg = path.join(imageRootDir, 'mobile/kids.png');
+const DiplomaMobileImg = path.join(imageRootDir, 'mobile/diploma.png');
+const Kids3MobileImg = path.join(imageRootDir, 'mobile/kids3.png');
 const Kids2MobileImg = path.join(imageRootDir, 'mobile/kids2.png');
+const KidsMobileImg = path.join(imageRootDir, 'mobile/kids.png');
 const LikeMobileImg = path.join(imageRootDir, 'mobile/like.png');
-const StatDecorMobileImg = path.join(imageRootDir, 'mobile/outdoors/decoration.png');
-const StatScooterMobileImg = path.join(imageRootDir, 'mobile/outdoors/scooter.png');
+const StatDecorMobileImg = path.join(imageRootDir, 'mobile/decoration2.png');
+const StatScooterMobileImg = path.join(imageRootDir, 'mobile/scooter.png');
 const PinataMobileImg = path.join(imageRootDir, 'mobile/pinata.png');
 const ProgramsMobileImg = path.join(imageRootDir, 'mobile/programms.png');
-const BooksMobileImg = path.join(imageRootDir, 'mobile/quests/eger/books.png');
-const KeysMobileImg = path.join(imageRootDir, 'mobile/quests/eger/keys.png');
-const MapMobileImg = path.join(imageRootDir, 'mobile/quests/eger/map.png');
+const BooksMobileImg = path.join(imageRootDir, 'mobile/books.png');
+const KeysMobileImg = path.join(imageRootDir, 'mobile/keys.png');
+const MapMobileImg = path.join(imageRootDir, 'mobile/map.png');
 const RateMobileImg = path.join(imageRootDir, 'mobile/rate.png');
 const StarMobileImg = path.join(imageRootDir, 'mobile/star.png');
 const MasterClassDecorMobileImg = path.join(imageRootDir, 'mobile/master-classes/decoration.png');
@@ -131,7 +130,7 @@ const birthdayItems: StatisticsItem[] = [
         top: -20,
       },
       mobileSrc: ProgramsMobileImg,
-      mobileWidth: 84,
+      mobileWidth: 89,
       position: {
         right: 0,
         top: 15,
@@ -182,7 +181,7 @@ const birthdayItems: StatisticsItem[] = [
         right: 26,
         top: -10,
       },
-      mobileSrc: KidsMobileImg,
+      mobileSrc: Kids3MobileImg,
       mobileWidth: 108,
       position: {
         right: -10,
@@ -337,7 +336,7 @@ const graduationItems: StatisticsItem[] = [
         left: 12,
         top: -10,
       },
-      mobileSrc: GraduationRateMobileImg,
+      mobileSrc: RateMobileImg,
       mobileWidth: 106,
       position: {
         right: 22,
@@ -415,13 +414,13 @@ const graduationItems: StatisticsItem[] = [
         right: 10,
         top: -10,
       },
-      mobileSrc: GraduationKidsMobileImg,
+      mobileSrc: Kids2MobileImg,
       mobileWidth: 127,
       position: {
         right: -10,
         top: 15,
       },
-      src: GraduationKidsMobileImg,
+      src: Kids2MobileImg,
       width: 138,
     },
     size: {
@@ -473,19 +472,19 @@ const outdoorsItems: StatisticsItem[] = [
   {
     img: {
       alt: 'programs',
-      height: 98,
-      mobileHeight: 116,
+      height: 88,
+      mobileHeight: 114,
       mobilePosition: {
         right: 10,
         top: -10,
       },
       mobileSrc: StatScooterMobileImg,
-      mobileWidth: 114,
+      mobileWidth: 116,
       position: {
         right: 22,
         top: 15,
       },
-      src: StatScooterDesktopImg,
+      src: ScooterDesktopImg,
       width: 94,
     },
     size: {
@@ -511,7 +510,7 @@ const outdoorsItems: StatisticsItem[] = [
         right: 35,
         top: 10,
       },
-      src: StatDecorDesktopImg,
+      src: DecorDesktopImg,
       width: 60,
     },
     size: {
@@ -531,8 +530,8 @@ const outdoorsItems: StatisticsItem[] = [
         left: 28,
         top: -10,
       },
-      mobileSrc: KidsMobileImg,
-      mobileWidth: 106,
+      mobileSrc: Kids3MobileImg,
+      mobileWidth: 108,
       position: {
         right: -10,
         top: 15,
@@ -569,8 +568,8 @@ const egerQuestItems: StatisticsItem[] = [
         right: 15,
         top: -20,
       },
-      mobileSrc: Kids2MobileImg,
-      mobileWidth: 106,
+      mobileSrc: KidsMobileImg,
+      mobileWidth: 105,
       position: {
         right: 22,
         top: 20,
@@ -604,7 +603,7 @@ const egerQuestItems: StatisticsItem[] = [
         top: 15,
       },
       src: BooksDesktopImg,
-      width: 109,
+      width: 108,
     },
     mobileOrder: 4,
     order: 2,
@@ -632,7 +631,7 @@ const egerQuestItems: StatisticsItem[] = [
         top: 10,
       },
       src: MapDesktopImg,
-      width: 69,
+      width: 68,
     },
     mobileOrder: 3,
     order: 3,
@@ -660,7 +659,7 @@ const egerQuestItems: StatisticsItem[] = [
         top: 15,
       },
       src: KeysDesktopImg,
-      width: 69,
+      width: 68,
     },
     mobileOrder: 2,
     order: 4,
@@ -693,7 +692,7 @@ const faraonQuestItems: StatisticsItem[] = [
         right: 15,
         top: -20,
       },
-      mobileSrc: Kids2MobileImg,
+      mobileSrc: KidsMobileImg,
       mobileWidth: 105,
       position: {
         right: 22,
@@ -728,7 +727,7 @@ const faraonQuestItems: StatisticsItem[] = [
         top: 15,
       },
       src: BooksDesktopImg,
-      width: 109,
+      width: 108,
     },
     mobileOrder: 4,
     order: 2,
@@ -756,7 +755,7 @@ const faraonQuestItems: StatisticsItem[] = [
         top: 10,
       },
       src: MapDesktopImg,
-      width: 69,
+      width: 68,
     },
     mobileOrder: 3,
     order: 3,
@@ -784,7 +783,7 @@ const faraonQuestItems: StatisticsItem[] = [
         top: 15,
       },
       src: KeysDesktopImg,
-      width: 69,
+      width: 68,
     },
     mobileOrder: 2,
     order: 4,
@@ -817,7 +816,7 @@ const multQuestItems: StatisticsItem[] = [
         right: 15,
         top: -20,
       },
-      mobileSrc: Kids2MobileImg,
+      mobileSrc: KidsMobileImg,
       mobileWidth: 105,
       position: {
         right: 22,
@@ -840,7 +839,7 @@ const multQuestItems: StatisticsItem[] = [
     img: {
       alt: 'programs',
       height: 90,
-      mobileHeight: 112,
+      mobileHeight: 122,
       mobilePosition: {
         right: -20,
         top: 5,
@@ -852,7 +851,7 @@ const multQuestItems: StatisticsItem[] = [
         top: 15,
       },
       src: BooksDesktopImg,
-      width: 109,
+      width: 108,
     },
     mobileOrder: 4,
     order: 2,
@@ -880,7 +879,7 @@ const multQuestItems: StatisticsItem[] = [
         top: 10,
       },
       src: MapDesktopImg,
-      width: 69,
+      width: 68,
     },
     mobileOrder: 3,
     order: 3,
@@ -908,7 +907,7 @@ const multQuestItems: StatisticsItem[] = [
         top: 15,
       },
       src: KeysDesktopImg,
-      width: 69,
+      width: 68,
     },
     mobileOrder: 2,
     order: 4,

src/api/routes/stories/controller.ts

@@ -27,7 +27,6 @@ const exampleMobile = path.join(imageRootDir, 'exampleMobile.png');
 const example2Mobile = path.join(imageRootDir, 'example2Mobile.png');
 const example3Mobile = path.join(imageRootDir, 'example3Mobile.png');
 const example4Mobile = path.join(imageRootDir, 'example4Mobile.png');
-const example5Mobile = path.join(imageRootDir, 'example5Mobile.png');
 
 const HomePageVulpesImg = path.join(imageRootDir, 'vulpes/homepage.png');