Um projeto pessoal de interface web desenvolvido puramente com HTML e CSS (sem dependência de JavaScript), simulando a experiência de jogar um caça-níquel temático de DOOM, um jogo clássico e renomado, em um Game Boy modificado.
- Design Responsivo: Centralizado e escalável.
- Estética Retrô: Recriação fiel do chassi do Game Boy usando apenas CSS (
border-radius,box-shadow). - Efeito LCD: Scanlines e paleta de cores monocromática esverdeada (
#8bac0f). - Filtros de Imagem: Uso de
mix-blend-modeegrayscalepara fazer imagens JPG e Emojis modernos parecerem gráficos de 1989. - CSS Logic: O botão de "Desligar" funciona sem JavaScript, utilizando a técnica do Checkbox Hack.
- HTML5 Semântico
- CSS3 / SCSS
- Flexbox & Grid Layout
- CSS Transitions & Animations
- Advanced Selectors (
:checked,~)
- Fontes: Press Start 2P (Google Fonts).
doom-boy/
├── assets/
│ ├── favicon.png
│ ├── doomFaceIcon.jpg
│ └── backgroundSpace.png
├── index.html # Tela Inicial (Menu)
├── game.html # Tela do Jogo (Slots)
├── style.css # Estilização
└── README.md