Main page styling

.vitepress/config/en.ts

@@ -213,16 +213,16 @@ function getNav(): DefaultTheme.NavItem[] {
 		link: "/manuals/guides/getting-started/",
 		activeMatch: "/manuals/",
 	},
-	{
+/* 	{
 		text: "Desktop app",
 		link: "/desktop/",
 		activeMatch: "/desktop/",
-	},
-	{
+	}, */
+/* 	{
 		text: "News",
 		link: "/news/",
 		activeMatch: "/news/"
-	}
+	} */
   ]
 }
 

.vitepress/theme/components/Feature.vue

@@ -1,5 +1,9 @@
 <script setup lang="ts">
+import VPImage from 'vitepress/dist/client/theme-default/components/VPImage.vue';
+import type { DefaultTheme } from 'vitepress/theme'
+
 defineProps<{
+  image: DefaultTheme.ThemeableImage
   title: string
   details?: string
 }>()
@@ -7,23 +11,28 @@ defineProps<{
 
 <template>
   <div class="Feature">
-    <article class="box">
-      <h2 class="title" v-html="title"></h2>
-      <p v-if="details" class="details" v-html="details"></p>
-    </article>
+    <div class="box">
+      <h1 v-if="title" class="title">
+        <span v-html="title" class="clip"></span>
+      </h1>
+      <p v-if="details" class="details">
+        <p v-html="details"></p>
+      </p>
+      <div class="image">
+        <VPImage class="image-src" :image="image" />
+      </div>
+    </div>
   </div>
 </template>
 
 <style scoped>
 .Feature {
-  color: inherit;
   display: block;
   border: 4px solid var(--vp-c-brand-soft);
   border-radius: var(--vp-border-radius);
   height: 100%;
-  overflow-x: hidden;
   box-shadow: var(--vp-shadow-6);
-  transition: box-shadow .3s cubic-bezier(.22,.61,.36,1);
+  transition: border-color 0.25s, background-color 0.25s;
 }
 
 .box {
@@ -48,6 +57,11 @@ defineProps<{
   color: var(--vp-c-text-2);
 }
 
+.image {
+  margin-top: 24px;
+  margin-bottom: -24px;
+}
+
 .details:deep(a) {
   color: var(--vp-c-brand-1);
 }

.vitepress/theme/components/FeatureTitle.vue

@@ -0,0 +1,40 @@
+<template>
+    <div class="FeatureTitle">
+        <div class="container">
+            <p class="title">What Kotatsu can do?</p>
+            <h1 class="subtitle">And here's what it does!</h1>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+
+.FeatureTitle {
+  position: relative;
+  padding: 0 24px 24px 24px;
+}
+
+.container {
+  margin: 0 auto;
+  max-width: 1152px;
+}
+
+.title {
+  max-width: 392px;
+  line-height: 28px;
+  font-size: 24px;
+  font-weight: 500;
+  white-space: pre-wrap;
+}
+
+.subtitle {
+  padding-top: 8px;
+  max-width: 392px;
+  line-height: 28px;
+  font-size: 18px;
+  font-weight: 300;
+  white-space: pre-wrap;
+  color: var(--vp-c-text-2);
+}
+
+</style>

.vitepress/theme/components/Features.vue

@@ -5,7 +5,7 @@ import type { DefaultTheme } from 'vitepress/theme-without-fonts'
 import Feature from './Feature.vue'
 
 export interface Feature {
-  icon?: DefaultTheme.FeatureIcon
+  image?: DefaultTheme.ThemeableImage
   title: string
   details: string
   link?: string
@@ -44,7 +44,7 @@ const grid = computed(() => {
           :class="[grid]"
         >
           <Feature
-            :icon="feature.icon"
+            :image="feature.image"
             :title="feature.title"
             :details="feature.details"
             :link="feature.link"

.vitepress/theme/components/Home.vue

@@ -3,6 +3,7 @@ import { useData } from 'vitepress'
 
 import HomeHero from './HomeHero.vue'
 import Features from './Features.vue';
+import FeatureTitle from './FeatureTitle.vue';
 
 const { frontmatter: fm } = useData()
 </script>
@@ -11,6 +12,7 @@ const { frontmatter: fm } = useData()
   <template v-if="fm.main">
     <div class="container">
       <HomeHero :data="fm.main" />
+      <FeatureTitle />
       <Features :features="fm.main.features" />
     </div>
   </template>

.vitepress/theme/components/HomeHero.vue

@@ -1,5 +1,9 @@
 <script setup lang="ts">
+import { useQRCode } from '@vueuse/integrations/useQRCode'
+import type { DefaultTheme } from 'vitepress/theme'
+import VPImage from 'vitepress/dist/client/theme-default/components/VPImage.vue'
 import Button from './Button.vue'
+import { type Ref, inject } from 'vue'
 
 export interface HeroAction {
   theme?: 'brand' | 'alt'
@@ -8,6 +12,7 @@ export interface HeroAction {
 }
 
 export interface Data {
+  image?: DefaultTheme.ThemeableImage
   title: string
   text: string
   tagline: string
@@ -17,17 +22,22 @@ export interface Data {
 defineProps<{
   data: Data
 }>()
+
+const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
+const qrcode = useQRCode('https://github.com/KotatsuApp/Kotatsu/releases/latest')
 </script>
 
 <template>
-  <section id="hero">
-    <h1 class="title">
-      <span class="accent">{{ data.title }}</span>
+  <div class="VPHomeHero" :class="{ 'has-image': data.image || heroImageSlotExists }">
+    <div class="container">
+      <div class="main">
+        <slot name="home-hero-info">
+          <h1 v-if="data.title" class="title">
+            <span v-html="data.title" class="clip"></span>
           </h1>
-    <p class="description">
-      {{ data.tagline }}
-    </p>
-    <p class="actions">
+          <p v-if="data.tagline" v-html="data.tagline" class="description"></p>
+        </slot>
+        <div v-if="data.actions" class="actions">
           <p v-for="action in data.actions" :key="action.link" class="action">
             <Button
               tag="a"
@@ -36,94 +46,267 @@ defineProps<{
               :href="action.link"
             />
           </p>
-    </p>
-  </section>
+        </div>
+      </div>
+      <div v-if="data.image || heroImageSlotExists" class="image">
+        <div class="image-container">
+          <div class="image-bg" />
+          <slot name="image">
+            <VPImage class="image-src" :image="data.image" />
+          </slot>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <style scoped>
+.VPHomeHero {
+  margin-top: calc((var(--vp-nav-height) + var(--var-layout-top-height, 0px)) * -1);
+  padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px;
+}
+
+@media (min-width: 640px) {
+  .VPHomeHero {
+    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px;
+  }
+}
+
+@media (min-width: 960px) {
+  .VPHomeHero {
+    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px;
+  }
+}
 
-section {
-  padding: 42px 32px;
+.container {
+  display: flex;
+  flex-direction: column;
+  margin: 0 auto;
+  max-width: 1152px;
+}
+
+@media (min-width: 960px) {
+  .container {
+    flex-direction: row;
+  }
+}
+
+.main {
+  position: relative;
+  z-index: 10;
+  order: 2;
+  flex-grow: 1;
+  flex-shrink: 0;
 }
 
-#hero {
-  padding: 96px;
+.VPHomeHero.has-image .container {
+  text-align: center;
+}
+
+@media (min-width: 960px) {
+  .VPHomeHero.has-image .container {
     text-align: left;
   }
+}
+
+@media (min-width: 960px) {
+  .main {
+    order: 1;
+    width: calc((100% / 3) * 2);
+  }
+
+  .VPHomeHero.has-image .main {
+    max-width: 592px;
+  }
+}
 
 .title {
   font-size: 48px;
-  line-height: 52px;
+  letter-spacing: -0.4px;
+  line-height: 50px;
+  font-weight: 700;
+  max-width: 392px;
+  white-space: pre-wrap;
+}
+
+.VPHomeHero.has-image .title {
+  margin: 0 auto;
+}
+
+@media (min-width: 640px) {
+  .title {
+    max-width: 576px;
+    line-height: 56px;
+    font-size: 48px;
+  }
+}
+
+@media (min-width: 960px) {
+  .title {
+    line-height: 64px;
+    font-size: 56px;
+  }
+
+  .VPHomeHero.has-image .title {
+    margin: 1.5rem 0;
+  }
+}
+
+.description {
+  padding-top: 8px;
+  max-width: 392px;
+  line-height: 28px;
+  font-size: 18px;
   font-weight: 500;
-  max-width: 1340px;
-  margin: 0px auto;
+  white-space: pre-wrap;
+  color: var(--vp-c-text-2);
+}
+
+.VPHomeHero.has-image .description {
+  margin: 0 auto;
 }
 
-html:not(.dark) .accent,
-.dark .title {
-  background: -webkit-linear-gradient(315deg, var(--vp-c-brand-1) 10%, var(--vp-c-brand-3) 50%);
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
+@media (min-width: 640px) {
+  .description {
+    padding-top: 12px;
+    max-width: 576px;
+    line-height: 32px;
+    font-size: 20px;
+  }
 }
 
+@media (min-width: 960px) {
   .description {
+    line-height: 36px;
+    font-size: 24px;
         max-width: 576px;
-  line-height: 1.5;
-  color: var(--vt-c-text-2);
-  transition: color 0.5s;
-  font-size: 17px;
-  margin: 24px 0;
+  }
+
+  .VPHomeHero.has-image .description {
+    margin: 0;
+  }
 }
 
 .actions {
   display: flex;
   flex-wrap: wrap;
-  justify-content: left;
+  padding-top: 24px;
   margin: -6px;
 }
 
+.VPHomeHero.has-image .actions {
+  justify-content: center;
+}
+
+@media (min-width: 640px) {
+  .actions {
+    padding-top: 32px;
+  }
+}
+
+@media (min-width: 960px) {
+  .VPHomeHero.has-image .actions {
+    justify-content: flex-start;
+  }
+}
+
 .action {
   flex-shrink: 0;
   padding: 6px;
 }
 
-@media (max-width: 1340px) {
-  .tagline {
-    font-size: 64px;
-    letter-spacing: -0.5px;
+.image {
+  order: 1;
+  margin: -76px -24px -48px;
+}
+
+@media (min-width: 640px) {
+  .image {
+    margin: -108px -24px -48px;
   }
 }
 
-@media (max-width: 768px) {
-  #hero {
-    padding: 48px;
+@media (min-width: 960px) {
+  .image {
+    flex-grow: 1;
+    order: 2;
+    margin: 0;
+    min-height: 100%;
   }
-  .tagline {
-    font-size: 48px;
-    letter-spacing: -0.5px;
 }
+
+.image-container {
+  position: relative;
+  margin: 0 auto;
+  width: 320px;
+  height: 320px;
 }
 
-@media (max-width: 576px) {
-  #hero {
-    padding: 56px 32px;
+@media (min-width: 640px) {
+  .image-container {
+    width: 392px;
+    height: 392px;
   }
-  .description {
-    font-size: 16px;
-    margin: 18px 0 30px;
 }
-  #highlights h3 {
-    margin-bottom: 0.6em;
+
+@media (min-width: 960px) {
+  .image-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.image-bg {
+  position: absolute;
+  top: 50%;
+  /*rtl:ignore*/
+  left: 50%;
+  border-radius: 50%;
+  width: 192px;
+  height: 192px;
+  background-image: var(--vp-home-hero-image-background-image);
+  filter: var(--vp-home-hero-image-filter);
+  /*rtl:ignore*/
+  transform: translate(-50%, -50%);
 }
-  #highlights .vt-box {
-    padding: 20px 36px;
+
+@media (min-width: 640px) {
+  .image-bg {
+    width: 256px;
+    height: 256px;
+  }
+}
+
+@media (min-width: 960px) {
+  .image-bg {
+    width: 320px;
+    height: 320px;
+  }
+}
+
+:deep(.image-src) {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  max-width: 192px;
+  max-height: 192px;
+  transform: translate(-50%, -50%);
+}
+
+@media (min-width: 640px) {
+  :deep(.image-src) {
+    max-width: 256px;
+    max-height: 256px;
   }
 }
 
-@media (max-width: 370px) {
-  .tagline {
-    font-size: 36px;
+@media (min-width: 960px) {
+  :deep(.image-src) {
+    max-width: 320px;
+    max-height: 320px;
   }
 }
 </style>

.vitepress/theme/styles/global.css

@@ -7,10 +7,15 @@
   
     --vp-c-gray-1: #f7f7f7;
   
-    --vp-c-blue-1: #0059C8;
+    --vp-c-blue-1: #0059c8;
     --vp-c-blue-2: #0152b6;
     --vp-c-blue-3: #0764d4;
-    --vp-c-blue-soft: #005ac80e;
+    --vp-c-blue-soft: #0059c80e;
+
+    --vp-c-accent-1: #575e71;
+    --vp-c-accent-2: #4b5061;
+    --vp-c-accent-3: #4b5164;
+    --vp-c-accent-soft: #575e710e;
   
     --vp-c-brand-1: var(--vp-c-blue-1);
     --vp-c-brand-2: var(--vp-c-blue-2);
@@ -60,8 +65,8 @@
     --vp-local-search-footer-shadow: 0 -1px 0 0 #e0e3e8, 0 -3px 6px 0 rgba(69, 98, 155, .12);
 
     --vp-home-hero-name-color: transparent;
-	  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand) 30%, var(--vp-c-brand-dark));
-	  --vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand-light) 50%, var(--vp-c-brand-lighter) 50%);
+/* 	  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand-1) 30%, var(--vp-c-brand-dark));
+	  --vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-accent-1) 50%, var(--vp-c-brand-1) 50%); */
 	  --vp-home-hero-image-filter: blur(40px);
   }
   
@@ -77,10 +82,13 @@
     --vp-c-blue-1: #7da1e9;
     --vp-c-blue-2: #6382c2;
     --vp-c-blue-3: #86a2da;
+    --vp-c-accent-1: #bec6dc;
+    --vp-c-accent-2: #a0a7bd;
+    --vp-c-accent-3: #b2b8c9;
     --vp-local-search-result-bg: var(--vp-c-bg-soft-mute);
     --vp-local-search-result-shadow: none;
     --vp-local-search-footer-shadow: none;
-    --vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand-darker) 25%, var(--vp-c-brand-darkest) 25%);
+/*     --vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-accent-1) 25%, var(--vp-c-brand-1) 25%); */
   }
 
   @media (min-width: 640px) {

website/index.md

@@ -3,8 +3,12 @@ title: Kotatsu
 layout: home
 
 main:
-  title: Reading wherever you are
+  title: Manga in your pocket
   tagline: A simple and convenient open source manga reader from and for the community, where you can find and read your favorite manga easier than ever.
+  image: 
+    alt: Kotatsu Logo
+    light: /logo-compact.svg
+    dark: /logo-compact-dark.svg
   actions:
     - theme: brand
       text: Download
@@ -13,10 +17,40 @@ main:
       text: Manuals
       link: /manuals/guides/getting-started/
   features:
-    - title: Huge count of sources
+    - image: 
+        alt: Feature Sources
+        light: /img/feature_sources-light.webp
+        dark: /img/feature_sources-dark.webp
+      title: Huge count of sources
       details: Supports over a 500+ sources
-    - title: Supports tracking
+    - image: 
+        alt: Feature Reader
+        light: /img/feature_reader-light.webp
+        dark: /img/feature_reader-dark.webp
+      title: Customizable reader
+      details: Make reading even more convenient with different reader settings
+    - image: 
+        alt: Feature Tracking
+        light: /img/feature_tracking-light.webp
+        dark: /img/feature_tracking-dark.webp
+      title: Supports tracking
       details: Supports MyAnimeList, Anilist and Shikimori
-    - title: Synchronization
+    - image: 
+        alt: Feature Search
+        light: /img/feature_search-light.webp
+        dark: /img/feature_search-dark.webp
+      title: Smart search
+      details: Search for interested titles quickly and easily
+    - image: 
+        alt: Feature Downloads
+        light: /img/feature_downloads-light.webp
+        dark: /img/feature_downloads-dark.webp
+      title: Powerful downloader
+      details: Can download titles slowly to avoid problems with sources
+    - image: 
+        alt: Feature Sync
+        light: /img/feature_sync-light.webp
+        dark: /img/feature_sync-dark.webp
+      title: Synchronization
       details: Easily sync series between your devices.
 ---

website/manuals/faq/general/index.md

@@ -80,3 +80,6 @@ Please follow these steps:
 :::tip Note
 More information about backup and restore is listed [here](/manuals/guides/backups/).
 :::
+
+## Can I restore my Tachiyomi backup to Kotatsu?
+No, you can't. This is due to the difficulty in supporting and adapting the `.proto.gz` format that **Tachiyomi** uses. Also **Kotatsu** and **Tachiyomi** and its forks have different data structures that they use.

website/public/logo-compact-dark.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1406.2 1406.2" style="enable-background:new 0 0 1406.2 1406.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#7DA1E9;}
+	.st1{display:none;}
+	.st2{display:inline;}
+</style>
+<path id="path" class="st0" d="M391.7,270.7c-51.6,18.6-96.2,88.4-117.9,183.6c-7.8,34.8-15.1,93.5-15.1,121.7v19.7l-23.3,36.6
+	c-65,101.3-124.6,206.8-180.5,319.2C5.1,1051,0,1063.2,0,1080.9c0,7.8,2,18,4,22.2c6.6,12,22.2,24.4,39.7,31l16,6.2l651.1-0.2
+	c633.1,0,651.1-0.4,661.2-5.3c32.6-16.9,43-51.7,26.2-88c-63.8-139-150.5-296.8-229.6-418.5l-19.1-29.5l-2.2-33.7
+	c-8.7-129.4-36.1-208.6-92-266.5c-24.2-24.8-33.5-30.4-50.6-30.6c-23.9,0-39.9,10.9-75.6,52.1c-35.2,40.4-42.4,50.1-66.9,86.4
+	c-12,17.7-27,38.3-33.2,45.5l-11.3,13.5h-117l-117-0.2L560.2,429C515,359.2,440.7,274.5,419.6,268.7
+	C406.8,264.9,409,264.5,391.7,270.7z M466.2,666.4c8.9,6.2,11.3,11.8,14.4,37.7c4,30.6,7.7,34.8,27.5,32.4
+	c18-2.2,32.6,3.6,40.8,16.6c16,25.9-11.5,80.2-50.6,99.3c-14,7.1-19.1,7.8-42.8,7.8c-22.8,0-28.8-1.1-39.4-6.7
+	c-31.2-16.4-50.3-40.3-58.3-71.8c-4-16.6-4.2-21.7-1.1-36.3c4.2-21.1,11.5-35.2,24.8-50.1C404.8,669.5,449.1,654.4,466.2,666.4z
+	 M964,669c8.7,7.3,9.3,9.7,13.5,43.4c2.6,20.6,8.7,26.8,25.3,24.2c16-2.2,29.9,2.2,39.2,12.9c15.1,18.2,6.2,53.4-20.8,82.2
+	c-21.7,23.1-35.2,28.4-69.2,28.8c-25.9,0-29.1-0.5-42.8-8.2c-20.2-11.3-38.4-29.9-47.7-49c-6.2-12.8-8.2-20.8-8.9-39.2
+	c-0.9-21.1,0-25,7.7-41c14-30.4,35.5-49.2,65-57C945.2,660.2,954.7,661.1,964,669z"/>
+<g class="st1">
+	<path class="st2" d="M1806.5,939.2V464h88.3v475.3L1806.5,939.2L1806.5,939.2z M1885.3,827.2l-4.8-104.5L2129.7,464h99.1
+		l-207.1,220l-48.9,53.6L1885.3,827.2z M2137.8,939.2l-181.9-216.6l58.4-64.5L2241,939.2H2137.8L2137.8,939.2z"/>
+	<path class="st2" d="M2440.6,944c-37.1,0-70.2-8-99.1-24.1c-29-16.1-51.8-38.1-68.6-66.2c-16.8-28.1-25.1-60-25.1-95.7
+		c0-36.2,8.4-68.2,25.1-96.1c16.7-27.8,39.6-49.7,68.6-65.5s62-23.8,99.1-23.8c37.6,0,70.9,7.9,100.1,23.8
+		c29.2,15.9,52.1,37.6,68.6,65.2c16.5,27.6,24.8,59.8,24.8,96.4c0,35.8-8.3,67.7-24.8,95.7c-16.5,28.1-39.4,50.1-68.6,66.2
+		C2511.6,936,2478.2,944,2440.6,944z M2440.6,871.3c20.8,0,39.4-4.5,55.7-13.6c16.3-9,29.1-22.2,38.4-39.4
+		c9.3-17.2,13.9-37.3,13.9-60.4c0-23.5-4.6-43.8-13.9-60.8c-9.3-17-22.1-30-38.4-39c-16.3-9-34.6-13.6-55-13.6
+		c-20.8,0-39.3,4.5-55.3,13.6c-16.1,9-28.8,22.1-38.3,39c-9.5,17-14.3,37.2-14.3,60.8c0,23.1,4.8,43.2,14.3,60.4
+		s22.3,30.3,38.3,39.4C2402,866.8,2420.3,871.3,2440.6,871.3z"/>
+	<path class="st2" d="M2667.4,647.3v-67.9h241.7v67.9H2667.4z M2852.1,944c-39.8,0-70.6-10.3-92.3-30.9
+		c-21.7-20.6-32.6-51-32.6-91.3V496.6h84.9v323.2c0,17.2,4.4,30.5,13.2,40.1c8.8,9.5,21.1,14.3,37,14.3c19,0,34.9-5,47.5-14.9
+		l23.8,60.4c-9.9,8.2-22.2,14.3-36.7,18.3C2882.4,941.9,2867.4,944,2852.1,944z"/>
+	<path class="st2" d="M3112.8,944c-27.2,0-50.9-4.6-71.3-13.9c-20.4-9.3-36.1-22.2-47.2-38.7c-11.1-16.5-16.6-35.2-16.6-56
+		c0-20.4,4.9-38.7,14.6-55c9.7-16.3,25.7-29.2,47.9-38.7s51.6-14.3,88.3-14.3h105.2v56.3h-99.1c-29,0-48.4,4.7-58.4,13.9
+		c-10,9.3-14.9,20.7-14.9,34.3c0,15.4,6.1,27.6,18.3,36.7c12.2,9.1,29.2,13.6,50.9,13.6c20.8,0,39.5-4.8,56-14.3
+		s28.4-23.5,35.6-42.1l14.3,50.9c-8.1,21.3-22.7,37.8-43.8,49.6S3144.9,944,3112.8,944z M3226.8,939.2v-73.3l-4.8-15.6V722
+		c0-24.9-7.5-44.2-22.4-58s-37.6-20.7-67.9-20.7c-20.4,0-40.4,3.2-60.1,9.5c-19.7,6.3-36.3,15.2-49.9,26.5l-33.3-61.8
+		c19.4-14.9,42.6-26.1,69.6-33.6c26.9-7.5,54.9-11.2,83.8-11.2c52.5,0,93.1,12.6,121.9,37.7c28.7,25.1,43.1,63.9,43.1,116.4v212.5
+		L3226.8,939.2L3226.8,939.2z"/>
+	<path class="st2" d="M3367.4,647.3v-67.9h241.7v67.9H3367.4z M3552,944c-39.8,0-70.6-10.3-92.3-30.9c-21.7-20.6-32.6-51-32.6-91.3
+		V496.6h84.9v323.2c0,17.2,4.4,30.5,13.2,40.1c8.8,9.5,21.1,14.3,37,14.3c19,0,34.9-5,47.5-14.9l23.8,60.4
+		c-9.9,8.2-22.2,14.3-36.7,18.3C3582.3,941.9,3567.4,944,3552,944z"/>
+	<path class="st2" d="M3815.5,944c-30.3,0-59.4-4-87.2-11.9s-49.9-17.5-66.2-28.9l32.6-64.5c16.3,10.4,35.8,19,58.4,25.8
+		c22.6,6.8,45.3,10.2,67.9,10.2c26.7,0,46-3.6,58-10.9c12-7.2,18-17,18-29.2c0-10-4.1-17.5-12.2-22.8c-8.1-5.2-18.8-9.2-31.9-11.9
+		c-13.1-2.7-27.7-5.2-43.8-7.5s-32.1-5.3-48.2-9.2c-16.1-3.8-30.7-9.5-43.8-17s-23.8-17.5-31.9-30.2c-8.1-12.7-12.2-29.4-12.2-50.2
+		c0-23.1,6.6-43.1,19.7-60.1c13.1-17,31.6-30.1,55.3-39.4c23.8-9.3,51.9-13.9,84.5-13.9c24.4,0,49.1,2.7,74,8.1
+		c24.9,5.4,45.5,13.1,61.8,23.1l-32.6,64.5c-17.2-10.4-34.5-17.5-51.9-21.4c-17.4-3.8-34.7-5.8-51.9-5.8c-25.8,0-44.9,3.9-57.4,11.5
+		c-12.4,7.7-18.7,17.4-18.7,29.2c0,10.9,4.1,19,12.2,24.4c8.1,5.4,18.8,9.7,31.9,12.9c13.1,3.2,27.7,5.8,43.8,7.8s32,5.1,47.9,9.2
+		c15.8,4.1,30.4,9.6,43.8,16.6c13.3,7,24.1,16.9,32.3,29.5c8.1,12.7,12.2,29.2,12.2,49.6c0,22.6-6.7,42.3-20,59.1
+		c-13.4,16.8-32.3,29.8-56.7,39C3878.6,939.3,3849.4,944,3815.5,944z"/>
+	<path class="st2" d="M4206.5,944c-30.8,0-57.9-5.8-81.5-17.3c-23.5-11.5-41.9-29.2-55-53s-19.7-53.7-19.7-90v-207h84.9v195.5
+		c0,32.6,7.4,56.9,22.1,73s35.6,24.1,62.8,24.1c19.9,0,37.2-4.1,51.9-12.2c14.7-8.1,26.2-20.4,34.6-36.7s12.6-36.4,12.6-60.4V576.7
+		h84.9v362.5h-80.8v-97.8l14.3,29.9c-12.2,23.5-30.1,41.5-53.6,54C4260.4,937.8,4234.6,944,4206.5,944z"/>
+</g>
+</svg>

website/public/logo-compact.svg

@@ -1,57 +1,56 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 1406.2 1406.2" style="enable-background:new 0 0 1406.2 1406.2;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#0058C9;}
 	.st1{display:none;}
 	.st2{display:inline;}
 </style>
-<path id="path" class="st0" d="M543,455.1c-28.3,10.2-52.8,48.5-64.7,100.8c-4.3,19.1-8.3,51.3-8.3,66.8v10.8l-12.8,20.1
-	c-35.7,55.6-68.4,113.5-99.1,175.2c-27.3,54.6-30.1,61.3-30.1,71c0,4.3,1.1,9.9,2.2,12.2c3.6,6.6,12.2,13.4,21.8,17l8.8,3.4
-	l357.4-0.1c347.5,0,357.4-0.2,362.9-2.9c17.9-9.3,23.6-28.4,14.4-48.3c-35-76.3-82.6-162.9-126-229.7l-10.5-16.2l-1.2-18.5
-	c-4.8-71-19.8-114.5-50.5-146.3c-13.3-13.6-18.4-16.7-27.8-16.8c-13.1,0-21.9,6-41.5,28.6c-19.3,22.2-23.3,27.5-36.7,47.4
-	c-6.6,9.7-14.8,21-18.2,25l-6.2,7.4h-64.2l-64.2-0.1l-13-19.9c-24.8-38.3-65.6-84.8-77.2-88C551.3,451.9,552.5,451.7,543,455.1z
-	 M583.9,672.3c4.9,3.4,6.2,6.5,7.9,20.7c2.2,16.8,4.2,19.1,15.1,17.8c9.9-1.2,17.9,2,22.4,9.1c8.8,14.2-6.3,44-27.8,54.5
-	c-7.7,3.9-10.5,4.3-23.5,4.3c-12.5,0-15.8-0.6-21.6-3.7c-17.1-9-27.6-22.1-32-39.4c-2.2-9.1-2.3-11.9-0.6-19.9
-	c2.3-11.6,6.3-19.3,13.6-27.5C550.2,674,574.5,665.7,583.9,672.3z M857.1,673.7c4.8,4,5.1,5.3,7.4,23.8c1.4,11.3,4.8,14.7,13.9,13.3
-	c8.8-1.2,16.4,1.2,21.5,7.1c8.3,10,3.4,29.3-11.4,45.1c-11.9,12.7-19.3,15.6-38,15.8c-14.2,0-16-0.3-23.5-4.5
-	c-11.1-6.2-21.1-16.4-26.2-26.9c-3.4-7-4.5-11.4-4.9-21.5c-0.5-11.6,0-13.7,4.2-22.5c7.7-16.7,19.5-27,35.7-31.3
-	C846.8,668.9,852,669.4,857.1,673.7z"/>
+<path id="path" class="st0" d="M391.7,270.7c-51.6,18.6-96.2,88.4-117.9,183.6c-7.8,34.8-15.1,93.5-15.1,121.7v19.7l-23.3,36.6
+	c-65,101.3-124.6,206.8-180.5,319.2C5.1,1051,0,1063.2,0,1080.9c0,7.8,2,18,4,22.2c6.6,12,22.2,24.4,39.7,31l16,6.2l651.1-0.2
+	c633.1,0,651.1-0.4,661.2-5.3c32.6-16.9,43-51.7,26.2-88c-63.8-139-150.5-296.8-229.6-418.5l-19.1-29.5l-2.2-33.7
+	c-8.7-129.4-36.1-208.6-92-266.5c-24.2-24.8-33.5-30.4-50.6-30.6c-23.9,0-39.9,10.9-75.6,52.1c-35.2,40.4-42.4,50.1-66.9,86.4
+	c-12,17.7-27,38.3-33.2,45.5l-11.3,13.5h-117l-117-0.2L560.2,429C515,359.2,440.7,274.5,419.6,268.7
+	C406.8,264.9,409,264.5,391.7,270.7z M466.2,666.4c8.9,6.2,11.3,11.8,14.4,37.7c4,30.6,7.7,34.8,27.5,32.4
+	c18-2.2,32.6,3.6,40.8,16.6c16,25.9-11.5,80.2-50.6,99.3c-14,7.1-19.1,7.8-42.8,7.8c-22.8,0-28.8-1.1-39.4-6.7
+	c-31.2-16.4-50.3-40.3-58.3-71.8c-4-16.6-4.2-21.7-1.1-36.3c4.2-21.1,11.5-35.2,24.8-50.1C404.8,669.5,449.1,654.4,466.2,666.4z
+	 M964,669c8.7,7.3,9.3,9.7,13.5,43.4c2.6,20.6,8.7,26.8,25.3,24.2c16-2.2,29.9,2.2,39.2,12.9c15.1,18.2,6.2,53.4-20.8,82.2
+	c-21.7,23.1-35.2,28.4-69.2,28.8c-25.9,0-29.1-0.5-42.8-8.2c-20.2-11.3-38.4-29.9-47.7-49c-6.2-12.8-8.2-20.8-8.9-39.2
+	c-0.9-21.1,0-25,7.7-41c14-30.4,35.5-49.2,65-57C945.2,660.2,954.7,661.1,964,669z"/>
 <g class="st1">
-	<path class="st2" d="M1806.5,939.2V464h88.3v475.3H1806.5z M1885.3,827.2l-4.8-104.5L2129.7,464h99.1l-207.1,220l-48.9,53.6
-		L1885.3,827.2z M2137.8,939.2l-181.9-216.6l58.4-64.5L2241,939.2L2137.8,939.2L2137.8,939.2z"/>
+	<path class="st2" d="M1806.5,939.2V464h88.3v475.3L1806.5,939.2L1806.5,939.2z M1885.3,827.2l-4.8-104.5L2129.7,464h99.1
+		l-207.1,220l-48.9,53.6L1885.3,827.2z M2137.8,939.2l-181.9-216.6l58.4-64.5L2241,939.2H2137.8L2137.8,939.2z"/>
 	<path class="st2" d="M2440.6,944c-37.1,0-70.2-8-99.1-24.1c-29-16.1-51.8-38.1-68.6-66.2c-16.8-28.1-25.1-60-25.1-95.7
-		c0-36.2,8.4-68.2,25.1-96.1c16.7-27.8,39.6-49.7,68.6-65.5c29-15.8,62-23.8,99.1-23.8c37.6,0,70.9,7.9,100.1,23.8
+		c0-36.2,8.4-68.2,25.1-96.1c16.7-27.8,39.6-49.7,68.6-65.5s62-23.8,99.1-23.8c37.6,0,70.9,7.9,100.1,23.8
 		c29.2,15.9,52.1,37.6,68.6,65.2c16.5,27.6,24.8,59.8,24.8,96.4c0,35.8-8.3,67.7-24.8,95.7c-16.5,28.1-39.4,50.1-68.6,66.2
 		C2511.6,936,2478.2,944,2440.6,944z M2440.6,871.3c20.8,0,39.4-4.5,55.7-13.6c16.3-9,29.1-22.2,38.4-39.4
 		c9.3-17.2,13.9-37.3,13.9-60.4c0-23.5-4.6-43.8-13.9-60.8c-9.3-17-22.1-30-38.4-39c-16.3-9-34.6-13.6-55-13.6
 		c-20.8,0-39.3,4.5-55.3,13.6c-16.1,9-28.8,22.1-38.3,39c-9.5,17-14.3,37.2-14.3,60.8c0,23.1,4.8,43.2,14.3,60.4
-		c9.5,17.2,22.3,30.3,38.3,39.4C2402,866.8,2420.3,871.3,2440.6,871.3z"/>
+		s22.3,30.3,38.3,39.4C2402,866.8,2420.3,871.3,2440.6,871.3z"/>
 	<path class="st2" d="M2667.4,647.3v-67.9h241.7v67.9H2667.4z M2852.1,944c-39.8,0-70.6-10.3-92.3-30.9
 		c-21.7-20.6-32.6-51-32.6-91.3V496.6h84.9v323.2c0,17.2,4.4,30.5,13.2,40.1c8.8,9.5,21.1,14.3,37,14.3c19,0,34.9-5,47.5-14.9
 		l23.8,60.4c-9.9,8.2-22.2,14.3-36.7,18.3C2882.4,941.9,2867.4,944,2852.1,944z"/>
 	<path class="st2" d="M3112.8,944c-27.2,0-50.9-4.6-71.3-13.9c-20.4-9.3-36.1-22.2-47.2-38.7c-11.1-16.5-16.6-35.2-16.6-56
-		c0-20.4,4.9-38.7,14.6-55c9.7-16.3,25.7-29.2,47.9-38.7c22.2-9.5,51.6-14.3,88.3-14.3h105.2v56.3h-99.1c-29,0-48.4,4.7-58.4,13.9
+		c0-20.4,4.9-38.7,14.6-55c9.7-16.3,25.7-29.2,47.9-38.7s51.6-14.3,88.3-14.3h105.2v56.3h-99.1c-29,0-48.4,4.7-58.4,13.9
 		c-10,9.3-14.9,20.7-14.9,34.3c0,15.4,6.1,27.6,18.3,36.7c12.2,9.1,29.2,13.6,50.9,13.6c20.8,0,39.5-4.8,56-14.3
-		c16.5-9.5,28.4-23.5,35.6-42.1l14.3,50.9c-8.1,21.3-22.7,37.8-43.8,49.6C3171.5,938.1,3144.9,944,3112.8,944z M3226.8,939.2v-73.3
-		l-4.8-15.6V722c0-24.9-7.5-44.2-22.4-58c-14.9-13.8-37.6-20.7-67.9-20.7c-20.4,0-40.4,3.2-60.1,9.5c-19.7,6.3-36.3,15.2-49.9,26.5
-		l-33.3-61.8c19.4-14.9,42.6-26.1,69.6-33.6c26.9-7.5,54.9-11.2,83.8-11.2c52.5,0,93.1,12.6,121.9,37.7
-		c28.7,25.1,43.1,63.9,43.1,116.4v212.5L3226.8,939.2L3226.8,939.2z"/>
+		s28.4-23.5,35.6-42.1l14.3,50.9c-8.1,21.3-22.7,37.8-43.8,49.6S3144.9,944,3112.8,944z M3226.8,939.2v-73.3l-4.8-15.6V722
+		c0-24.9-7.5-44.2-22.4-58s-37.6-20.7-67.9-20.7c-20.4,0-40.4,3.2-60.1,9.5c-19.7,6.3-36.3,15.2-49.9,26.5l-33.3-61.8
+		c19.4-14.9,42.6-26.1,69.6-33.6c26.9-7.5,54.9-11.2,83.8-11.2c52.5,0,93.1,12.6,121.9,37.7c28.7,25.1,43.1,63.9,43.1,116.4v212.5
+		L3226.8,939.2L3226.8,939.2z"/>
 	<path class="st2" d="M3367.4,647.3v-67.9h241.7v67.9H3367.4z M3552,944c-39.8,0-70.6-10.3-92.3-30.9c-21.7-20.6-32.6-51-32.6-91.3
 		V496.6h84.9v323.2c0,17.2,4.4,30.5,13.2,40.1c8.8,9.5,21.1,14.3,37,14.3c19,0,34.9-5,47.5-14.9l23.8,60.4
 		c-9.9,8.2-22.2,14.3-36.7,18.3C3582.3,941.9,3567.4,944,3552,944z"/>
-	<path class="st2" d="M3815.5,944c-30.3,0-59.4-4-87.2-11.9c-27.8-7.9-49.9-17.5-66.2-28.9l32.6-64.5c16.3,10.4,35.8,19,58.4,25.8
+	<path class="st2" d="M3815.5,944c-30.3,0-59.4-4-87.2-11.9s-49.9-17.5-66.2-28.9l32.6-64.5c16.3,10.4,35.8,19,58.4,25.8
 		c22.6,6.8,45.3,10.2,67.9,10.2c26.7,0,46-3.6,58-10.9c12-7.2,18-17,18-29.2c0-10-4.1-17.5-12.2-22.8c-8.1-5.2-18.8-9.2-31.9-11.9
-		c-13.1-2.7-27.7-5.2-43.8-7.5c-16.1-2.3-32.1-5.3-48.2-9.2c-16.1-3.8-30.7-9.5-43.8-17c-13.1-7.5-23.8-17.5-31.9-30.2
-		c-8.1-12.7-12.2-29.4-12.2-50.2c0-23.1,6.6-43.1,19.7-60.1c13.1-17,31.6-30.1,55.3-39.4c23.8-9.3,51.9-13.9,84.5-13.9
-		c24.4,0,49.1,2.7,74,8.1c24.9,5.4,45.5,13.1,61.8,23.1l-32.6,64.5c-17.2-10.4-34.5-17.5-51.9-21.4c-17.4-3.8-34.7-5.8-51.9-5.8
-		c-25.8,0-44.9,3.9-57.4,11.5c-12.4,7.7-18.7,17.4-18.7,29.2c0,10.9,4.1,19,12.2,24.4c8.1,5.4,18.8,9.7,31.9,12.9
-		c13.1,3.2,27.7,5.8,43.8,7.8c16.1,2,32,5.1,47.9,9.2c15.8,4.1,30.4,9.6,43.8,16.6c13.3,7,24.1,16.9,32.3,29.5
-		c8.1,12.7,12.2,29.2,12.2,49.6c0,22.6-6.7,42.3-20,59.1c-13.4,16.8-32.3,29.8-56.7,39C3878.6,939.3,3849.4,944,3815.5,944z"/>
-	<path class="st2" d="M4206.5,944c-30.8,0-57.9-5.8-81.5-17.3c-23.5-11.5-41.9-29.2-55-53c-13.1-23.8-19.7-53.7-19.7-90V576.7h84.9
-		v195.5c0,32.6,7.4,56.9,22.1,73c14.7,16.1,35.6,24.1,62.8,24.1c19.9,0,37.2-4.1,51.9-12.2c14.7-8.1,26.2-20.4,34.6-36.7
-		c8.4-16.3,12.6-36.4,12.6-60.4V576.7h84.9v362.5h-80.8v-97.8l14.3,29.9c-12.2,23.5-30.1,41.5-53.6,54
-		C4260.4,937.8,4234.6,944,4206.5,944z"/>
+		c-13.1-2.7-27.7-5.2-43.8-7.5s-32.1-5.3-48.2-9.2c-16.1-3.8-30.7-9.5-43.8-17s-23.8-17.5-31.9-30.2c-8.1-12.7-12.2-29.4-12.2-50.2
+		c0-23.1,6.6-43.1,19.7-60.1c13.1-17,31.6-30.1,55.3-39.4c23.8-9.3,51.9-13.9,84.5-13.9c24.4,0,49.1,2.7,74,8.1
+		c24.9,5.4,45.5,13.1,61.8,23.1l-32.6,64.5c-17.2-10.4-34.5-17.5-51.9-21.4c-17.4-3.8-34.7-5.8-51.9-5.8c-25.8,0-44.9,3.9-57.4,11.5
+		c-12.4,7.7-18.7,17.4-18.7,29.2c0,10.9,4.1,19,12.2,24.4c8.1,5.4,18.8,9.7,31.9,12.9c13.1,3.2,27.7,5.8,43.8,7.8s32,5.1,47.9,9.2
+		c15.8,4.1,30.4,9.6,43.8,16.6c13.3,7,24.1,16.9,32.3,29.5c8.1,12.7,12.2,29.2,12.2,49.6c0,22.6-6.7,42.3-20,59.1
+		c-13.4,16.8-32.3,29.8-56.7,39C3878.6,939.3,3849.4,944,3815.5,944z"/>
+	<path class="st2" d="M4206.5,944c-30.8,0-57.9-5.8-81.5-17.3c-23.5-11.5-41.9-29.2-55-53s-19.7-53.7-19.7-90v-207h84.9v195.5
+		c0,32.6,7.4,56.9,22.1,73s35.6,24.1,62.8,24.1c19.9,0,37.2-4.1,51.9-12.2c14.7-8.1,26.2-20.4,34.6-36.7s12.6-36.4,12.6-60.4V576.7
+		h84.9v362.5h-80.8v-97.8l14.3,29.9c-12.2,23.5-30.1,41.5-53.6,54C4260.4,937.8,4234.6,944,4206.5,944z"/>
 </g>
 </svg>