Обновлено: Боковой бар #75

.vitepress/theme/components/AGWAppsMetaWidget.vue

@@ -4,27 +4,27 @@ import { DefaultTheme, useData } from 'vitepress'
 
 
 const {theme, frontmatter} = useData();
-const dataAppsMetaWidgets = frontmatter.value.appsMetaWidgets ?? theme.value.appsMetaWidgets ?? [];
+const appsMetaWidgets = computed(() => frontmatter.value.appsMetaWidgets ?? theme.value.appsMetaWidgets ?? []);
 
 import VPLink from 'vitepress/dist/client/theme-default/components/VPLink.vue'
 import VPImage from 'vitepress/dist/client/theme-default/components/VPImage.vue';
 
-const appsMetaWidgets = computed(() => dataAppsMetaWidgets);
 </script>
 
 <template>
     <article v-if="appsMetaWidgets.active" class="AppsWidget">
+        <Badge v-if="appsMetaWidgets.adaptive" type="tip">Адаптивный</Badge>
+        <Badge v-if="appsMetaWidgets.proprietary" type="danger">Пропоритарный</Badge>
         <figure class="figure" v-if="appsMetaWidgets.thumb.src">
             <VPImage
             :image="appsMetaWidgets.thumb.src"
             :alt="appsMetaWidgets.thumb.title"
-            class="image"
+            class="card-image"
             />
             <img src="">
         </figure>
         <div class="card-body">
             <div class="card-title">{{ appsMetaWidgets.introtext }}</div>
-            <Badge v-if="appsMetaWidgets.adaptive" type="info">Адаптивный</Badge>
         </div>
         <dl>
             <dt>Лицензия</dt>
@@ -35,19 +35,19 @@ const appsMetaWidgets = computed(() => dataAppsMetaWidgets);
             </dd>
             <dt v-if="appsMetaWidgets.site.url">Сайт проекта</dt>
             <dd v-if="appsMetaWidgets.site.url">
-                <VPLink :href="appsMetaWidgets.site.url" class="title">
+                <VPLink :href="appsMetaWidgets.site.url" target="_blank" class="title">
                     {{ appsMetaWidgets.site.anchor }}
                 </VPLink>
             </dd>
             <dt v-if="appsMetaWidgets.translate.url">Помочь с переводами</dt>
             <dd v-if="appsMetaWidgets.translate.url">
-                <VPLink :href="appsMetaWidgets.translate.url" class="title">
+                <VPLink :href="appsMetaWidgets.translate.url" target="_blank" class="title">
                     {{ appsMetaWidgets.translate.anchor }}
                 </VPLink>
             </dd>
-            <dt>Сообщить о проблеме</dt>
-            <dd>
-                <VPLink :href="appsMetaWidgets.issue.url" class="title">
+            <dt v-if="appsMetaWidgets.issue.url">Сообщить о проблеме</dt>
+            <dd v-if="appsMetaWidgets.issue.url">
+                <VPLink :href="appsMetaWidgets.issue.url" target="_blank" class="title">
                     {{ appsMetaWidgets.issue.anchor }}
                 </VPLink>
             </dd>
@@ -73,6 +73,10 @@ const appsMetaWidgets = computed(() => dataAppsMetaWidgets);
     margin-bottom: 8px;
 }
 
+.card-title:last-child, .card-title:only-child {
+    margin-bottom: 0;
+}
+
 .card-body {
     padding: 16px;
 }
@@ -85,10 +89,11 @@ const appsMetaWidgets = computed(() => dataAppsMetaWidgets);
   display: flex;
   align-items: center;
   justify-content: center;
+  padding-top: 24px;
 }
 
-.image {
-  width: 100%;
+.VPBadge {
+    border-radius: 0;
 }
 
 dl {

.vitepress/theme/custom.css

@@ -177,4 +177,13 @@
   text-align: center;
   color: var(--vp-c-brand-lightest);
   font-size: 14px;
- } 
+ } 
+
+ .card-image {
+  filter: grayscale(1);
+  transition: filter 0.25s;
+ }
+
+ .AppsWidget:hover .card-image {
+  filter: grayscale(0) invert(0);
+ }

docs/apps/cartridges.md

@@ -5,6 +5,7 @@ appsMetaWidgets:
     thumb:
         src: /cartridges/hu.kramo.Cartridges.png
         title: Картриджи
+    introtext: Запускайте все свои игры
     site:
         url: https://github.com/kra-mo/cartridges/
         anchor: github.com

docs/apps/discord.md

@@ -1,3 +1,31 @@
+---
+title: Discord
+appstreamFlatpak: com.discordapp.Discord
+appsMetaWidgets:
+    active: true
+    thumb:
+        src: /discord/com.discordapp.Discord.png
+        title: Картриджи
+    introtext: Клиент для обмена сообщениями, аудио и видеосвязи
+    site:
+        url: https://discord.com/
+        anchor: discord.com
+    licence:
+        url: https://choosealicense.com/licenses/cc0-1.0/
+        anchor: CC0-1.0
+    translate:
+        url: 
+        anchor: hosted.weblate.org
+    issue: 
+        url: 
+        anchor: 
+    proprietary: true
+    adaptive: false
+    gnomeCircle: false
+    sisyphus:
+        url: 
+---
+
 # Discord
 
 Discord — это платформа для голосового общения и обмена текстовыми сообщениями в реальном времени, предназначенная для геймеров и сообществ. Она позволяет общаться с друзьями и координировать действия во время игр, а также создавать сообщества и обмениваться контентом.
@@ -10,6 +38,8 @@ Discord — это платформа для голосового общения
 flatpak install flathub com.discordapp.Discord
 ```
 
+<!--@include: ./parts/install/software-flatpak.md-->
+
 ## Установка c помощью epm play <Badge type="danger" text="Неофициальная сборка" />
 
 При наличии пакета [eepm](/epm), можно установить **Discord** одной командой:

docs/apps/flatseal.md

@@ -1,3 +1,31 @@
+---
+title: Flatseal
+appstreamRepo: com.github.tchx84.Flatseal
+appstreamFlatpak: com.github.tchx84.Flatseal
+appsMetaWidgets:
+    active: true
+    thumb:
+        src: /flatseal/com.github.tchx84.Flatseal.png
+        title: Кассета
+    introtext: Управление разрешениями Flatpak
+    site:
+        url: https://github.com/tchx84/flatseal
+        anchor: github.com
+    licence:
+        url: https://choosealicense.com/licenses/gpl-3.0/
+        anchor: GNU GPLv3
+    translate:
+        url: 
+        anchor: hosted.weblate.org
+    issue: 
+        url: https://github.com/tchx84/flatseal/issues
+        anchor: github.com
+    adaptive: false
+    gnomeCircle: false
+    sisyphus:
+        url: https://packages.altlinux.org/ru/sisyphus/srpms/flatseal/
+---
+
 # Flatseal
 
 Flatseal — это графическая утилита для просмотра и управления вашими приложениями Flatpak.
@@ -20,6 +48,8 @@ epm -i flatseal
 ```
 :::
 
+<!--@include: ./parts/install/software-repo.md-->
+
 ## Установка c помощью Flatpak
 
 При наличии пакета [Flatpak](/flatpak), можно установить **Flatseal** одной командой:
@@ -28,6 +58,8 @@ epm -i flatseal
 flatpak install flathub com.github.tchx84.Flatseal
 ```
 
+<!--@include: ./parts/install/software-flatpak.md-->
+
 ## Настройки
 
 ### Поделиться