Adopt the SlopCop docs design and move to usagebench.slopcop.com

.github/workflows/docs.yml

@@ -205,7 +205,7 @@ jobs:
         run: npm run build
         working-directory: docs
         env:
-          PUBLIC_DOCS_SITE: https://usagebench.brokk.ai
+          PUBLIC_DOCS_SITE: https://usagebench.slopcop.com
           PUBLIC_DOCS_BASE: /
 
       - name: Upload Pages artifact

CITATION.cff

@@ -13,7 +13,7 @@ version: "0.3.5"
 date-released: "2026-09-03"
 repository-code: "https://github.com/BrokkAi/usagebench"
 repository-artifact: "https://github.com/BrokkAi/usagebench/releases"
-url: "https://usagebench.brokk.ai/"
+url: "https://usagebench.slopcop.com/"
 license: MIT
 keywords:
   - static analysis

docs/README.md

@@ -11,4 +11,4 @@ npm run build
 npm run dev
 ```
 
-Production builds use `https://usagebench.brokk.ai` at the root path.
+Production builds use `https://usagebench.slopcop.com` at the root path.

docs/astro.config.mjs

@@ -1,19 +1,57 @@
 import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
+import { rehypeTableScroll } from './src/plugins/rehype-table-scroll.mjs';
 
-const site = process.env.PUBLIC_DOCS_SITE ?? 'https://usagebench.brokk.ai';
+const site = process.env.PUBLIC_DOCS_SITE ?? 'https://usagebench.slopcop.com';
 const productionBase = process.env.PUBLIC_DOCS_BASE ?? '/';
 const isDev = process.argv.includes('dev');
+/** The published root, for the absolute URLs social cards need. */
+const siteRoot = new URL(productionBase.replace(/\/?$/, '/'), site);
 
 export default defineConfig({
   site,
   base: isDev ? '/' : productionBase,
+  markdown: {
+    // Each table in a scroll box, so a wide one pans instead of overflowing.
+    rehypePlugins: [rehypeTableScroll],
+  },
   integrations: [
     starlight({
       title: 'UsageBench',
       description: 'LSP-parity and recurring regression evidence for Bifrost usage analysis.',
-      customCss: ['./src/styles/usagebench.css'],
+      // The foundation is shared with DataFlowBench and kept identical to its
+      // copy; usagebench.css layers this site's own accent and pages on top.
+      customCss: ['./src/styles/foundation.css', './src/styles/usagebench.css'],
       favicon: '/favicon.svg',
+      // Starlight writes the title, description and canonical URL per page;
+      // this adds the card a shared link previews with, and names the site
+      // and its publisher for search results.
+      head: [
+        { tag: 'meta', attrs: { property: 'og:image', content: new URL('og-image.png', siteRoot).href } },
+        { tag: 'meta', attrs: { property: 'og:image:width', content: '1200' } },
+        { tag: 'meta', attrs: { property: 'og:image:height', content: '630' } },
+        { tag: 'meta', attrs: { property: 'og:image:alt', content: 'UsageBench: how does Bifrost measure up against language servers?' } },
+        { tag: 'meta', attrs: { name: 'twitter:image', content: new URL('og-image.png', siteRoot).href } },
+        {
+          tag: 'script',
+          attrs: { type: 'application/ld+json' },
+          content: JSON.stringify({
+            '@context': 'https://schema.org',
+            '@type': 'WebSite',
+            name: 'UsageBench',
+            url: siteRoot.href,
+            publisher: { '@type': 'Organization', name: 'SlopCop', url: 'https://slopcop.com' },
+          }),
+        },
+      ],
+      logo: { src: './src/assets/mark.svg', alt: '' },
+      expressiveCode: {
+        styleOverrides: {
+          borderRadius: '0px',
+          codeFontFamily: "'JetBrains Mono', ui-monospace, monospace",
+          uiFontFamily: "'Apfel Grotezk', ui-sans-serif, system-ui, sans-serif",
+        },
+      },
       editLink: {
         baseUrl: 'https://github.com/BrokkAi/usagebench/edit/main/docs/',
       },

docs/public/CNAME

@@ -1 +1 @@
-usagebench.brokk.ai
+usagebench.slopcop.com