Notice: This site works best with JavaScript enabled, but all content is accessible without it. Skip to main content

Tag: bsdcafe

Articles with tag bsdcafe

Make Your Own CDN with NetBSD

NetBSD

10 min read

03/09/2024 01:41:00 • Last modified: 04/09/2024 00:00:00

by Stefano Marinelli

Learn how to build a self-hosted CDN using NetBSD, Varnish, and nginx

Make Your Own CDN with OpenBSD Base and Just 2 Packages

OpenBSD

15 min read

29/08/2024 01:41:00 • Last modified: 04/09/2024 00:00:00

by Stefano Marinelli

Learn how to build a self-hosted CDN using OpenBSD base and just 2 packages

Building a Self-Hosted CDN for BSD Cafe Media

FreeBSD

12 min read

26/08/2024 08:41:00 • Last modified: 04/09/2024 00:00:00

by Stefano Marinelli

Learn how to build a self-hosted CDN using FreeBSD jails, Nginx, Varnish, WireGuard, and PowerDNS to improve media delivery for your website without relying on external providers.

Evolving the BSD Cafe Network Setup: From Bridging to Routing with FreeBSD

FreeBSD

11 min read

01/08/2024 13:05:00 • Last modified: 30/04/2025 20:05:00

by Stefano Marinelli

Explore the evolution of the BSD Cafe network setup using FreeBSD, showcasing how to leverage advanced routing techniques for improved scalability and security.

/* Ensure navigation works without JS */ .main-nav .menu { display: flex !important; flex-wrap: wrap !important; gap: 0.5rem !important; justify-content: center !important; } .menu-toggle { display: none !important; } .search-form { display: block !important; position: static !important; } .dark-mode-toggle { display: none !important; } .scroll-to-top { display: none !important; } /* Hide JS-dependent elements */ [id*="template"], template { display: none !important; } .js-only { display: none !important; } /* CSS-only dark mode support when JS is disabled */ @media (prefers-color-scheme: dark) { :root { --color-text: #f9fafb !important; --color-text-light: #d1d5db !important; --color-text-lighter: #9ca3af !important; --color-border: #374151 !important; --color-background: #0F192A !important; --color-background-light: #1f2937 !important; --color-background-dark: #111827 !important; } .site-header { background-color: var(--color-background) !important; } pre, code { background-color: #1e293b !important; color: #e2e8f0 !important; } blockquote { background-color: var(--color-background-light) !important; } } /* Graceful degradation for images */ img { max-width: 100% !important; height: auto !important; } img::after { content: "[Image: " attr(alt) "]" !important; display: block !important; padding: 1rem !important; background: #f5f5f5 !important; border: 1px solid #ddd !important; color: #666 !important; font-style: italic !important; text-align: center !important; } /* Ensure SVG icons have text alternatives */ svg + .sr-only { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; clip: auto !important; white-space: normal !important; font-size: 0.9rem !important; } /* Compact header for no-JS */ .site-header { padding: 0.5rem 0 !important; margin-bottom: 1rem !important; background-color: var(--color-background) !important; } .site-header-inner { min-height: 40px !important; gap: 0.5rem !important; } .menu-item a { padding: 0.5rem 0.75rem !important; font-size: 0.85rem !important; white-space: nowrap !important; } /* Responsive adjustments for no-JS */ @media (max-width: 767px) { .main-nav .menu { justify-content: flex-start !important; gap: 0.25rem !important; } .menu-item a { padding: 0.4rem 0.6rem !important; font-size: 0.8rem !important; } .site-header-inner { flex-wrap: wrap !important; gap: 0.25rem !important; } .main-nav { order: 3; flex-basis: 100% !important; margin: 0.25rem 0 0 0 !important; } }