Extreme Go Horse & Legacy Systems - Site oficial em Elm + Vite + Tailwind
Site oficial da DevComputaria, comunidade dedicada à filosofia XGIAH (Xtreme Go-IA Horse) e à celebração do desenvolvimento de sistemas legados. Construído com arquitetura funcional pura em Elm, este SPA apresenta uma estética brutalista em preto e branco, um campo de estrelas interativo que responde ao movimento do mouse, e conteúdo sobre a realidade do desenvolvimento de software moderno.
Filosofia: Abraçar o caos, celebrar o código que funciona, e documentar as verdades não ditas do mundo dev - desde hotfixes de última hora até a arte de manter sistemas legados vivos.
# Instalar dependências
npm install
# Servidor de desenvolvimento
npm run dev
# Build para produção
npm run build- Elm 0.19.1 - Frontend funcional com zero runtime errors
- Vite 5.0 - Bundler ultra-rápido
- Tailwind CSS 3.4 - Estética brutalista P&B
- Vanilla JS - Canvas starfield via Ports
.
├── src/
│ ├── Main.elm # Entry point
│ ├── Ports.elm # Elm ↔ JS bridge
│ ├── Components/ # UI reutilizável
│ └── Sections/ # Seções da página
├── assets/
│ ├── css/main.css # Tailwind + custom styles
│ └── js/stars.js # Motor do canvas
├── .github/workflows/ # CI/CD automático
└── index.html # Template principal
- P&B puro (#000 / #fff)
- Tipografia: Space Grotesk + JetBrains Mono
- Interações: Cards invertem cores, vídeos dessaturam, estrelas seguem cursor
Edite src/Sections/Articles.elm:
articles =
[ { category = "Category"
, title = "Title"
, description = "Description"
, url = "https://medium.com/@devcomputaria/..."
}
]Edite src/Sections/Videos.elm:
videoIds = [ "YouTubeID", ... ]Push para main → GitHub Actions builda → Deploy automático no GitHub Pages
ANAPRODEGUA // Analista + Programador + Fi duma Égua