From 5277af0b4607aa70f908d24471e2d98daffd4ebc Mon Sep 17 00:00:00 2001
From: Sergey Krylov <ksv741@mail.ru>
Date: Sat, 26 Aug 2023 17:49:07 +0300
Subject: [PATCH] refactor(eger): make pixel perfect eger quest page

---
 src/api/routes/quests/controller.ts    | 138 +++++++++++++++++++------
 src/api/routes/statistic/controller.ts |   2 +-
 src/api/routes/stories/controller.ts   |   2 +-
 3 files changed, 110 insertions(+), 32 deletions(-)

diff --git a/src/api/routes/quests/controller.ts b/src/api/routes/quests/controller.ts
index 0492e96..183ca3c 100644
--- a/src/api/routes/quests/controller.ts
+++ b/src/api/routes/quests/controller.ts
@@ -160,8 +160,14 @@ export type QuestItemType = {
     text: string;
   };
   title: {
-    mobileStyles?: object;
-    styles?: object;
+    card: {
+      mobileStyles?: object;
+      styles?: object;
+    };
+    single: {
+      mobileStyles?: object;
+      styles?: object;
+    };
     text: string;
   };
   type: {
@@ -174,6 +180,14 @@ const egerStories: StoryType[] = [
   {
     card: {
       content: {
+        border: {
+          inner: {
+            color: 'transparent',
+          },
+          outer: {
+            color: COLORS[ColorVariant.WHITE],
+          },
+        },
         image: {
           alt: 'Сюжет',
           mobileSrc: egerPlotMobileImage,
@@ -274,6 +288,14 @@ const egerStories: StoryType[] = [
   {
     card: {
       content: {
+        border: {
+          inner: {
+            color: 'transparent',
+          },
+          outer: {
+            color: COLORS[ColorVariant.WHITE],
+          },
+        },
         image: {
           alt: 'Отзывы наших клиентов',
           mobileSrc: egerFeedbackMobileImage,
@@ -295,6 +317,14 @@ const egerStories: StoryType[] = [
   {
     card: {
       content: {
+        border: {
+          inner: {
+            color: 'transparent',
+          },
+          outer: {
+            color: COLORS[ColorVariant.WHITE],
+          },
+        },
         image: {
           alt: 'Фотографии и видео',
           mobileSrc: egerGalleryMobileImage,
@@ -359,15 +389,30 @@ export const egerQuest: QuestItemType = {
     text: '60 минут',
   },
   title: {
-    mobileStyles: {
-      color: '#fff',
-      fontFamily: 'DwarvenStonecraftCyr',
-      fontSize: 115,
+    card: {
+      mobileStyles: {
+        color: '#fff',
+        fontFamily: 'DwarvenStonecraftCyr',
+        fontSize: 115,
+      },
+      styles: {
+        color: '#fff',
+        fontFamily: 'DwarvenStonecraftCyr',
+        fontSize: 120,
+      },
     },
-    styles: {
-      color: '#fff',
-      fontFamily: 'DwarvenStonecraftCyr',
-      fontSize: 120,
+    single: {
+      mobileStyles: {
+        color: '#fff',
+        fontFamily: 'DwarvenStonecraftCyr',
+        fontSize: 96,
+      },
+      styles: {
+        color: '#fff',
+        fontFamily: 'DwarvenStonecraftCyr',
+        fontSize: 230,
+        lineHeight: '100%',
+      },
     },
     text: 'Егерь',
   },
@@ -583,17 +628,33 @@ export const faraonQuest: QuestItemType = {
     text: '60 минут',
   },
   title: {
-    mobileStyles: {
-      border: '3px #fff',
-      color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
-      fontFamily: 'Angry',
-      fontSize: 56,
+    card: {
+      mobileStyles: {
+        border: '3px #fff',
+        color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
+        fontFamily: 'Angry',
+        fontSize: 56,
+      },
+      styles: {
+        border: '3px #fff',
+        color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
+        fontFamily: 'Angry',
+        fontSize: 56,
+      },
     },
-    styles: {
-      border: '3px #fff',
-      color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
-      fontFamily: 'Angry',
-      fontSize: 56,
+    single: {
+      mobileStyles: {
+        border: '3px #fff',
+        color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
+        fontFamily: 'Angry',
+        fontSize: 56,
+      },
+      styles: {
+        border: '3px #fff',
+        color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
+        fontFamily: 'Angry',
+        fontSize: 56,
+      },
     },
     text: 'Фараон',
   },
@@ -797,18 +858,35 @@ export const multQuest: QuestItemType = {
     text: '60 минут',
   },
   title: {
-    mobileStyles: {
-      border: '4px #fff',
-      color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
-      fontFamily: 'Airfool',
-      fontSize: 78,
+    card: {
+      mobileStyles: {
+        border: '4px #fff',
+        color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
+        fontFamily: 'Airfool',
+        fontSize: 78,
+      },
+      styles: {
+        border: '4px #fff',
+        color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
+        fontFamily: 'Airfool',
+        fontSize: 78,
+      },
     },
-    styles: {
-      border: '4px #fff',
-      color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
-      fontFamily: 'Airfool',
-      fontSize: 78,
+    single: {
+      mobileStyles: {
+        border: '4px #fff',
+        color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
+        fontFamily: 'Airfool',
+        fontSize: 78,
+      },
+      styles: {
+        border: '4px #fff',
+        color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
+        fontFamily: 'Airfool',
+        fontSize: 78,
+      },
     },
+
     text: 'Мульт',
   },
   type: {
diff --git a/src/api/routes/statistic/controller.ts b/src/api/routes/statistic/controller.ts
index 09be2e8..9369dc0 100644
--- a/src/api/routes/statistic/controller.ts
+++ b/src/api/routes/statistic/controller.ts
@@ -557,7 +557,7 @@ const egerQuestItems: StatisticsItem[] = [
       width: 'auto',
       xs: 12,
     },
-    text: 'Ежегодно нас выбирают и к нам возвращаются тысячи клиентов, потому что:',
+    text: 'Ежегодно нас выбирают\\n и к нам возвращаются\\n тысячи клиентов, потому что:',
     title: 'Доверьтесь лидеру\\n в сфере развлечений',
   },
   {
diff --git a/src/api/routes/stories/controller.ts b/src/api/routes/stories/controller.ts
index fc44e9b..2a50825 100644
--- a/src/api/routes/stories/controller.ts
+++ b/src/api/routes/stories/controller.ts
@@ -522,8 +522,8 @@ const homePageStories: StoryType[] = [
       content: {
         image: {
           alt: 'Новые программы для праздника',
-          src: example3,
           mobileSrc: example3Mobile,
+          src: example3,
         },
         title: 'Новые программы\\n для праздника',
       },