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

Category: blogging

Articles in category blogging

New Article on BSD Cafe Journal: WordPress on FreeBSD with BastilleBSD

FreeBSD

2 min read

21/07/2025 09:30:00

by Stefano Marinelli

A new article on running WordPress on FreeBSD with BastilleBSD has been published on the BSD Cafe Journal, plus a small update on future technical content.

Make Your Own Internet Presence with NetBSD and a 1 euro VPS – Part 1: Your Blog

NetBSD

18 min read

22/04/2025 07:30:36

by Stefano Marinelli

Create a personal blog with NetBSD on a 1€ VPS - efficient, secure, and completely under your control. Minimal cost, maximum performance. Because your thoughts don't need to float in someone else's cloud.

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.

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