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

Category: openbsd

Articles in category openbsd

Launching BSSG - My Journey from Dynamic CMS to Bash Static Site Generator

Launching BSSG - My Journey from Dynamic CMS to Bash Static Site Generator

FreeBSDOpenBSDNetBSD

11 min read

07/04/2025 08:11:36

by Stefano Marinelli

Announcing the public release of BSSG, a Bash Static Site Generator born from a personal journey away from complex dynamic CMS. Discover a simple, portable alternative for your blog.

OSDay 2025 - Why Choose to Use the BSDs in 2025

OSDay 2025 - Why Choose to Use the BSDs in 2025

FreeBSDNetBSDOpenBSD

8 min read

23/03/2025 10:30:00 • Last modified: 24/03/2025 09:27:00

by Stefano Marinelli

The slides, the notes, and the text behind my presentation at OSDay 2025 in Florence, Italy - 'Why Choose to Use the BSDs in 2025.

I Solve Problems

I Solve Problems

FreeBSDNetBSDOpenBSD

21 min read

03/10/2024 08:53:00 • Last modified: 21/07/2025 00:00:00

by Stefano Marinelli

The slides, the video, and the text behind my presentation at EuroBSDCon 2024 - 'Why and how we're migrating many of our servers from Linux to the BSDs.

Make Your Own CDN with OpenBSD Base and Just 2 Packages

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

Make your own VPN - OpenBSD, Wireguard, ipv6 and ad-blocking included

Make your own VPN - OpenBSD, Wireguard, ipv6 and ad-blocking included

OpenBSD

15 min read

03/04/2023 04:16:11 • Last modified: 19/08/2025 00:00:00

by Stefano Marinelli

Create your own secure, high-performance VPN with OpenBSD, WireGuard, IPv6, and integrated ad-blocking using Unbound and Spamhaus. Full control, enhanced privacy, and a lightweight setup.

/* 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; } }