site updates + sponsors

site/.vitepress/theme/Sponsors.vue

@@ -0,0 +1,79 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import { VPDocAsideSponsors } from "vitepress/theme";
+import { withBase } from "vitepress";
+
+const sponsors = computed(() => {
+  return [
+    {
+      size: "big",
+      items: [
+        {
+          name: "Mozilla Builders",
+          url: "",
+          img: withBase("./mozilla.svg"),
+        },
+      ],
+    },
+    {
+      size: "medium",
+      items: [
+        {
+          name: "Fly.io",
+          url: "https://fly.io",
+          img: withBase("./flyio.svg"),
+        },
+      ],
+    },
+    {
+      size: "medium",
+      items: [
+        {
+          name: "Turso",
+          url: "https://turso.tech",
+          img: withBase("./turso.svg"),
+        },
+      ],
+    },
+    {
+      size: "medium",
+      items: [
+        {
+          name: "SQLite Cloud",
+          url: "https://sqlitecloud.io",
+          img: withBase("./sqlitecloud.svg"),
+        },
+      ],
+    },
+  ];
+});
+</script>
+
+<template>
+  <!--<a class="sponsors-aside-text" href="/sponsor/">Sponsors</a>-->
+  <VPDocAsideSponsors :data="sponsors" />
+  <div
+    style="
+      font-size: 14px;
+      text-align: center;
+      font-style: italic;
+      margin-top: 4px;
+    "
+  >
+    <a href="https://github.com/asg017/sqlite-vec#sponsors"
+      >Become a sponsor! ↗</a
+    >
+  </div>
+</template>
+
+<style>
+a.sponsors-aside-text {
+  color: var(--vt-c-text-3);
+  display: block;
+  margin: 3em 0 1em;
+  font-weight: 700;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.4px;
+}
+</style>

site/.vitepress/theme/index.ts

@@ -3,6 +3,7 @@ import { h } from "vue";
 import type { Theme } from "vitepress";
 import DefaultTheme from "vitepress/theme";
 import "./style.css";
+import Sponsors from "./Sponsors.vue";
 
 export default {
   extends: DefaultTheme,
@@ -13,6 +14,8 @@ export default {
         h("marquee", { class: "banner", scrollamount: "10" }, [
           "🚧🚧🚧 sqlite-vec is still in beta, and this documentation is incomplete! Watch the repo for updates 🚧🚧🚧",
         ]),
+      "home-hero-image": () => h("div", {}, [""]),
+      "aside-ads-before": () => h(Sponsors),
     });
   },
   enhanceApp({ app, router, siteData }) {