Descrição do site
O site utiliza predominantemente as cores branco (#FFF), cinza (#212529) e verde (#005757). Sua estrutura é organizada em três blocos principais:
- Cabeçalho: Apresenta uma foto minha, links para as páginas internas, além do formato de texto e título.
- Conteúdo: A área central pode exibir o conteúdo separado em seções (nas páginas) ou em texto contínuo (como nos posts do blog e nos projetos do portfólio).
- Rodapé: Inclui o player do Spotify com o último episódio do Foco Acessível, além de informações adicionais sobre o projeto. Abaixo, há links para outras páginas.
Nas páginas internas de textos e projetos, o conteúdo segue o padrão de cabeçalho e rodapé, incluindo um banner principal e o conteúdo específico da página. Em alguns casos, a página apresenta um índice, facilitando a navegação entre os tópicos.
Para as palestras, o material é compartilhado por meio de apresentações hospedadas no Speaker Deck.
Propósito
Este site tem como objetivo reunir toda a produção textual, gráfica e intelectual do designer Wagner Beethoven.
Informações técnicas
As tecnologias e ferramentas utilizadas na construção deste site incluem:
- Tipografia: Inter (Google Fonts)
- Ferramenta: Visual Studio Code
- Gerenciador de domínio: Hostinger
- Linguagem utilizada: HTML, CSS e JavaScript
- Gerador de site: WordPress
- Hospedagem: Hostinger (comprando pelo link, você ganha 20% off 😁)
- Framework utilizado: Bootstrap (desde a versão 1.0, facilitando meu front-end 💜)
- Ícone: Bootstrap Icons
Set-up
Computador e acessórios
- Notebook Inspiron 7572 15′ (Dell)
- Teclado Signature Slim Keyboard K950 (Logitech)
- Mouse MX Vertical (Logitech)
Periféricos de exibição e áudio
- Monitor ultraWide™ 29WK600-W 29” (LG)
- Microfone AmpliGame A8 Preto (Fifine)
- Webcam Logitech C920s (Logitech)
- Fones de ouvido QKZ ZXN (Aliexpress)
Acessórios e iluminação
- Barra de luz para monitor (Baseus)
- Suporte elevatório para notebook (Baseus)
- Hub USB (Baseus)
Mobiliário
- Mesa skand cajueiro japonês (Tok&Stock)
- Cadeira Eaze Loft Grey Thunder X3
Menções
- Está página existe graças à conversa que tive com Bruno Pulis no Foco Acessível — essa troca de ideias mudou completamente minha visão sobre a web.
- Meu sincero agradecimento a Mark Otto e Fat pelo desenvolvimento do Bootstrap.
- Derek Sivers por ter criado o /nownownow.
- O tema do meu site foi criado por mim e ao longo dos anos foi sendo modificado. Antes feito em Jekyll, mas a estrutura que estou usando agora é por conta do Blankslate do Bryan Hadaway.