@clidey/dory 1.0.8 → 1.10.0

package/docs/getting-started/configuration.mdx

@@ -0,0 +1,95 @@
+---
+title: 'Configuration'
+description: 'Configure your Dory site with dory.json — branding, navigation, fonts, colors, and more.'
+---
+
+# Configuration
+
+All Dory configuration lives in a single `dory.json` file at the project root. Pages can live in `docs/`. Here is an example:
+
+```json
+{
+  "name": "My Docs",
+  "title": "My Docs — Developer Reference",
+  "description": "The official documentation for My Project.",
+  "url": "https://docs.myproject.com",
+  "image": "/og-card.png",
+  "twitter": "@myhandle",
+  "favicon": "./favicon.svg",
+  "colors": {
+    "primary": "#6366f1",
+    "light": "#818cf8",
+    "dark": "#4f46e5"
+  },
+  "fonts": {
+    "family": "Inter",
+    "source": "https://fonts.gstatic.com/...",
+    "format": "woff2"
+  },
+  "logo": {
+    "light": "./logo/logo.svg",
+    "dark": "./logo/logo-dark.svg"
+  },
+  "navigation": {
+    "tabs": [
+      {
+        "tab": "Documentation",
+        "groups": [
+          {
+            "group": "Getting Started",
+            "pages": ["introduction", "installation"]
+          }
+        ]
+      },
+      {
+        "tab": "API Reference",
+        "groups": [
+          {
+            "group": "Endpoints",
+            "pages": ["api/create", "api/update", "api/delete"]
+          }
+        ]
+      }
+    ]
+  },
+  "analytics": {
+    "posthog": {
+      "token": "phc_your_token",
+      "apiHost": "https://us.i.posthog.com"
+    }
+  }
+}
+```
+
+## Top-Level Fields
+
+| Field | Required | Description |
+| --- | --- | --- |
+| `name` | Yes | Site name shown in the header and browser tab. |
+| `title` | No | Custom page title. Defaults to `name`. |
+| `description` | No | Short description used for SEO. |
+| `url` | No | Your site's URL, used for social sharing previews. |
+| `image` | No | Preview image shown when sharing links on social media. |
+| `twitter` | No | Your Twitter/X handle for social meta tags. |
+| `favicon` | Yes | Path to your favicon file (SVG or PNG). |
+| `colors` | No | Brand colors. See [Theming](/configuration/theming). |
+| `fonts` | No | Custom font. See [Fonts](/configuration/fonts). |
+| `logo` | Yes | Logo paths for light and dark mode. |
+| `navigation` | Yes | Navigation structure. See [Navigation](/configuration/navigation). |
+| `analytics` | No | Analytics integrations. See [Analytics](/configuration/analytics). |
+| `i18n` | No | Translated content. See [Languages and versions](/configuration/internationalization). |
+| `versions` | No | Versioned content. See [Languages and versions](/configuration/internationalization). |
+| `embed` | No | Embeddable widget config. See [Embed](/configuration/embed). |
+
+## Configuration Sections
+
+<CardGroup cols={2}>
+  <Card title="Navigation" href="/configuration/navigation" icon="map" description="Configure tabs, groups, and pages in the sidebar." />
+  <Card title="Theming" href="/configuration/theming" icon="palette" description="Set primary, light, and dark brand colors." />
+  <Card title="Fonts" href="/configuration/fonts" icon="type" description="Use a custom web font from Google Fonts or any CDN." />
+  <Card title="Analytics" href="/configuration/analytics" icon="bar-chart" description="Integrate PostHog for page view tracking." />
+  <Card title="Documentation chat" href="/configuration/chat" icon="message-square" description="Configure a server-side model for cited answers." />
+  <Card title="Languages and versions" href="/configuration/internationalization" icon="globe" description="Organize localized and versioned pages." />
+  <Card title="Embed" href="/configuration/embed" icon="code-2" description="Configure the embeddable widget for external sites." />
+  <Card title="Full Reference" href="/configuration/dory-json" icon="file-text" description="Complete dory.json reference with all fields." />
+</CardGroup>

