Welcome to the official documentation repository for AfterLink, a high-performance binary protocol designed for ultra-low latency persistent socket connections, native pub/sub routing, and automatic schema validation compressed into a compact 10-byte binary header.
This website serves as the developer documentation, specifications, API guides, and interactive spec explorer hub for AfterLink.
To explore the entire AfterLink environment, visit the corresponding repositories:
- Parent Protocol Engine (Core): AJAYMYTH/AfterLink
— Holds the core protocol parser, TypeScript client/server engines, and benchmarking suites.
- Documentation Hub (This Repo): AJAYMYTH/AfterLink-docs
— The Astro-powered responsive documentation website.
- AI Agent Skill Repository: AJAYMYTH/afterlink-skill
— AI agent actions, integrations, and tools designed for the
skills.shecosystem to bootstrap AfterLink protocol configurations instantly.
The documentation website is built with a dark theme aesthetic, dynamic layouts, and premium user interface animations:
- High-Performance Stars Backdrop: A custom Canvas-based drifting stars layer equipped with spring-damper cursor parallax and dynamic particle scaling. Responsive theme observers smoothly fade the stars in and out during dark/light mode toggles.
- Choreographed Staggered Loading: The landing page utilizes staggered entrance animations with lens-focus blur shifts (
blur(4px)toblur(0)) running on a high-fidelity deceleration curve (cubic-bezier(0.16, 1, 0.3, 1)). - Looping Organic Auroras: Dual-gradient blurred color fields (cyan and blue) continuously drift and scale in opposition beneath the text, providing dynamic visual depth.
- Styled Comparison Badges: Replaced system-default emojis in the Protocol Comparison table with modern, responsive custom SVG icon tags (Yes, No, Warning/Partial) styled matching the site's dark palette.
- 10-Byte Spec Explorer Centerpiece: An interactive byte-level visualizer where hovering or focusing on different header segments dynamically reveals its technical specs.
- Adaptive Mobile Dropdown: A collapsible, GPU-accelerated dropdown menu for seamless mobile screen navigation that auto-collapses on clicking outside.
Follow these steps to run the documentation website locally:
Make sure you have Node.js (v18.x or higher) and npm installed.
git clone https://github.com/AJAYMYTH/AfterLink-docs.git
cd AfterLink-docsnpm installnpm run devOpen your browser and navigate to http://localhost:4321.
To check type safety, linting, and compile the fully static, performance-optimized build:
npm run buildStatic files will be generated inside the /dist directory.
AfterLink-docs/
├── public/ # Static assets (Favicons, webmanifests, vector icons)
├── src/
│ ├── assets/ # Images and background graphics
│ ├── components/ # Reusable Astro & React components
│ │ ├── backgrounds/ # Canvas-based StarsLayer React component
│ │ ├── Navbar.astro # Responsive floating navbar
│ │ └── FrameVisualizer.astro # Interactive binary frame viewer
│ ├── layouts/ # Layout wrappers
│ │ ├── BaseLayout.astro # Primary layout (Favicons & Meta)
│ │ └── DocsLayout.astro # Sticky dual-column docs sidebar layout
│ ├── pages/ # Astro routing controllers
│ │ ├── docs/ # Documentation markdown / page files
│ │ ├── 404.astro # Custom glowing 404 error page
│ │ ├── 500.astro # Custom high-contrast 500 error page
│ │ ├── contact.astro # FormSubmit AJAX contact configuration
│ │ └── index.astro # Landing page with staggered/looping animations
│ └── styles/
│ └── global.css # Core styling rules and theme variable mapping
├── astro.config.mjs # Astro configuration file
├── tsconfig.json # TypeScript configuration compiler rules
└── package.json # Node project dependency manifests
This project is licensed under the MIT License. See the LICENSE file for details.