Bem-vindo ao Blog ADS Balatro IFPI, uma experiência lúdica em forma de site, desenvolvida para a disciplina de Programação para Internet (PII). Como num baralho místico, cada carta — sejam posts, authores ou links — revela segredos e curiosidades do IFPI, trazendo animações, vídeos e interatividade que evocam o espírito do jogo Balatro.
Navegue pela jornada de cartas! Clique Aqui🎴
- Fonte e Paleta: Tipografia customizada “Balatro” combinada com tons escuros e detalhes em amarelo-ouro, criando um contraste dramático.
- Animações de Carta: Efeitos de flutuar, brilho e perspectiva aplicados a cada botão-carta, com transições suaves ao revelar conteúdo.
- Interatividade Imersiva: Uso de
fetchdinâmico para carregar seções, hover que desliza informações e rotação 3D de links.
├── src/
│ ├── assets/
│ │ ├── background/
│ │ ├── cards/
│ │ ├── cursor/
│ │ ├── fonts/
│ │ └── UI/
│ └── components/
│ ├── authors/
│ │ ├── authors.css
│ │ └── authors.html
│ ├── insertPost/
│ │ ├── insertPost.css
│ │ └── insertPost.html
│ ├── links/
│ │ ├── links.css
│ │ ├── links.html
│ │ └── links.js
│ ├── main/
│ │ ├── main.js
│ │ └── style.css
│ └── posts/
│ ├── posts.css
│ ├── posts.html
│ └── posts.js
├── .gitignore
├── index.html
└── README.md- Vídeo de fundo fullscreen para imersão total.
- Botões estilizados como cartas que disparam animações de subida (
@keyframes).
- Exibição de formulários, tabelas e listas exemplificando boas práticas de HTML5 e CSS3.
- Navegação suave entre categorias de conteúdo.
- Grid responsivo de cartas, cada uma com foto de perfil.
- Ao passar o mouse, informações deslizam para cima num efeito de hover, revelando e-mail, descrição e ícones de GitHub/LinkedIn.
- Cartas flutuantes que giram conforme a posição do cursor, evidenciando documentação e recursos úteis (HTML, CSS, frameworks).
Que comecem as revelações! 🂡