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

Tag: snac

Articles with tag snac

FediMeteo: How a Tiny €4 FreeBSD VPS Became a Global Weather Service for Thousands

FediMeteo: How a Tiny €4 FreeBSD VPS Became a Global Weather Service for Thousands

FreeBSD

17 min read

26/02/2025 07:00:00 • Last modified: 14/09/2025 08:06:00

by Stefano Marinelli

How a simple idea turned into an international weather service on the Fediverse.

Caching snac Proxied Media with Nginx

Caching snac Proxied Media with Nginx

4 min read

08/02/2025 16:00:00 • Last modified: 10/03/2025 00:00:00

by Stefano Marinelli

Using nginx to cache proxied media in snac to improve performance and privacy

Improving snac Performance with Nginx Proxy Cache

Improving snac Performance with Nginx Proxy Cache

FreeBSD

5 min read

29/01/2025 09:00:00

by Stefano Marinelli

Using nginx to cache snac multimedia files to boost performance

Using a Permanent WebFinger Address for My Fediverse Profile

7 min read

08/10/2024 12:53:00 • Last modified: 10/03/2025 08:25:00

by Stefano Marinelli

Using a Permanent WebFinger Address for My Fediverse Profile - Make it easy to find your profile from any instance.

A Small Compendium of Fediverse Platforms I Use

A Small Compendium of Fediverse Platforms I Use

FreeBSD

4 min read

12/09/2024 18:45:00 • Last modified: 10/03/2025 00:00:00

by Stefano Marinelli

After revisiting my old Fediverse instances and helping friends set up new ones, I took the chance to update and evaluate several platforms. Here's my experience with Akkoma, GoToSocial, Mitra, Snac2, and Mastodon.

Deploying a piece of the Fediverse

Deploying a piece of the Fediverse

FreeBSD

20 min read

15/01/2023 09:29:45 • Last modified: 10/01/2024 00:00:00

by Stefano Marinelli

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