Merge pull request #27 from karelmaxa/partners

Add section with partners.

site/.vitepress/config.ts

@@ -53,8 +53,8 @@ export default defineConfig({
         ]
       },
       {
-        text: 'Sponsors',
-        link: '/sponsors'
+        text: 'Partners',
+        link: '/partners'
       },
     ],
     sidebar: {

site/.vitepress/theme/components/partner/Partners.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { withBase } from 'vitepress';
+import type { Partner } from '../../types/partner';
+
+defineProps({
+  data: { type: Array<Partner>, required: true },
+});
+</script>
+
+<template>
+  <p class="partner-container">
+    <a
+      v-for="partner of data"
+      :key="partner.name"
+      :href="partner.url"
+      target="_blank"
+      class="partner-item"
+    >
+      <img :src="withBase('partner/' + partner.logo)">
+    </a>
+  </p>
+</template>
+
+<style scoped>
+.partner-container {
+  display: flex;
+  flex-wrap: wrap;
+  row-gap: 10px;
+}
+
+.partner-item {
+  display: flex;
+  align-items: center;
+  max-width: 33%;
+  min-width: 180px;
+  padding: 20px;
+  box-sizing: border-box;
+}
+
+.partner-item > img {
+  max-height: 50px;
+  margin: auto;
+}
+</style>

site/.vitepress/theme/index.ts

@@ -1,7 +1,7 @@
 import { App } from 'vue';
 import DefaultTheme from 'vitepress/theme';
 // Custom components
-import Sponsor from './components/Sponsor.vue';
+import Partners from './components/partner/Partners.vue';
 import Blog from './components/blog/Blog.vue';
 import PostList from './components/common/PostList.vue';
 import Post from './components/common/Post.vue';
@@ -13,7 +13,7 @@ import './custom.css';
 export default {
   ...DefaultTheme,
   enhanceApp({ app }: { app: App }) {
-    app.component('Sponsor', Sponsor);
+    app.component('Partners', Partners);
     app.component('PostList', PostList);
     app.component('Blog', Blog);
     app.component('Post', Post);

site/.vitepress/theme/types/partner.ts

@@ -0,0 +1,5 @@
+export interface Partner {
+  name: string,
+  url: string,
+  logo: string,
+}

site/partners.md

@@ -0,0 +1,37 @@
+---
+title: Partners
+sidebar: false
+---
+
+<script setup>
+  const certPartners = [
+    { name: 'orchitech', url: 'https://orchi.tech/en/', logo: 'orchitech.png' }
+  ];
+  const implPartners = [
+    { name: 'orchitech', url: 'https://orchi.tech/en/', logo: 'orchitech.png' },
+    { name: 'j3ag', url: 'https://www.j3ag.cz/', logo: 'j3ag.png' },
+    { name: 'sonpo', url: 'https://www.sonpo.cz/en/', logo: 'sonpo.png' },
+    { name: 'systemboost', url: 'https://www.system-boost.cz/en/', logo: 'systemboost.png' },
+  ];
+  const infraPartners = [
+    { name: 'jfrog', url: 'https://jfrog.com/artifactory/', logo: 'jfrog-artifactory.png' },
+  ];
+</script>
+
+# Partners
+
+The following is a list of Wren Security partners.
+Partners are listed in no particular order within each section.
+
+
+### Authorized certifying partner
+
+<Partners :data="certPartners" />
+
+### Implementation partners
+
+<Partners :data="implPartners" />
+
+### Infrastructure partners
+
+<Partners :data="infraPartners" />