@keyframes slide-out-in-5bc630b3 { 50% {transform: translateY(100%)} 100% {transform: translateY(0%)} } @keyframes collapse-expand-5bc630b3 { 50% {transform: translateX(-50%) scaleX(0);} } a.active:hover .curtain, a.active:focus-visible .curtain { animation-name: slide-out-in-5bc630b3; animation-duration: 150ms; } a.active:hover .floor, a.active:focus-visible .floor { animation-name: collapse-expand-5bc630b3; animation-duration: 150ms; }

Colophon

How Telecharge is built

If you’re curious about how Telecharge is built, this colophon pulls back the curtain on the tools and infrastructure that make it work.

Diagram

Website

Static site powered by Astro.
Deployed to Cloudflare Pages for speed and global distribution.

Forum

Community powered by Discourse.
Runs in the official single-container Docker setup.
Served securely through a Cloudflare Tunnel.

Managed with Listmonk.
Runs in a single Docker container using the official image and compose setup.
Also served through a Cloudflare Tunnel.

Email

Handled by Docker-Mailserver.
Custom Docker Compose setup running on a single instance.
Fronted by a separate Postfix relay server for added security.
User access to the mail server is restricted to WireGuard connections.
Relay and backend servers are linked with their own WireGuard tunnel.

Custom Backend

Built with Laravel.
Fully containerized.
Used for multiple site features and integrations.
Also served through a Cloudflare Tunnel.

Future Services

Telecharge runs other services behind the scenes, some experimental and some in development. This colophon will be updated as the platform evolves.