Autor: Victor Daniel dos Santos Lima
🔗 Acesse o site: https://tylesk7.github.io/Projeto-Agrinho-CultivaTech/
📦 Repositório no GitHub: https://github.com/TylesK7/Projeto-Agrinho-CultivaTech
💼 Meu portfólio: https://tylesks.github.io/Portfolio/
📅 Projeto Agrinho 2025
CultivaTech é um site desenvolvido para o Projeto Agrinho, com o propósito de promover a reflexão sobre a integração entre o campo e a cidade, aliando tecnologia, sustentabilidade e acessibilidade de maneira prática e educativa.
O site mostra como as inovações nos meios rural e urbano podem caminhar juntas rumo a um futuro mais equilibrado e consciente. Criado apenas com HTML5 e CSS3, o projeto valoriza o uso eficiente de recursos, sem depender de JavaScript.
O ícone principal do site foi criado por Victor Daniel utilizando o software livre de pintura digital Krita (https://krita.org).
O estilo de fonte utilizada no site é Poppins, disponível gratuitamente pelo Google Fonts (https://fonts.google.com/specimen/Poppins).
Outros ícones usados no site são da coleção UIcons Solid Rounded, fornecidos pela Flaticon (https://flaticon.com).
- Alternância entre temas claros e escuros de forma intuitiva.
- Feito inteiramente com CSS usando
:checkede variáveis customizadas.
- Botão que permite ajustar o tamanho dos textos.
- Recurso acessível voltado para usuários com baixa visão ou preferências visuais.
- Apresenta fotos autorais e de domínio público que retratam o campo, a cidade e sua integração.
- Inclui modais interativos com créditos visíveis.
- Um carrossel que exibe imagens com transições suaves.
- Implementado somente com animações CSS, simulando movimento contínuo.
- Três perguntas interativas relacionadas ao conteúdo do site.
- Feedback visual instantâneo sobre respostas corretas ou incorretas — sem usar JavaScript.
No site, há cartões interativos (CTAs) que incentivam ações sustentáveis no dia a dia, mesmo em espaços urbanos reduzidos. Cada card oferece uma ideia simples e acessível:
- 🌱 Hortas Urbanas: Use vasos, garrafas ou caixinhas para cultivar temperos e hortaliças em casa.
- 🌊 Reaproveitamento da Água: Dicas para reutilizar a água da chuva e da máquina de lavar, promovendo economia e consciência ambiental.
- 🍂 Composteiras Domésticas: Transforme resíduos orgânicos em adubo natural, reduzindo o lixo e enriquecendo o solo.
- Campo: aborda agricultura moderna, energias limpas, e desafios do agro no Brasil.
- Cidade: discute práticas sustentáveis, hortas, reciclagem e desafios urbanos.
- Galeria: imagens com modais interativos e créditos autorais.
- Integração: como campo e cidade se complementam com tecnologia e boas práticas.
- Quiz: perguntas educativas com correção visual direta para reforçar o conteúdo.
- Fotografias autorais por Victor: https://www.instagram.com/tylesk.508/
- Colaboração de Gustavo Kiwi: https://www.instagram.com/gustavokiwi/
- Imagens via Wikimedia Commons sob licença CC BY‑SA 4.0:
- Esfera Energia – Compostagem Doméstica
- eCycle – Como Fazer uma Horta
- Montante – 10 Maneiras de Reutilizar Água no Dia a Dia
| Tecnologia | Finalidade |
|---|---|
| HTML5 | Estrutura semântica das páginas |
| CSS3 | Estilização, responsividade, animações e interações |
| Flexbox / Grid | Layouts adaptáveis e modernos |
| Pseudo‑seletores | Lógica de interatividade (modo escuro, quiz, etc) |
├── index.html
├── styles.css
└── assets/
├── imagens (.jpg, .png)
└── ícones e logos
Funciona em todos os navegadores modernos e dispositivos móveis.
- Clone o repositório no GitHub:
git clone https://github.com/TylesK7/Projeto-Agrinho-CultivaTech.git - Abra o arquivo
index.htmldiretamente em qualquer navegador moderno.
Agradeço ao Projeto Agrinho por fomentar iniciativas educativas como esta, aos colaboradores que contribuíram com imagens e ideias, e às fontes abertas que inspiraram este trabalho.
Este projeto está licenciado sob a licença MIT.
Para mais detalhes, veja o arquivo LICENSE no repositório.