Documentation Features
This page demonstrates all the features available in Camouflage documentation.
Table of Contents
The right sidebar shows a table of contents with all headings on the current page. It automatically highlights the section you're reading and provides quick navigation.
Admonitions (Callout Boxes)
You can use various types of callout boxes to highlight important information:
This is a note admonition. Use it for general information and helpful tips.
This is a tip admonition using our Lightning Green brand color. Use it for best practices and recommendations.
This is an info admonition. Use it for additional context or background information.
This is a caution admonition. Use it for warnings about potential issues or things to be careful about.
This is a danger admonition. Use it for critical warnings about destructive actions or security risks.
Code Blocks
Code blocks support syntax highlighting and have a copy button:
# Deploy Camouflage Relay Server
docker run -d \
--name camouflage-relay \
-p 4433:4433/udp \
-e RELAY_HOST=relay.example.com \
camouflage/relay-server:latest
# Docker Compose configuration
version: '3.8'
services:
relay:
image: camouflage/relay-server:latest
ports:
- "4433:4433/udp"
environment:
- RELAY_HOST=relay.example.com
// Client connection example
const client = new CamouflageClient({
relayServer: 'relay.example.com:4433',
networkId: 'your-network-id',
authToken: process.env.CAMOUFLAGE_TOKEN
});
await client.connect();
Inline Code
You can use inline code with our Lightning Green accent: camouflage-cli, docker-compose, kubectl.
Tables
| Feature | Community Edition | Enterprise Edition |
|---|---|---|
| Relay Servers | 1 | Unlimited |
| Gateway Nodes | Unlimited | Unlimited |
| Client Devices | 25 | Unlimited |
| ACL Rules | Basic | Advanced |
| Support | Community | Priority |
Blockquotes
Camouflage Networks provides secure, private network infrastructure built on modern QUIC technology. It enables seamless connectivity across distributed environments while maintaining enterprise-grade security.
Navigation Features
Edit This Page
At the bottom of each page, you'll find an "Edit this page" link that takes you directly to the GitHub repository where you can propose changes to the documentation.
Previous/Next Navigation
Navigation cards at the bottom of each page help you move through the documentation in a logical sequence.
Last Updated
Pages show when they were last updated and by whom (when available from Git history).
Breadcrumbs
The breadcrumb trail at the top shows your current location and allows quick navigation back to parent pages.
Mermaid Diagrams
See the Diagram Examples page for comprehensive diagram examples using Mermaid.
Search
The search bar in the navigation allows you to quickly find any content across the entire documentation.
Dark Mode
Click the theme toggle in the navigation bar to switch between light and dark modes. The documentation automatically respects your system preferences.
Sidebar Features
- Collapsible categories: Click category headers to expand/collapse sections
- Active highlighting: The current page is highlighted in Lightning Green
- Nested navigation: Multi-level hierarchy for organized content
- Hideable sidebar: Click the button to hide the sidebar for more reading space
Typography
The documentation uses the Inter font family for excellent readability:
- Headings use different weights (600-700) for clear hierarchy
- Body text uses 400 weight for comfortable reading
- Code uses SF Mono for technical content
- All text is optimized for both light and dark modes