components: add AMWHomeSponsors

.vitepress/data/sponsors.ts

@@ -0,0 +1,18 @@
+export const sponsors = [
+    {
+      tier: 'Организационная структура',
+      size: 'big',
+      items: [
+        {
+          name: 'ALT Linux Team',
+          img: './alt-linux-team.png',
+          url: 'https://packages.altlinux.org/ru/sisyphus'
+        },
+        {
+          name: 'BaseALT',
+          img: './basealt.png',
+          url: 'https://www.basealt.ru'
+        }
+      ]
+    }
+  ]

.vitepress/theme/components/AMWHomeSponsors.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { VPHomeSponsors } from 'vitepress/theme'
+import { sponsors } from '../../data/sponsors'
+
+const { message, data } = defineProps({
+  message: {
+    type: String,
+    default:
+      'Данный сервис является CПО-проектом и его поддержка и развитие зависит только от нашей совместной активности.'
+  },
+  data: {
+    type: Object,
+    default: () => {
+      return sponsors ?? []
+    }
+  }
+})
+</script>
+
+<template>
+  <VPHomeSponsors
+    v-if="sponsors"
+    :message="message"
+    :data="sponsors"
+  />
+</template>

.vitepress/theme/index.ts

@@ -5,6 +5,7 @@ import DefaultTheme from 'vitepress/theme'
 
 import AMWContribution from './components/AMWContribution.vue'
 import AMWDocsAsideMeta from './components/AMWDocsAsideMeta.vue'
+import AMWHomeSponsors from './components/AMWHomeSponsors.vue'
 import AMWVideo from './components/AMWVideo.vue'
 
 import {
@@ -29,6 +30,7 @@ export default {
       'nav-bar-content-after': () => h(NolebaseEnhancedReadabilitiesMenu),
       'nav-screen-content-after': () => h(NolebaseEnhancedReadabilitiesScreenMenu),
       'aside-outline-after': () => h(AMWDocsAsideMeta),
+      'home-features-after': () => h(AMWHomeSponsors)
     })
   },
   enhanceApp({ app, router, siteData }) {

.vitepress/theme/styles/theme.css

@@ -101,4 +101,17 @@
 
     --vp-custom-block-details-border: var(--vp-c-divider);
     --vp-custom-block-details-bg: var(--vp-c-bg-soft-up);
-}
+}
+
+/**
+ * VPHomeSponsors
+ * -------------------------------------------------------------------------- */
+
+ .vp-sponsor-grid.big .vp-sponsor-grid-image {
+    max-width: 170px;
+    max-height: 120px;
+  }
+
+  .VPHomeSponsors .message {
+    max-width: 800px;
+  }