@knitli/docs-components 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+### Added
+- Initial package structure
+- DocsHeader component with Knitli branding
+- Copper Archive CSS theme
+- Logo assets and usage guide

package/README.md

@@ -0,0 +1,210 @@
+# @knitli/docs-components
+
+Shared branded components for Knitli documentation sites. This package is **not licensed**, which means you cannot include its components in your project without Knitli's written authorization. For license inquiries, contact license_request@knitli.com
+
+## Installation
+
+```bash
+npm install @knitli/docs-components
+# or
+bun add @knitli/docs-components
+```
+
+## Usage
+
+### Quick Start with Starlight
+
+```javascript
+// astro.config.mjs
+import { defineConfig } from "astro/config";
+import starlight from "@astrojs/starlight";
+
+export default defineConfig({
+  integrations: [
+    starlight({
+      title: "Your Product Docs",
+      components: {
+        Header: "@knitli/docs-components/DocsHeader.astro",
+      },
+      customCss: ["@knitli/docs-components/styles/theme.css"],
+    }),
+  ],
+});
+```
+
+### Components
+
+#### DocsHeader.astro
+
+Branded header with Knitli logo, product navigation, and breadcrumbs.
+
+**Props:**
+
+```typescript
+interface Props {
+  currentProduct?: "ReCoco" | "CodeWeaver" | "Thread"; // Current product being documented
+  currentPath?: string; // Current URL path
+  productUrl?: string; // URL to product docs home
+  showBreadcrumb?: boolean; // Show breadcrumb navigation (default: true)
+  variant?: "default" | "minimal"; // Visual variant (default: 'default')
+}
+```
+
+**Features:**
+
+- Environment-aware URLs (dev vs production)
+- Sticky positioning with copper accent line
+- Responsive mobile menu
+- Accessible navigation with ARIA labels
+- Cross-site navigation to Main Site, Blog, GitHub
+
+**Example:**
+
+```astro
+---
+import DocsHeader from '@knitli/docs-components/DocsHeader.astro';
+const { pathname } = Astro.url;
+---
+
+<DocsHeader
+  currentProduct="ReCoco"
+  currentPath={pathname}
+  productUrl="/ReCoco"
+  showBreadcrumb={true}
+/>
+```
+
+#### DocsFooter.astro
+
+Simple footer with cross-site links and copyright notice.
+
+**Props:**
+
+```typescript
+interface Props {
+  variant?: "default" | "minimal"; // Visual variant (default: 'default')
+}
+```
+
+**Features:**
+
+- Cross-site navigation links (default variant)
+- Copyright notice with current year
+- License information
+- Minimal variant for compact layouts
+
+**Example:**
+
+```astro
+---
+import DocsFooter from '@knitli/docs-components/DocsFooter.astro';
+---
+
+<DocsFooter variant="default" />
+```
+
+#### DocsBreadcrumb.astro
+
+Optional standalone breadcrumb component for product-specific navigation.
+
+**Props:**
+
+```typescript
+interface Props {
+  product?: "ReCoco" | "CodeWeaver" | "Thread"; // Product name
+  productUrl?: string; // URL to product docs home
+  path?: string; // Current path within product docs
+  variant?: "default" | "compact"; // Visual variant (default: 'default')
+}
+```
+
+**Features:**
+
+- Automatic path segment parsing
+- Semantic HTML with `<nav>` and `<ol>`
+- ARIA current page indicator
+- Responsive compact mode
+
+**Example:**
+
+```astro
+---
+import DocsBreadcrumb from '@knitli/docs-components/DocsBreadcrumb.astro';
+---
+
+<DocsBreadcrumb
+  product="ReCoco"
+  productUrl="/ReCoco"
+  path="/getting-started/installation"
+  variant="default"
+/>
+```
+
+### Styles
+
+- **`styles/theme.css`** - Complete Copper Archive theme with all visual elements
+- **`styles/copper.css`** - Just the copper color scheme
+- **`styles/variables.css`** - CSS custom properties only
+
+### Logos
+
+Logo assets are available at `@knitli/docs-components/logos/`:
+
+- `knitli-logo.svg` - Standard Knitli logo
+- `knitli-logo-copper.svg` - Copper variant for docs theme
+
+### Environment Configuration
+
+Components automatically adapt URLs based on environment.
+
+**.env.development:**
+
+```bash
+PUBLIC_MARKETING_URL=http://localhost:4321
+PUBLIC_BLOG_URL=http://localhost:4322
+PUBLIC_DOCS_URL=http://localhost:4323
+```
+
+**Production (automatic):**
+
+- Marketing: `https://knitli.com`
+- Blog: `https://blog.knitli.com`
+- Docs: `https://docs.knitli.com`
+
+### Customization
+
+Override CSS variables in your custom.css:
+
+```css
+:root {
+  --docs-copper: oklch(0.6 0.1 50); /* Custom copper shade */
+  --docs-slate: oklch(0.3 0.02 240); /* Darker slate */
+  --docs-parchment: oklch(0.96 0.015 70); /* Background color */
+}
+```
+
+## Copper Archive Aesthetic
+
+The Copper Archive theme bridges Knitli's warmth with technical documentation's utilitarian purpose. Key design elements:
+
+- **Color**: Copper (`#b56c30`) as primary accent
+- **Typography**: DM Mono (headings), IBM Plex Serif (body), JetBrains Mono (code)
+- **Visual Elements**: Copper corner brackets, embossed shadows, paper grain texture
+
+## Development
+
+```bash
+# Build package
+bun run build
+
+# Publish (requires npm login)
+npm publish
+```
+
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md)
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,13 @@
+// SPDX-FileCopyrightText: 2025 Knitli Inc.
+// SPDX-FileContributor: Adam Poulemanos <adam@knit.li>
+//
+// SPDX-License-Identifier: MIT OR Apache-2.0
+//
+// Main exports for @knitli/docs-components package
+// Export type definitions
+export * from './types/index.js';
+// Components are exported via package.json exports field
+// Import them directly:
+// import DocsHeader from '@knitli/docs-components/DocsHeader.astro';
+// import DocsFooter from '@knitli/docs-components/DocsFooter.astro';
+// import DocsBreadcrumb from '@knitli/docs-components/DocsBreadcrumb.astro';