package/docs/getting-started/custom-components.mdx

@@ -0,0 +1,60 @@
+---
+title: 'Custom interactive components'
+description: 'Import a local component into static MDX and let readers try its real behavior.'
+---
+
+Static Dory projects can import JSX components into an MDX page. Use a local component module for hooks, events, and stateful interactions; Dory preserves its imported name during preprocessing.
+
+## Put the implementation under docs
+
+```tsx
+// docs/examples/counter.tsx
+import { useState } from 'react';
+import { Button } from '@clidey/ux';
+
+export function Counter() {
+  const [count, setCount] = useState(0);
+  return <div>
+    <Button onClick={() => setCount(value => value + 1)}>Add one</Button>
+    <p role="status">Clicked {count} times</p>
+  </div>;
+}
+```
+
+## Import it into a page
+
+```mdx
+---
+title: 'Try the button'
+---
+
+import { Counter } from '../examples/counter.tsx';
+
+<Counter />
+```
+
+Default imports, named aliases, and namespace imports are supported. Keep imported component names explicit. An unimported custom tag retains the existing prose-escaping behavior; a name mentioned inside a fenced example does not register a component.
+
+## Keep state in the module
+
+Dory treats inline MDX text expressions as literal code. Put state displays, event handlers, and business logic in the imported component module instead of inline MDX expressions. Import a scoped stylesheet from the module if the example needs layout styling.
+
+Static builds and prerendering alias React to Preact compatibility. Keep browser-only work in effects or event handlers, and make the initial render work without `window` or `document`.
+
+## Build boundaries
+
+The CLI stages the documentation directory into an isolated build workspace. Keep local modules and styles under that directory. Imports reaching into a sibling application source tree do not survive staging.
+
+The build resolves Dory's installed dependencies first, then makes missing installed dependencies from the consuming project available up to its nearest workspace or lockfile root. React uses Dory's Preact compatibility aliases.
+
+For an intentional package replacement, set `DORY_PACKAGE_OVERRIDES` to a JSON object mapping package names to absolute package directories. Dory validates each name, directory, and matching package manifest before creating the isolated dependency overlay. Installed dependencies are not modified.
+
+## Security and trusted source
+
+Imported components are executable application code. Their modules may execute during bundling and server rendering with the build process's privileges, then in the reader's browser. Review their source and dependencies before building. The staging directory is not a security sandbox. Build pull requests on disposable runners without secrets, persisted checkout credentials, or deployment tokens, and deploy a reviewed artifact in a separate job. See the repository security policy.
+
+## Static source and embedded content
+
+This feature applies to trusted documentation built from a local checkout. It does not enable custom imports in Dory's sandboxed embedded runtime. That runtime keeps its existing component allowlist, import restrictions, and content security policy.
+
+Run `dory check`, build the site, then test the interactions in the actual output. Compilation alone does not prove a button updates state or an overlay handles focus correctly.

package/docs/getting-started/installation.mdx

