fsociety Astro

Tema de blog escuro e glitchy para Astro inspirado em Mr. Robot. É o tema por trás deste blog.

Astro · TypeScript · CSS

Tema de blog escuro e glitchy inspirado em Mr. Robot: vermelho-sangue no preto, um shell de root que busca posts, posts numerados como episódios e uma página 404 no estilo da quarta temporada. É o tema por trás deste blog.

Sim, esse projeto todo nasceu porque eu queria que o meu blog parecesse o terminal do Elliot:

Elliot de moletom preto e braços cruzados, sobre uma grade synthwave roxa com "MR. ROBOT" em letras cromadas

Cada post abre com um prompt de shell e o número do episódio, e a capa ganha efeitos de glitch e CRT:

Página de post do fsociety com o número do episódio, o título e uma imagem de capa com glitch

Também tem um modo claro, num cinza de escritório em vez de branco puro:

Home do fsociety no modo claro

O ciano e o vermelho do efeito de glitch vêm direto do pôster da terceira temporada:

Pôster da terceira temporada de Mr. Robot: o perfil do Elliot de capuz, cortado por linhas de glitch em ciano e vermelho, com "MR. ROBOT" escrito na vertical em vermelho

Destaques:

🖥️ Busca por título direto no prompt do shell de root
🎬 Posts numerados como episódios (eps1.0, eps1.1…)
📺 Glitch, linhas de CRT e saudação digitada, tudo dá para desligar
🌗 Modo escuro e modo claro
⚡ Site estático com posts em Markdown, hospedagem grátis no GitHub Pages, Cloudflare Pages ou Netlify

Mais projetos

Yaru Astro

AVE