Este é um site moderno e minimalista que exibe uma coleção de 16 projetos organizados em três categorias principais: Deus (1), Natureza (11) e Tecnologia (4). O site utiliza JavaScript para carregar dinamicamente informações dos projetos a partir de suas meta tags.
- HTML5
- CSS3 (com animações e design responsivo)
- JavaScript (Vanilla)
- Fetch API para obtenção de meta tags
├── index.html # Página principal
├── styles.css # Estilos do site
├── scripts.js # Lógica de carregamento dinâmico
├── images/ # Pasta de imagens
└── README.md # Este arquivo
- Cavalo Amarela
- Cavalo Azul
- Cavalo
- Arco-Íris
- Céu
- Tubarão
- Leão
- Onça-Pintada
- Gato
- Flor
- Montes
- Beija-Flor
- Labrador
- Oceanos
- Cachorros
- Cachorros
- Cachorros
- Cavalo
- Cidade
- Design
- Design
- Escolinha
- Fazendinha
- Fenix
- Gatos
- Gatos
- Gaviao
- Maria
- Maria
- Motocicleta
- Motocicletas
- Motocicletas
- Motocicletas
- Pardal
- Pets
- Pets
- Pets
- Pomba
- Pooh
- Pooh
- Viagens
- Vida
- Vida
- Carregamento Dinâmico: Os projetos são carregados dinamicamente a partir de URLs definidas no arquivo
scripts.js
- Meta Tags: O site extrai automaticamente título, descrição e imagem de cada projeto através de meta tags
- Menu Fixo: Navegação fácil entre as diferentes categorias
- Design Responsivo: Adaptação para diferentes tamanhos de tela
- Animações: Efeitos visuais suaves para melhorar a experiência do usuário
-
Clone o repositório:
git clone https://github.com/fvandrad/fvandrade.github.io.git
-
Abra o arquivo
index.html
em seu navegador ou utilize um servidor local. -
Para adicionar novos projetos, edite o arquivo
data/urls.json
:{ "deus": [ "https://fvandrad.github.io/deus/" // Adicione mais URLs aqui ], "natureza": [ // URLs da categoria natureza ], "tecnologia": [ // URLs da categoria tecnologia ] }
Este projeto está sob licença. Veja o arquivo LICENSE para mais detalhes.
© 2025. Todos os direitos reservados.