@@ -0,0 +1,88 @@
+---
+title: 'Installation'
+description: 'Install Dory and start building your documentation site.'
+---
+
+# Installation
+
+## Install the CLI
+
+Install Dory globally to use the `dory` command anywhere:
+
+<CodeGroup>
+  ```bash npm
+  npm install -g @clidey/dory
+  ```
+  ```bash pnpm
+  pnpm add -g @clidey/dory
+  ```
+  ```bash yarn
+  yarn global add @clidey/dory
+  ```
+</CodeGroup>
+
+Verify the installation:
+
+```bash
+dory version
+# Prints the installed Dory version
+```
+
+## CLI Commands
+
+<AccordionGroup>
+  <Accordion title="dory init" icon="plus">
+    Creates a starter `dory.json` and `docs/introduction.mdx` in the current directory.
+  </Accordion>
+  <Accordion title="dory dev" icon="play">
+    Starts a live preview and reloads when your documentation changes.
+  </Accordion>
+  <Accordion title="dory check" icon="check">
+    Validates navigation, links, assets, anchors, and page metadata across the site.
+  </Accordion>
+  <Accordion title="dory build" icon="hammer">
+    Compiles your MDX files and outputs a static site to the `dist/` directory.
+
+    ```bash
+    dory build
+    ```
+
+    This reads your `dory.json`, processes all your pages, and produces a fully static site ready to deploy.
+  </Accordion>
+  <Accordion title="dory preview" icon="eye">
+    Serves a previously built site locally so you can review it before deploying.
+
+    ```bash
+    dory preview
+    # Serving dist/ at http://localhost:3000
+    ```
+
+    <Warning>
+      Run `dory build` before `dory preview`. The preview command serves the built output, not the source files.
+    </Warning>
+  </Accordion>
+  <Accordion title="dory version" icon="info">
+    Prints the installed version of Dory.
+
+    ```bash
+    dory version
+    # Prints the installed Dory version
+    ```
+  </Accordion>
+</AccordionGroup>
+
+## Project Structure
+
+A Dory project has this structure:
+
+```
+my-docs/
+├── dory.json          # Site configuration (required)
+└── docs/
+    ├── logo.svg        # Starter logo
+    └── introduction.mdx # Your first page
+```
+
+<Note>
+  Run Dory commands from the folder containing `dory.json`. Put MDX pages and assets in `docs/`. Existing flat projects with pages beside `dory.json` still work.
+</Note>

package/docs/getting-started/quick-start.mdx

@@ -0,0 +1,53 @@
+---
+title: 'Quick Start'
+description: 'Create, check, and build your first Dory documentation site.'
+---
+
+# Quick Start
+
+## 1. Create a documentation project
+
+Install the CLI, create a folder, and initialize your site:
+
+```bash
+pnpm add -g @clidey/dory
+mkdir my-docs
+cd my-docs
+dory init
+```
+
+`dory init` creates `dory.json`, `docs/introduction.mdx`, and a starter logo. Keep your pages in `docs/` and add their page keys to `dory.json` navigation.
+
+## 2. Write with a live preview
+
+```bash
+dory dev
+```
+
+Open the local URL shown in your terminal. Changes to your MDX files reload while you write.
+
+## 3. Check the whole site
+
+```bash
+dory check
+```
+
+The check reports missing navigation pages, broken local links and anchors, missing assets, and invalid frontmatter. Run it in CI before publishing.
+
+## 4. Build and preview
+
+```bash
+dory build
+dory preview
+```
+
+The static site is written to `dist/`. The build accepts a top-level `docs/` folder and does not modify the installed Dory package. `dory preview` also serves the optional [documentation chat](/configuration/chat) when you configure a model on the server.
+
+## Next steps
+
+<CardGroup cols={2}>
+  <Card title="Configuration" href="/getting-started/configuration" icon="settings" description="Customize navigation, branding, and metadata." />
+  <Card title="Components" href="/components/overview" icon="layout-dashboard" description="Add richer examples to your pages." />
+  <Card title="Languages and versions" href="/configuration/internationalization" icon="globe" description="Organize translated and versioned content." />
+  <Card title="Documentation chat" href="/configuration/chat" icon="message-square" description="Add an optional cited assistant." />
+</CardGroup>

package/docs/introduction.mdx

