docs: shiny sponsor button!

docs/package.json

@@ -18,6 +18,9 @@
 		"@types/node": "20.14.2",
 		"@types/react": "^18.3.3",
 		"@types/react-dom": "^18.3.0",
+		"autoprefixer": "^10.4.20",
+		"postcss": "^8.4.47",
+		"tailwindcss": "^3.4.14",
 		"typescript": "^5.4.5"
 	}
 }

docs/pages/_app.mdx → docs/pages/_app.tsx

@@ -1,4 +1,4 @@
-import font from 'next/font/google';
+import './globals.css';
 
 export default function App({ Component, pageProps }) {
 	return <Component {...pageProps} />;

docs/pages/_meta.json

@@ -1,8 +1,4 @@
 {
-	"-- Links": {
-		"type": "separator",
-		"title": "Links"
-	},
 	"link-oc": {
 		"title": "Sponsor ↗",
 		"href": "https://opencollective.com/pyke-osai",

docs/pages/globals.css

@@ -0,0 +1,25 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@font-face {
+	font-family: 'TASA Orbiter';
+	src: url("https://parcel.pyke.io/v2/cdn/3rdparty/tasa-orbiter/TASAOrbiterVF.woff2") format("woff");
+}
+
+html {
+	font-family: 'TASA Orbiter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
+}
+
+.nextra-menu-desktop > :nth-child(1), .nextra-menu-mobile > :nth-child(1) {
+	background: linear-gradient(90deg, #45a9fc 0%, #1dfdc8 50%, #54f150 100%);
+	border-radius: 12px;
+}
+.nextra-menu-desktop > :nth-child(1) > a, .nextra-menu-mobile > :nth-child(1) > a {
+	padding: 0.5rem;
+	font-weight: 650;
+	color: #fff !important;
+}
+.dark .nextra-menu-desktop > :nth-child(1) > a, .dark .nextra-menu-mobile > :nth-child(1) > a {
+	color: #000 !important;
+}