package/dist/types/index.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Supported Knitli products for documentation
+ */
+export type ProductName = 'ReCoco' | 'CodeWeaver' | 'Thread';
+/**
+ * Site URLs configuration
+ */
+export interface SiteUrls {
+    marketing: string;
+    blog: string;
+    docs: string;
+}
+/**
+ * Props for DocsHeader component
+ */
+export interface DocsHeaderProps {
+    /**
+     * Current product being documented
+     */
+    currentProduct?: ProductName;
+    /**
+     * Current URL path
+     */
+    currentPath?: string;
+    /**
+     * URL to the product's documentation home
+     */
+    productUrl?: string;
+    /**
+     * Whether to show breadcrumb navigation
+     * @default true
+     */
+    showBreadcrumb?: boolean;
+    /**
+     * Visual variant of the header
+     * @default 'default'
+     */
+    variant?: 'default' | 'minimal';
+}
+/**
+ * Props for DocsFooter component
+ */
+export interface DocsFooterProps {
+    /**
+     * Visual variant of the footer
+     * @default 'default'
+     */
+    variant?: 'default' | 'minimal';
+}
+/**
+ * Props for DocsBreadcrumb component
+ */
+export interface DocsBreadcrumbProps {
+    /**
+     * Current product name
+     */
+    product?: ProductName;
+    /**
+     * URL to the product's documentation home
+     */
+    productUrl?: string;
+    /**
+     * Current path within the product docs
+     */
+    path?: string;
+    /**
+     * Visual variant of the breadcrumb
+     * @default 'default'
+     */
+    variant?: 'default' | 'compact';
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC"}

package/dist/types/index.js

@@ -0,0 +1,7 @@
+// SPDX-FileCopyrightText: 2025 Knitli Inc.
+// SPDX-FileContributor: Adam Poulemanos <adam@knit.li>
+//
+// SPDX-License-Identifier: MIT OR Apache-2.0
+//
+// TypeScript type definitions for docs-components package
+export {};

package/package.json

@@ -0,0 +1,53 @@
+{
+  "author": "Knitli Inc.",
+  "description": "Shared branded components for Knitli documentation sites",
+  "devDependencies": {
+    "@types/node": "^24.0.0",
+    "astro": "^5.17.0",
+    "auto-changelog": "^2.4.0",
+    "typescript": "^5.3.0"
+  },
+  "exports": {
+    ".": "./dist/index.js",
+    "./DocsBreadcrumb.astro": "./src/components/DocsBreadcrumb.astro",
+    "./DocsFooter.astro": "./src/components/DocsFooter.astro",
+    "./DocsHeader.astro": "./src/components/DocsHeader.astro",
+    "./logos/*": "./src/assets/logos/*",
+    "./styles/copper.css": "./src/styles/copper-archive.css",
+    "./styles/theme.css": "./src/styles/docs-theme.css",
+    "./styles/variables.css": "./src/styles/variables.css"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "homepage": "https://docs.knitli.com",
+  "keywords": [
+    "knitli",
+    "documentation",
+    "astro",
+    "components",
+    "starlight"
+  ],
+  "license": "LicenseRef-Not_Licensed",
+  "main": "./dist/index.js",
+  "name": "@knitli/docs-components",
+  "peerDependencies": {
+    "astro": "^5.0.0"
+  },
+  "repository": {
+    "directory": "packages/docs-components",
+    "type": "git",
+    "url": "git+https://github.com/knitli/knitli-site.git"
+  },
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "bun run build",
+    "version": "auto-changelog -p && git add CHANGELOG.md"
+  },
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "version": "1.0.0"
+}

package/src/assets/logos/README.md

@@ -0,0 +1,180 @@
+# Knitli Logo Usage Guidelines
+
+This directory contains the official Knitli logo assets for use in documentation components.
+
+## Logo Variants
+
+### Standard Logo (`knitli-logo.svg`)
+- **Colors**: Aubergine text (#1e061b) with rust knot accent (#ea5932)
+- **Use cases**:
+  - General documentation headers
+  - Light backgrounds
+  - Standard brand representation
+  - Navigation elements
+
+### Copper Logo (`knitli-logo-copper.svg`)
+- **Colors**: Full copper (#b56c30) for both text and knot
+- **Use cases**:
+  - CodeWeaver/technical documentation theme
+  - Integration with docs aesthetic
+  - Technical content headers
+  - Engineering-focused materials
+
+## Size Recommendations
+
+### Minimum Dimensions
+- **Minimum height**: 24px (for legibility)
+- **Minimum width**: 81px (maintains aspect ratio)
+- **Recommended base**: 32px height for standard UI elements
+
+### Common Sizes
+```css
+/* Small (navigation, inline) */
+height: 24px;
+width: auto;
+
+/* Medium (section headers) */
+height: 32px;
+width: auto;
+
+/* Large (page headers) */
+height: 48px;
+width: auto;
+
+/* Hero/landing */
+height: 64px;
+width: auto;
+```
+
+## Accessibility
+
+### Alt Text
+Always include descriptive alt text for screen readers:
+
+```html
+<!-- Standard implementation -->
+<img src="knitli-logo.svg" alt="Knitli" />
+
+<!-- With link (navigation) -->
+<a href="https://knitli.com">
+  <img src="knitli-logo.svg" alt="Knitli home" />
+</a>
+
+<!-- Decorative only (rare) -->
+<img src="knitli-logo.svg" alt="" role="presentation" />
+```
+
+### Link Navigation
+When using the logo as a navigation element, always link to the main site:
+
+```html
+<a href="https://knitli.com" aria-label="Return to Knitli homepage">
+  <img src="knitli-logo.svg" alt="Knitli" />
+</a>
+```
+
+## Usage Examples
+
+### Astro Component
+```astro
+---
+import knitliLogo from '../assets/logos/knitli-logo.svg';
+import knitliLogoCopper from '../assets/logos/knitli-logo-copper.svg';
+---
+
+<!-- Standard header -->
+<header>
+  <a href="https://knitli.com">
+    <img src={knitliLogo.src} alt="Knitli" height="32" />
+  </a>
+</header>
+
+<!-- Docs theme header -->
+<header class="docs-header">
+  <a href="https://knitli.com">
+    <img src={knitliLogoCopper.src} alt="Knitli" height="32" />
+  </a>
+</header>
+```
+
+### HTML/CSS
+```html
+<!-- Responsive with CSS sizing -->
+<a href="https://knitli.com" class="logo-link">
+  <img src="./logos/knitli-logo.svg" alt="Knitli" class="logo" />
+</a>
+
+<style>
+  .logo {
+    height: 2rem; /* 32px */
+    width: auto;
+    display: block;
+  }
+
+  .logo-link {
+    display: inline-flex;
+    align-items: center;
+    text-decoration: none;
+  }
+
+  .logo-link:hover .logo,
+  .logo-link:focus .logo {
+    opacity: 0.85;
+    transition: opacity 0.2s ease;
+  }
+</style>
+```
+
+### React/TypeScript
+```tsx
+import knitliLogo from '../assets/logos/knitli-logo.svg';
+
+export function Logo() {
+  return (
+    <a href="https://knitli.com" aria-label="Return to Knitli homepage">
+      <img
+        src={knitliLogo}
+        alt="Knitli"
+        style={{ height: '32px', width: 'auto' }}
+      />
+    </a>
+  );
+}
+```
+
+## Technical Details
+
+### File Format
+- **Format**: SVG (Scalable Vector Graphics)
+- **Optimization**: Cleaned of unnecessary metadata and comments
+- **Viewbox**: `0 0 425.64246 125`
+- **Native aspect ratio**: ~3.4:1 (width:height)
+
+### Color Values
+```css
+/* Standard Logo */
+--logo-text: #1e061b;    /* Aubergine */
+--logo-knot: #ea5932;    /* Rust */
+
+/* Copper Logo */
+--logo-copper: #b56c30;  /* Copper */
+```
+
+### Inline Styling
+Both logos use CSS classes (`.text`, `.knot`) for color application, allowing for potential theme customization if needed.
+
+## Best Practices
+
+1. **Always use vector format** - Never convert to raster unless absolutely necessary
+2. **Maintain aspect ratio** - Set either width OR height, let the other auto-scale
+3. **Respect minimum size** - Never display smaller than 24px height
+4. **Use semantic HTML** - Wrap in `<a>` tag when used for navigation
+5. **Provide context** - Use appropriate alt text for the use case
+6. **Consider contrast** - Ensure sufficient contrast with background colors
+7. **Test accessibility** - Verify screen reader announcements
+
+## Copyright
+
+© 2025 Knitli Inc. All Rights Reserved.
+
+Original design by Adam/Signcraft (DesignCrowd), owned by Knitli Inc.

package/src/assets/logos/knitli-logo-copper.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="knitli-logo-copper" viewBox="0 0 425.64246 125" width="425.64246" height="125" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="knitli-logo-copper-title">
+  <title id="knitli-logo-copper-title">Knitli</title>
+  <defs>
+    <style>
+      .text { fill: #b56c30; }
+      .knot { fill: #b56c30; }
+    </style>
+  </defs>
+  <g class="text" transform="matrix(0.87019392,0,0,0.87019392,-446.87779,5.0497)">
+    <path d="m 755.7988,56.199038 h 18.2535 l -0.72516,15.734735 h 0.24458 c 1.51469,-5.68544 4.14501,-9.89053 7.85664,-12.61525 3.7245,-2.71614 8.9122,-4.076356 15.55881,-4.076356 7.28166,0 13.02718,1.973815 17.22797,5.942896 4.2008,3.95622 6.30334,9.70173 6.30334,17.22797 v 37.103427 h -18.2535 V 82.497973 c 0,-2.71614 -0.49774,-4.98173 -1.49323,-6.78391 -1.00836,-1.80647 -2.46298,-3.14523 -4.3896,-4.02487 -1.91374,-0.87963 -4.23941,-1.31731 -6.95984,-1.31731 -3.2053,0 -5.97293,0.64364 -8.28573,1.92662 -2.32567,1.27869 -4.08494,3.17527 -5.28639,5.69832 -1.20145,2.52305 -1.79789,5.62966 -1.79789,9.31125 V 115.52075 H 755.7988 V 56.203329 Z"/>
+    <path d="m 877.6218,111.01102 c -3.91759,-3.6344 -5.88283,-8.94224 -5.88283,-15.910667 v -24.73276 h -8.76631 V 56.199038 h 8.76631 V 37.306197 h 18.2535 v 18.892841 h 18.96579 v 14.168555 h -18.96579 v 23.77589 c 0,2.08109 0.34327,3.70305 1.01694,4.86588 0.68226,1.154257 1.73782,1.973817 3.18385,2.462977 1.43746,0.48058 3.40269,0.71229 5.88283,0.71229 1.36022,0 2.82341,-0.0772 4.38959,-0.236 1.55331,-0.16734 2.85345,-0.36043 3.90043,-0.60502 v 13.80813 c -1.27869,0.32181 -2.98217,0.62647 -5.10188,0.90967 -2.12829,0.27462 -4.26945,0.42051 -6.43206,0.42051 -8.88217,0 -15.29278,-1.82793 -19.21037,-5.4709 z"/>
+    <path d="M 746.36311,115.51646 725.55653,89.131713 c 9.82616,-7.68501 16.26681,-19.51502 16.26681,-32.932675 H 723.587 c 0,13.078665 -10.64143,23.720105 -23.72868,23.720105 h -2.61745 V 30.0417 h -18.24492 v 85.47476 h 18.24492 V 98.164063 h 2.61745 c 3.23104,0 6.34624,-0.44626 9.36703,-1.14138 l 13.10871,18.493777 h 24.02047 z"/>
+    <path d="m 922.09271,30.0417 h 18.24491 v 85.47476 h -18.24491 z"/>
+    <g transform="matrix(0.42909019,0,0,0.42909019,470.15775,-1.6079935)">
+      <rect x="849.52002" y="134.72" width="42.540001" height="138.24001"/>
+      <path d="m 881.84,70.51 c -3.48,-1.28 -7.2,-1.93 -11.05,-1.93 -3.85,0 -7.57,0.65 -11.05,1.93 -8.82,3.22 -14.75,11.33 -14.75,20.18 0,8.85 5.93,16.95 14.76,20.18 3.5,1.28 7.21,1.92 11.04,1.92 3.83,0 7.55,-0.65 11.04,-1.92 8.82,-3.23 14.76,-11.34 14.76,-20.18 0,-8.84 -5.93,-16.96 -14.75,-20.18 z"/>
+    </g>
+    <g transform="matrix(0.42909019,0,0,0.42909019,470.15775,-1.6079935)">
+      <rect x="1133.5601" y="134.72" width="42.540001" height="138.24001"/>
+      <path d="m 1165.88,70.51 c -3.48,-1.28 -7.2,-1.93 -11.05,-1.93 -3.85,0 -7.57,0.65 -11.05,1.93 -8.82,3.22 -14.75,11.33 -14.75,20.18 0,8.85 5.93,16.95 14.76,20.18 3.5,1.28 7.21,1.92 11.04,1.92 3.83,0 7.55,-0.65 11.04,-1.92 8.82,-3.23 14.76,-11.34 14.76,-20.18 0,-8.84 -5.93,-16.96 -14.75,-20.18 z"/>
+    </g>
+  </g>
+  <path class="knot" d="m 112.681,56.603739 c -1.74264,-0.639671 -3.60049,-0.959506 -5.5148,-0.959506 -5.91696,0 -11.1519,2.909088 -14.58307,5.434847 -0.860732,-1.077093 -1.62504,-2.234144 -2.347025,-3.459394 -0.698465,-1.239361 -1.319318,-2.478722 -1.822592,-3.762767 3.903867,-1.709707 9.037687,-4.78812 11.998517,-9.912537 0.95951,-1.657969 1.60859,-3.426469 1.92607,-5.256114 0.80664,-4.618795 -1.21114,-9.199963 -5.04211,-11.415292 -3.82156,-2.20357 -8.804864,-1.665024 -12.403013,1.340486 -1.420446,1.187622 -2.62688,2.633936 -3.586384,4.29896 -2.956122,5.122066 -3.057249,11.102513 -2.586903,15.345031 -1.37106,0.209304 -2.770336,0.310428 -4.193136,0.308076 -1.422793,0 -2.822069,-0.09877 -4.193129,-0.308076 0.470345,-4.242518 0.369219,-10.225317 -2.586903,-15.345031 -0.961859,-1.665024 -2.165939,-3.111338 -3.586384,-4.29896 -3.598148,-3.00551 -8.581461,-3.544056 -12.403024,-1.340486 -3.830966,2.215329 -5.846392,6.798848 -5.042102,11.415292 0.317485,1.829645 0.968915,3.598145 1.926065,5.256114 2.960823,5.124417 8.094649,8.20283 11.998523,9.912537 -0.503271,1.284045 -1.124128,2.523406 -1.822589,3.762767 -0.721985,1.22525 -1.486297,2.382301 -2.34703,3.459394 -3.433523,-2.525759 -8.666121,-5.432495 -14.583067,-5.434847 -1.914312,0 -3.772176,0.319835 -5.514808,0.959506 -4.402437,1.610934 -7.363261,5.648853 -7.365616,10.072455 0,4.411843 2.960831,8.459168 7.363269,10.070101 1.737922,0.637318 3.593439,0.957156 5.517155,0.957156 5.912245,0 11.142487,-2.902034 14.583067,-5.432494 0.867788,1.081795 1.65327,2.243549 2.363489,3.478207 0.714928,1.232304 1.326375,2.495186 1.829646,3.786281 -3.910924,1.714414 -9.040048,4.792825 -11.99617,9.912541 -0.961857,1.665021 -1.613286,3.43117 -1.928418,5.256117 -0.80429,4.618794 1.220547,9.204657 5.039755,11.412937 3.83332,2.21062 8.809577,1.66502 12.407726,-1.34284 1.425146,-1.18997 2.631581,-2.63628 3.588737,-4.29661 2.956122,-5.126766 3.057242,-11.111917 2.584549,-15.347379 1.361649,-0.206954 2.74682,-0.28926 4.169613,-0.303373 1.4228,0.01414 2.80561,0.09642 4.169614,0.303373 -0.470345,4.235462 -0.371573,10.220613 2.584555,15.347379 0.95715,1.65797 2.163585,3.10664 3.588737,4.29661 3.595792,3.00552 8.574396,3.55111 12.407716,1.34284 3.81922,-2.20828 5.84405,-6.794143 5.03975,-11.412937 -0.31748,-1.824947 -0.96656,-3.591096 -1.92841,-5.256117 -2.95612,-5.119716 -8.08524,-8.198127 -11.996173,-9.912541 0.503274,-1.293449 1.117074,-2.553977 1.829651,-3.786281 0.710223,-1.234658 1.49805,-2.39406 2.363482,-3.478207 3.44057,2.53046 8.67083,5.432494 14.58307,5.432494 1.92372,0 3.77688,-0.319838 5.51716,-0.957156 4.40244,-1.613281 7.36092,-5.660609 7.36326,-10.070101 -0.003,-4.425954 -2.96318,-8.461521 -7.36561,-10.074807 z m -70.798794,12.95097 c -0.961852,0 -1.871976,-0.155213 -2.709192,-0.460939 -1.147638,-0.420959 -2.010724,-1.460423 -2.010724,-2.417576 0.005,-0.954802 0.865433,-1.99897 2.008376,-2.417578 0.841917,-0.305725 1.754389,-0.46329 2.71154,-0.46329 2.551629,0.0024 5.507752,1.041815 8.374505,2.878517 -2.87381,1.841402 -5.82523,2.880866 -8.374505,2.878515 z M 55.698618,39.864133 c -0.479755,-0.827808 -0.799588,-1.695596 -0.954803,-2.577495 -0.211656,-1.199382 0.263391,-2.466964 1.088849,-2.949068 0.83016,-0.479753 2.161237,-0.249284 3.099579,0.533841 0.684355,0.573823 1.274634,1.281693 1.754389,2.116557 1.274635,2.205922 1.850808,5.281983 1.693246,8.691991 -3.024323,-1.563901 -5.401924,-3.605202 -6.678913,-5.813474 z m 5.01153,56.544975 c -0.477401,0.830157 -1.070034,1.540379 -1.754389,2.116546 -0.933634,0.783131 -2.267065,1.006547 -3.097225,0.531498 -0.83016,-0.479753 -1.298156,-1.747341 -1.088855,-2.951421 0.155214,-0.879546 0.475054,-1.744986 0.957156,-2.577499 1.272287,-2.20827 3.649882,-4.244871 6.681261,-5.811117 0.157568,3.400594 -0.420958,6.481359 -1.695593,8.691993 z M 83.162103,71.675969 c -1.030052,1.7685 -1.89784,3.607551 -2.596308,5.503043 -1.98486,-0.341 -3.997939,-0.498563 -6.039241,-0.500917 -2.043651,0.0025 -4.056729,0.159917 -6.039235,0.500917 -0.696113,-1.895492 -1.563901,-3.734543 -2.596313,-5.503043 -1.015947,-1.777906 -2.175349,-3.447634 -3.468798,-4.999775 1.288747,-1.547437 2.429336,-3.212462 3.454692,-4.980962 1.020648,-1.770852 1.89079,-3.593442 2.586897,-5.481881 1.989562,0.343353 4.016753,0.512679 6.062757,0.503271 2.048359,0.0071 4.073196,-0.159918 6.062757,-0.503271 0.696113,1.888439 1.566256,3.711029 2.586905,5.481881 1.023001,1.7685 2.165944,3.433525 3.454691,4.980962 -1.293455,1.552141 -2.450503,3.221869 -3.468804,4.999775 z M 93.32863,93.528232 c 0.4821,0.832513 0.80194,1.697953 0.95715,2.577499 0.20931,1.20408 -0.25869,2.471668 -1.08885,2.951421 -0.83016,0.475049 -2.163583,0.251633 -3.097227,-0.531498 -0.686703,-0.576167 -1.279338,-1.286389 -1.754387,-2.116546 -1.272286,-2.210634 -1.85081,-5.291399 -1.695595,-8.691993 3.03138,1.568601 5.406619,3.605194 6.681259,5.811117 z M 86.67559,45.677607 c -0.157568,-3.410008 0.418605,-6.483717 1.693239,-8.691991 0.479753,-0.834864 1.07004,-1.542733 1.754394,-2.116556 0.938342,-0.783126 2.269417,-1.011243 3.099577,-0.533843 0.82546,0.482105 1.29816,1.747336 1.08885,2.949069 -0.15522,0.881898 -0.47505,1.749686 -0.95481,2.577495 -1.27699,2.208273 -3.65693,4.249574 -6.678901,5.813474 z m 23.2045,23.416163 c -0.83957,0.305726 -1.74733,0.460939 -2.70919,0.460939 -2.54927,0 -5.50069,-1.037112 -8.3745,-2.878515 2.86675,-1.8367 5.82523,-2.876166 8.3745,-2.878517 0.95716,0 1.86962,0.155214 2.71155,0.463291 1.14528,0.418608 2.00602,1.460424 2.00838,2.417577 0,0.957154 -0.8631,1.998969 -2.01074,2.417578 z"/>
+</svg>

package/src/assets/logos/knitli-logo.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="knitli-logo" viewBox="0 0 425.64246 125" width="425.64246" height="125" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="knitli-logo-title">
+  <title id="knitli-logo-title">Knitli</title>
+  <defs>
+    <style>
+      .text { fill: #1e061b; }
+      .knot { fill: #ea5932; }
+    </style>
+  </defs>
+  <g class="text" transform="matrix(0.87019392,0,0,0.87019392,-446.87779,5.0497)">
+    <path d="m 755.7988,56.199038 h 18.2535 l -0.72516,15.734735 h 0.24458 c 1.51469,-5.68544 4.14501,-9.89053 7.85664,-12.61525 3.7245,-2.71614 8.9122,-4.076356 15.55881,-4.076356 7.28166,0 13.02718,1.973815 17.22797,5.942896 4.2008,3.95622 6.30334,9.70173 6.30334,17.22797 v 37.103427 h -18.2535 V 82.497973 c 0,-2.71614 -0.49774,-4.98173 -1.49323,-6.78391 -1.00836,-1.80647 -2.46298,-3.14523 -4.3896,-4.02487 -1.91374,-0.87963 -4.23941,-1.31731 -6.95984,-1.31731 -3.2053,0 -5.97293,0.64364 -8.28573,1.92662 -2.32567,1.27869 -4.08494,3.17527 -5.28639,5.69832 -1.20145,2.52305 -1.79789,5.62966 -1.79789,9.31125 V 115.52075 H 755.7988 V 56.203329 Z"/>
+    <path d="m 877.6218,111.01102 c -3.91759,-3.6344 -5.88283,-8.94224 -5.88283,-15.910667 v -24.73276 h -8.76631 V 56.199038 h 8.76631 V 37.306197 h 18.2535 v 18.892841 h 18.96579 v 14.168555 h -18.96579 v 23.77589 c 0,2.08109 0.34327,3.70305 1.01694,4.86588 0.68226,1.154257 1.73782,1.973817 3.18385,2.462977 1.43746,0.48058 3.40269,0.71229 5.88283,0.71229 1.36022,0 2.82341,-0.0772 4.38959,-0.236 1.55331,-0.16734 2.85345,-0.36043 3.90043,-0.60502 v 13.80813 c -1.27869,0.32181 -2.98217,0.62647 -5.10188,0.90967 -2.12829,0.27462 -4.26945,0.42051 -6.43206,0.42051 -8.88217,0 -15.29278,-1.82793 -19.21037,-5.4709 z"/>
+    <path d="M 746.36311,115.51646 725.55653,89.131713 c 9.82616,-7.68501 16.26681,-19.51502 16.26681,-32.932675 H 723.587 c 0,13.078665 -10.64143,23.720105 -23.72868,23.720105 h -2.61745 V 30.0417 h -18.24492 v 85.47476 h 18.24492 V 98.164063 h 2.61745 c 3.23104,0 6.34624,-0.44626 9.36703,-1.14138 l 13.10871,18.493777 h 24.02047 z"/>
+    <path d="m 922.09271,30.0417 h 18.24491 v 85.47476 h -18.24491 z"/>
+    <g transform="matrix(0.42909019,0,0,0.42909019,470.15775,-1.6079935)">
+      <rect x="849.52002" y="134.72" width="42.540001" height="138.24001"/>
+      <path d="m 881.84,70.51 c -3.48,-1.28 -7.2,-1.93 -11.05,-1.93 -3.85,0 -7.57,0.65 -11.05,1.93 -8.82,3.22 -14.75,11.33 -14.75,20.18 0,8.85 5.93,16.95 14.76,20.18 3.5,1.28 7.21,1.92 11.04,1.92 3.83,0 7.55,-0.65 11.04,-1.92 8.82,-3.23 14.76,-11.34 14.76,-20.18 0,-8.84 -5.93,-16.96 -14.75,-20.18 z"/>
+    </g>
+    <g transform="matrix(0.42909019,0,0,0.42909019,470.15775,-1.6079935)">
+      <rect x="1133.5601" y="134.72" width="42.540001" height="138.24001"/>
+      <path d="m 1165.88,70.51 c -3.48,-1.28 -7.2,-1.93 -11.05,-1.93 -3.85,0 -7.57,0.65 -11.05,1.93 -8.82,3.22 -14.75,11.33 -14.75,20.18 0,8.85 5.93,16.95 14.76,20.18 3.5,1.28 7.21,1.92 11.04,1.92 3.83,0 7.55,-0.65 11.04,-1.92 8.82,-3.23 14.76,-11.34 14.76,-20.18 0,-8.84 -5.93,-16.96 -14.75,-20.18 z"/>
+    </g>
+  </g>
+  <path class="knot" d="m 112.681,56.603739 c -1.74264,-0.639671 -3.60049,-0.959506 -5.5148,-0.959506 -5.91696,0 -11.1519,2.909088 -14.58307,5.434847 -0.860732,-1.077093 -1.62504,-2.234144 -2.347025,-3.459394 -0.698465,-1.239361 -1.319318,-2.478722 -1.822592,-3.762767 3.903867,-1.709707 9.037687,-4.78812 11.998517,-9.912537 0.95951,-1.657969 1.60859,-3.426469 1.92607,-5.256114 0.80664,-4.618795 -1.21114,-9.199963 -5.04211,-11.415292 -3.82156,-2.20357 -8.804864,-1.665024 -12.403013,1.340486 -1.420446,1.187622 -2.62688,2.633936 -3.586384,4.29896 -2.956122,5.122066 -3.057249,11.102513 -2.586903,15.345031 -1.37106,0.209304 -2.770336,0.310428 -4.193136,0.308076 -1.422793,0 -2.822069,-0.09877 -4.193129,-0.308076 0.470345,-4.242518 0.369219,-10.225317 -2.586903,-15.345031 -0.961859,-1.665024 -2.165939,-3.111338 -3.586384,-4.29896 -3.598148,-3.00551 -8.581461,-3.544056 -12.403024,-1.340486 -3.830966,2.215329 -5.846392,6.798848 -5.042102,11.415292 0.317485,1.829645 0.968915,3.598145 1.926065,5.256114 2.960823,5.124417 8.094649,8.20283 11.998523,9.912537 -0.503271,1.284045 -1.124128,2.523406 -1.822589,3.762767 -0.721985,1.22525 -1.486297,2.382301 -2.34703,3.459394 -3.433523,-2.525759 -8.666121,-5.432495 -14.583067,-5.434847 -1.914312,0 -3.772176,0.319835 -5.514808,0.959506 -4.402437,1.610934 -7.363261,5.648853 -7.365616,10.072455 0,4.411843 2.960831,8.459168 7.363269,10.070101 1.737922,0.637318 3.593439,0.957156 5.517155,0.957156 5.912245,0 11.142487,-2.902034 14.583067,-5.432494 0.867788,1.081795 1.65327,2.243549 2.363489,3.478207 0.714928,1.232304 1.326375,2.495186 1.829646,3.786281 -3.910924,1.714414 -9.040048,4.792825 -11.99617,9.912541 -0.961857,1.665021 -1.613286,3.43117 -1.928418,5.256117 -0.80429,4.618794 1.220547,9.204657 5.039755,11.412937 3.83332,2.21062 8.809577,1.66502 12.407726,-1.34284 1.425146,-1.18997 2.631581,-2.63628 3.588737,-4.29661 2.956122,-5.126766 3.057242,-11.111917 2.584549,-15.347379 1.361649,-0.206954 2.74682,-0.28926 4.169613,-0.303373 1.4228,0.01414 2.80561,0.09642 4.169614,0.303373 -0.470345,4.235462 -0.371573,10.220613 2.584555,15.347379 0.95715,1.65797 2.163585,3.10664 3.588737,4.29661 3.595792,3.00552 8.574396,3.55111 12.407716,1.34284 3.81922,-2.20828 5.84405,-6.794143 5.03975,-11.412937 -0.31748,-1.824947 -0.96656,-3.591096 -1.92841,-5.256117 -2.95612,-5.119716 -8.08524,-8.198127 -11.996173,-9.912541 0.503274,-1.293449 1.117074,-2.553977 1.829651,-3.786281 0.710223,-1.234658 1.49805,-2.39406 2.363482,-3.478207 3.44057,2.53046 8.67083,5.432494 14.58307,5.432494 1.92372,0 3.77688,-0.319838 5.51716,-0.957156 4.40244,-1.613281 7.36092,-5.660609 7.36326,-10.070101 -0.003,-4.425954 -2.96318,-8.461521 -7.36561,-10.074807 z m -70.798794,12.95097 c -0.961852,0 -1.871976,-0.155213 -2.709192,-0.460939 -1.147638,-0.420959 -2.010724,-1.460423 -2.010724,-2.417576 0.005,-0.954802 0.865433,-1.99897 2.008376,-2.417578 0.841917,-0.305725 1.754389,-0.46329 2.71154,-0.46329 2.551629,0.0024 5.507752,1.041815 8.374505,2.878517 -2.87381,1.841402 -5.82523,2.880866 -8.374505,2.878515 z M 55.698618,39.864133 c -0.479755,-0.827808 -0.799588,-1.695596 -0.954803,-2.577495 -0.211656,-1.199382 0.263391,-2.466964 1.088849,-2.949068 0.83016,-0.479753 2.161237,-0.249284 3.099579,0.533841 0.684355,0.573823 1.274634,1.281693 1.754389,2.116557 1.274635,2.205922 1.850808,5.281983 1.693246,8.691991 -3.024323,-1.563901 -5.401924,-3.605202 -6.678913,-5.813474 z m 5.01153,56.544975 c -0.477401,0.830157 -1.070034,1.540379 -1.754389,2.116546 -0.933634,0.783131 -2.267065,1.006547 -3.097225,0.531498 -0.83016,-0.479753 -1.298156,-1.747341 -1.088855,-2.951421 0.155214,-0.879546 0.475054,-1.744986 0.957156,-2.577499 1.272287,-2.20827 3.649882,-4.244871 6.681261,-5.811117 0.157568,3.400594 -0.420958,6.481359 -1.695593,8.691993 z M 83.162103,71.675969 c -1.030052,1.7685 -1.89784,3.607551 -2.596308,5.503043 -1.98486,-0.341 -3.997939,-0.498563 -6.039241,-0.500917 -2.043651,0.0025 -4.056729,0.159917 -6.039235,0.500917 -0.696113,-1.895492 -1.563901,-3.734543 -2.596313,-5.503043 -1.015947,-1.777906 -2.175349,-3.447634 -3.468798,-4.999775 1.288747,-1.547437 2.429336,-3.212462 3.454692,-4.980962 1.020648,-1.770852 1.89079,-3.593442 2.586897,-5.481881 1.989562,0.343353 4.016753,0.512679 6.062757,0.503271 2.048359,0.0071 4.073196,-0.159918 6.062757,-0.503271 0.696113,1.888439 1.566256,3.711029 2.586905,5.481881 1.023001,1.7685 2.165944,3.433525 3.454691,4.980962 -1.293455,1.552141 -2.450503,3.221869 -3.468804,4.999775 z M 93.32863,93.528232 c 0.4821,0.832513 0.80194,1.697953 0.95715,2.577499 0.20931,1.20408 -0.25869,2.471668 -1.08885,2.951421 -0.83016,0.475049 -2.163583,0.251633 -3.097227,-0.531498 -0.686703,-0.576167 -1.279338,-1.286389 -1.754387,-2.116546 -1.272286,-2.210634 -1.85081,-5.291399 -1.695595,-8.691993 3.03138,1.568601 5.406619,3.605194 6.681259,5.811117 z M 86.67559,45.677607 c -0.157568,-3.410008 0.418605,-6.483717 1.693239,-8.691991 0.479753,-0.834864 1.07004,-1.542733 1.754394,-2.116556 0.938342,-0.783126 2.269417,-1.011243 3.099577,-0.533843 0.82546,0.482105 1.29816,1.747336 1.08885,2.949069 -0.15522,0.881898 -0.47505,1.749686 -0.95481,2.577495 -1.27699,2.208273 -3.65693,4.249574 -6.678901,5.813474 z m 23.2045,23.416163 c -0.83957,0.305726 -1.74733,0.460939 -2.70919,0.460939 -2.54927,0 -5.50069,-1.037112 -8.3745,-2.878515 2.86675,-1.8367 5.82523,-2.876166 8.3745,-2.878517 0.95716,0 1.86962,0.155214 2.71155,0.463291 1.14528,0.418608 2.00602,1.460424 2.00838,2.417577 0,0.957154 -0.8631,1.998969 -2.01074,2.417578 z"/>
+</svg>