@@ -0,0 +1,50 @@
+---
+title: 'Introduction'
+description: 'Dory is a static documentation site generator for modern teams. Build beautiful docs from MDX files with zero configuration.'
+lead: 'Dory turns a folder of MDX files and one dory.json into a fast, static documentation site. No framework setup, no boilerplate.'
+meta:
+  Stack: Preact + Vite
+  License: MIT
+  Updated: 2026-10-21
+---
+
+# Introduction
+
+## What is Dory?
+
+Dory is a **static site generator built for technical documentation**. It turns MDX files and a single `dory.json` config into a fast, beautiful documentation site — with zero boilerplate.
+
+<CardGroup cols={2}>
+  <Card title="Simple" icon="sparkles" description="Drop in .mdx files, configure one dory.json. No framework knowledge needed." />
+  <Card title="Fast" icon="zap" description="Instant hot reload in dev. Quick static builds optimized for production." />
+  <Card title="Portable" icon="globe" description="No SSR, no vendor lock-in. Deploy anywhere that serves static files." />
+  <Card title="Rich Components" icon="layout-dashboard" description="24 built-in MDX components: code blocks, diagrams, API playgrounds, and more." />
+</CardGroup>
+
+## Key Features
+
+<Steps>
+  <Step title="Write MDX files">
+    Create `.mdx` files in your docs directory. Use standard Markdown with any of Dory's 24 built-in components for rich content.
+  </Step>
+  <Step title="Configure dory.json">
+    Set your site name, colors, fonts, logo, and navigation structure in a single `dory.json` file.
+  </Step>
+  <Step title="Run the CLI">
+    Use `dory build` to generate a static site or `dory preview` to serve a built site on port 3000.
+  </Step>
+  <Step title="Deploy anywhere">
+    The output is plain HTML, CSS, and JS — deploy to Netlify, Vercel, S3, GitHub Pages, or any static host.
+  </Step>
+</Steps>
+
+## Navigation
+
+Use the sidebar to explore Dory's documentation:
+
+<CardGroup cols={2}>
+  <Card title="Installation" href="/getting-started/installation" icon="package" description="Install Dory and set up your first project in minutes." />
+  <Card title="Quick Start" href="/getting-started/quick-start" icon="rocket" description="Go from zero to a live documentation site in 5 minutes." />
+  <Card title="Components" href="/components/overview" icon="layers" description="Browse all 24 built-in MDX components with live demos." />
+  <Card title="Configuration" href="/configuration/dory-json" icon="settings" description="Full reference for the dory.json configuration file." />
+</CardGroup>

package/docs/logo/logo.svg

@@ -0,0 +1,18 @@
+<svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.9941 4.99951C19.9947 3.00079 19.9947 3.00079 16.9956 0.00271368V4.99951H21.9941Z" fill="#92BFFA"/>
+<path d="M7.49782 3.91843C7.49782 4.5155 7.98183 4.99951 8.5789 4.99951H16.9951V0.00271606H8.5789C7.98183 0.00271606 7.49782 0.486733 7.49782 1.0838V3.91843Z" fill="url(#paint0_linear_66_680)"/>
+<path d="M21.9932 5.01123C22.0049 8.20987 21.9983 17.7036 21.9951 21.9995C21.9943 23.1041 21.0977 23.9995 19.9932 23.9995H2C0.895431 23.9995 3.87055e-07 23.1041 0 21.9995V8.59131C0 7.99426 0.48401 7.51028 1.08105 7.51025H3.91797C4.51481 7.51052 4.99902 7.99441 4.99902 8.59131V19.5024H16.9951V5.01123H21.9932Z" fill="url(#paint1_linear_66_680)"/>
+<ellipse cx="12.3217" cy="14.276" rx="1.2973" ry="1.29647" fill="#1967D2"/>
+<path d="M5 0.00634813C5.55157 0.00730227 5.99805 0.454718 5.99805 1.00635V4.01221C5.99805 4.64068 6.29707 5.23179 6.80273 5.60498L7.46777 6.09619C7.81171 6.35003 8.22878 6.48682 8.65625 6.48682H14.4951C15.0472 6.48682 15.4949 6.93475 15.4951 7.48682V16.98C15.4951 17.5322 15.0474 17.98 14.4951 17.98H7.49805C6.94583 17.9799 6.49808 17.5322 6.49805 16.98V8.67139C6.49806 8.23724 6.35689 7.81407 6.0957 7.46729L5.58691 6.79248C5.21558 6.29954 4.63759 6.00515 4.02051 5.99561H1C0.447722 5.9956 0 5.54789 0 4.99561V1.00049C0.000165845 0.447951 0.448441 -4.60729e-05 1.00098 0.00048876L5 0.00634813Z" fill="#FFC236"/>
+<ellipse cx="12.9961" cy="15.505" rx="1" ry="0.999359" fill="#3630C4"/>
+<defs>
+<linearGradient id="paint0_linear_66_680" x1="10.9999" y1="0.00271606" x2="10.9999" y2="23.9995" gradientUnits="userSpaceOnUse">
+<stop stop-color="#528FF4"/>
+<stop offset="1" stop-color="#92BFFA"/>
+</linearGradient>
+<linearGradient id="paint1_linear_66_680" x1="10.9999" y1="0.00271606" x2="10.9999" y2="23.9995" gradientUnits="userSpaceOnUse">
+<stop stop-color="#528FF4"/>
+<stop offset="1" stop-color="#92BFFA"/>
+</linearGradient>
+</defs>
+</svg>

package/docs/playgrounds/api-playground.mdx

@@ -0,0 +1,122 @@
+---
+title: 'API Playground'
+description: 'Interactive HTTP API testing built directly into your documentation. Test endpoints with real requests.'
+---
+
+# API Playground
+
+The `<APIPlayground>` component embeds a fully interactive HTTP client inside your documentation. Readers can test API endpoints with real requests without leaving the page.
+
+## Live Demo
+
+Try it now — this makes a real HTTP request to a public API:
+
+<APIPlayground
+  method="GET"
+  url="https://jsonplaceholder.typicode.com/users"
+  title="List Users"
+  description="Fetches a list of all users from the JSONPlaceholder test API."
+  parameters={[
+    { name: "_limit", type: "number", required: false, description: "Limit the number of results.", defaultValue: "10" }
+  ]}
+/>
+
+## POST Request with Body
+
+<APIPlayground
+  method="POST"
+  url="https://jsonplaceholder.typicode.com/posts"
+  title="Create Post"
+  description="Creates a new post. JSONPlaceholder simulates the creation and returns the new object."
+  headers={{ "Content-Type": "application/json" }}
+  body={{ "title": "My Post", "body": "Post content here.", "userId": 1 }}
+/>
+
+## Authenticated Endpoint
+
+<APIPlayground
+  method="GET"
+  url="https://jsonplaceholder.typicode.com/users/1"
+  title="Get User (with Auth)"
+  description="Demonstrates Bearer token authentication. The token is sent in the Authorization header."
+  authType="bearer"
+  servers={[
+    { url: "https://jsonplaceholder.typicode.com", description: "Production" },
+    { url: "https://staging.jsonplaceholder.typicode.com", description: "Staging" }
+  ]}
+/>
+
+## Usage in MDX
+
+```mdx
+<APIPlayground
+  method="GET"
+  url="https://api.example.com/users"
+  title="List Users"
+  description="Returns a paginated list of users."
+  parameters={[
+    {
+      name: "page",
+      type: "number",
+      required: false,
+      description: "Page number (1-indexed).",
+      defaultValue: "1"
+    },
+    {
+      name: "limit",
+      type: "number",
+      required: false,
+      description: "Items per page.",
+      defaultValue: "20"
+    }
+  ]}
+  headers={{
+    "Accept": "application/json"
+  }}
+  authType="bearer"
+/>
+```
+
+## Features
+
+<CardGroup cols={2}>
+  <Card title="Query Parameters" icon="sliders" description="Add, edit, and remove URL query parameters with a visual editor." />
+  <Card title="Request Headers" icon="list" description="Set custom headers including Content-Type, Accept, and custom headers." />
+  <Card title="Request Body" icon="file-json" description="Edit JSON request body with syntax highlighting." />
+  <Card title="Authentication" icon="lock" description="Supports Bearer token, API key, Basic auth, and no auth." />
+  <Card title="Multiple Servers" icon="server" description="Switch between server environments (production, staging, etc.)." />
+  <Card title="Response Display" icon="eye" description="Shows status code, response time, response headers, and formatted body." />
+</CardGroup>
+
+## Authentication Types
+
+| `authType` | Description | Fields |
+| --- | --- | --- |
+| `none` | No authentication | — |
+| `bearer` | Bearer token | Token field |
+| `apiKey` | API key in header | Key name + value |
+| `basic` | HTTP Basic auth | Username + password |
+
+## Props Reference
+
+| Prop | Type | Required | Description |
+| --- | --- | --- | --- |
+| `method` | `'GET' \| 'POST' \| 'PUT' \| 'DELETE'` | Yes | HTTP method. |
+| `url` | `string` | Yes | Endpoint URL. |
+| `title` | `string` | No | Display title. |
+| `description` | `string` | No | Description shown above the playground. |
+| `parameters` | `Parameter[]` | No | Pre-populated query parameters. |
+| `headers` | `Record<string, string>` | No | Pre-populated request headers. |
+| `body` | `object` | No | Pre-populated JSON request body. |
+| `authType` | `'bearer' \| 'apiKey' \| 'basic' \| 'none'` | No | Authentication method. |
+| `servers` | `Array<{ url, description }>` | No | Server environment options. |
+
+### Parameter Object
+
+| Field | Type | Description |
+| --- | --- | --- |
+| `name` | `string` | Parameter name. |
+| `type` | `string` | Type hint (e.g. `"string"`, `"number"`). |
+| `required` | `boolean` | Whether the parameter is required. |
+| `description` | `string` | Parameter description. |
+| `defaultValue` | `string` | Pre-populated value. |

package/docs/playgrounds/websocket-playground.mdx

@@ -0,0 +1,98 @@
+---
+title: 'WebSocket Playground'
+description: 'Interactive WebSocket connection tester with real-time message history built into your documentation.'
+---
+
+# WebSocket Playground
+
+The `<WebSocketPlayground>` component embeds a fully interactive WebSocket client inside your documentation. Readers can open connections, send messages, and observe responses in real time.
+
+## Live Demo
+
+Connect to a public WebSocket echo server — it sends back whatever you send:
+
+<WebSocketPlayground
+  url="wss://echo.websocket.org"
+  title="Echo Server"
+  description="Connect to a public WebSocket echo server. Any message you send will be echoed back immediately."
+  servers={[
+    { url: "wss://echo.websocket.org", description: "Public echo server" }
+  ]}
+/>
+
+## With Subprotocols
+
+<WebSocketPlayground
+  url="wss://echo.websocket.org"
+  title="Echo with Subprotocols"
+  description="Demonstrates subprotocol negotiation. The echo server accepts any subprotocol."
+  subprotocols={["chat", "json-protocol"]}
+  servers={[
+    { url: "wss://echo.websocket.org", description: "Echo server" }
+  ]}
+/>
+
+## Usage in MDX
+
+```mdx
+<WebSocketPlayground
+  url="wss://api.example.com/ws"
+  title="Real-time Events"
+  description="Subscribe to live events from the API."
+  subprotocols={["events-v1"]}
+  headers={{
+    "X-Client-Version": "2.0"
+  }}
+  authType="bearer"
+  servers={[
+    { url: "wss://api.example.com/ws", description: "Production" },
+    { url: "wss://staging.api.example.com/ws", description: "Staging" }
+  ]}
+/>
+```
+
+## Features
+
+<CardGroup cols={2}>
+  <Card title="Live Connection" icon="activity" description="Real WebSocket connection with connect/disconnect controls and live status indicator." />
+  <Card title="Message History" icon="message-square" description="Timestamped message log with color-coded sent, received, error, and system messages." />
+  <Card title="Subprotocols" icon="layers" description="Configure and negotiate WebSocket subprotocols." />
+  <Card title="Authentication" icon="lock" description="Supports Bearer token, API key, Basic auth, and custom headers." />
+  <Card title="Multiple Servers" icon="server" description="Switch between server environments (production, staging, local)." />
+  <Card title="Custom Headers" icon="list" description="Add custom headers to the WebSocket handshake request." />
+</CardGroup>
+
+## Message Types
+
+Messages in the log are color-coded:
+
+| Type | Color | Description |
+| --- | --- | --- |
+| SEND | Orange | Messages you send to the server |
+| RECV | Blue | Messages received from the server |
+| ERR | Red | Connection errors and protocol errors |
+| SYS | Muted | Connect, disconnect, and status events |
+
+## Testing JSON APIs
+
+For WebSocket APIs that use JSON messages, send structured messages like:
+
+```json
+{ "type": "subscribe", "channel": "updates" }
+```
+
+```json
+{ "type": "message", "content": "Hello!", "room": "general" }
+```
+
+## Props Reference
+
+| Prop | Type | Required | Description |
+| --- | --- | --- | --- |
+| `url` | `string` | Yes | WebSocket URL (`ws://` or `wss://`). |
+| `title` | `string` | No | Display title. |
+| `description` | `string` | No | Description shown above the playground. |
+| `subprotocols` | `string[]` | No | Pre-configured WebSocket subprotocols. |
+| `headers` | `Record<string, string>` | No | Pre-populated handshake headers. |
+| `authType` | `'bearer' \| 'apiKey' \| 'basic' \| 'none'` | No | Authentication method. |
+| `servers` | `Array<{ url, description, protocol? }>` | No | Server environment options. |

package/docs/social-card.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+<rect width="1200" height="630" fill="#15243e"/>
+<rect x="0" y="0" width="1200" height="8" fill="#5c8cf4"/>
+<circle cx="1160" cy="390" r="310" fill="#1c2e4d"/>
+<circle cx="1160" cy="390" r="240" fill="none" stroke="#344767"/>
+<circle cx="1160" cy="390" r="160" fill="none" stroke="#344767"/>
+<image href="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjk5NDEgNC45OTk1MUMxOS45OTQ3IDMuMDAwNzkgMTkuOTk0NyAzLjAwMDc5IDE2Ljk5NTYgMC4wMDI3MTM2OFY0Ljk5OTUxSDIxLjk5NDFaIiBmaWxsPSIjOTJCRkZBIi8+CjxwYXRoIGQ9Ik03LjQ5NzgyIDMuOTE4NDNDNy40OTc4MiA0LjUxNTUgNy45ODE4MyA0Ljk5OTUxIDguNTc4OSA0Ljk5OTUxSDE2Ljk5NTFWMC4wMDI3MTYwNkg4LjU3ODlDNy45ODE4MyAwLjAwMjcxNjA2IDcuNDk3ODIgMC40ODY3MzMgNy40OTc4MiAxLjA4MzhWMy45MTg0M1oiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl82Nl82ODApIi8+CjxwYXRoIGQ9Ik0yMS45OTMyIDUuMDExMjNDMjIuMDA0OSA4LjIwOTg3IDIxLjk5ODMgMTcuNzAzNiAyMS45OTUxIDIxLjk5OTVDMjEuOTk0MyAyMy4xMDQxIDIxLjA5NzcgMjMuOTk5NSAxOS45OTMyIDIzLjk5OTVIMkMwLjg5NTQzMSAyMy45OTk1IDMuODcwNTVlLTA3IDIzLjEwNDEgMCAyMS45OTk1VjguNTkxMzFDMCA3Ljk5NDI2IDAuNDg0MDEgNy41MTAyOCAxLjA4MTA1IDcuNTEwMjVIMy45MTc5N0M0LjUxNDgxIDcuNTEwNTIgNC45OTkwMiA3Ljk5NDQxIDQuOTk5MDIgOC41OTEzMVYxOS41MDI0SDE2Ljk5NTFWNS4wMTEyM0gyMS45OTMyWiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzY2XzY4MCkiLz4KPGVsbGlwc2UgY3g9IjEyLjMyMTciIGN5PSIxNC4yNzYiIHJ4PSIxLjI5NzMiIHJ5PSIxLjI5NjQ3IiBmaWxsPSIjMTk2N0QyIi8+CjxwYXRoIGQ9Ik01IDAuMDA2MzQ4MTNDNS41NTE1NyAwLjAwNzMwMjI3IDUuOTk4MDUgMC40NTQ3MTggNS45OTgwNSAxLjAwNjM1VjQuMDEyMjFDNS45OTgwNSA0LjY0MDY4IDYuMjk3MDcgNS4yMzE3OSA2LjgwMjczIDUuNjA0OThMNy40Njc3NyA2LjA5NjE5QzcuODExNzEgNi4zNTAwMyA4LjIyODc4IDYuNDg2ODIgOC42NTYyNSA2LjQ4NjgySDE0LjQ5NTFDMTUuMDQ3MiA2LjQ4NjgyIDE1LjQ5NDkgNi45MzQ3NSAxNS40OTUxIDcuNDg2ODJWMTYuOThDMTUuNDk1MSAxNy41MzIyIDE1LjA0NzQgMTcuOTggMTQuNDk1MSAxNy45OEg3LjQ5ODA1QzYuOTQ1ODMgMTcuOTc5OSA2LjQ5ODA4IDE3LjUzMjIgNi40OTgwNSAxNi45OFY4LjY3MTM5QzYuNDk4MDYgOC4yMzcyNCA2LjM1Njg5IDcuODE0MDcgNi4wOTU3IDcuNDY3MjlMNS41ODY5MSA2Ljc5MjQ4QzUuMjE1NTggNi4yOTk1NCA0LjYzNzU5IDYuMDA1MTUgNC4wMjA1MSA1Ljk5NTYxSDFDMC40NDc3MjIgNS45OTU2IDAgNS41NDc4OSAwIDQuOTk1NjFWMS4wMDA0OUMwLjAwMDE2NTg0NSAwLjQ0Nzk1MSAwLjQ0ODQ0MSAtNC42MDcyOWUtMDUgMS4wMDA5OCAwLjAwMDQ4ODc2TDUgMC4wMDYzNDgxM1oiIGZpbGw9IiNGRkMyMzYiLz4KPGVsbGlwc2UgY3g9IjEyLjk5NjEiIGN5PSIxNS41MDUiIHJ4PSIxIiByeT0iMC45OTkzNTkiIGZpbGw9IiMzNjMwQzQiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl82Nl82ODAiIHgxPSIxMC45OTk5IiB5MT0iMC4wMDI3MTYwNiIgeDI9IjEwLjk5OTkiIHkyPSIyMy45OTk1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1MjhGRjQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTJCRkZBIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl82Nl82ODAiIHgxPSIxMC45OTk5IiB5MT0iMC4wMDI3MTYwNiIgeDI9IjEwLjk5OTkiIHkyPSIyMy45OTk1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1MjhGRjQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTJCRkZBIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==" x="72" y="64" width="44" height="48"/>
+<text x="134" y="100" fill="#f8f5ed" font-family="Bricolage Grotesque,Arial,sans-serif" font-size="38" font-weight="700">Dory</text>
+<rect x="242" y="73" width="76" height="27" rx="5" fill="none" stroke="#536078"/>
+<text x="255" y="92" fill="#aebace" font-family="Arial,sans-serif" font-size="12" letter-spacing="3">DOCS</text>
+<text x="72" y="260" fill="#f8f5ed" font-family="Bricolage Grotesque,Arial,sans-serif" font-size="76" font-weight="700" letter-spacing="-2">Documentation,</text>
+<text x="72" y="350" fill="#f8f5ed" font-family="Bricolage Grotesque,Arial,sans-serif" font-size="76" font-weight="700" letter-spacing="-2">beautifully simple.</text>
+<text x="76" y="420" fill="#b2bdd0" font-family="Hanken Grotesk,Arial,sans-serif" font-size="26">Build beautiful documentation from MDX.</text>
+<path d="M76 512H1124" stroke="#344767"/>
+<text x="76" y="559" fill="#aebace" font-family="Hanken Grotesk,Arial,sans-serif" font-size="21">Open source. Built for teams.</text>
+<text x="1124" y="559" text-anchor="end" fill="#8caffb" font-family="Hanken Grotesk,Arial,sans-serif" font-size="21">clidey.github.io/dory</text>
+</svg>