Raízes do Equilíbrio

Projeto educativo desenvolvido para o Agrinho 2026, na categoria Programação, subcategoria Programação Front-End.

Tema

Agro forte, futuro sustentável: equilíbrio entre produção e meio ambiente

Objetivo

O projeto é uma biblioteca interativa de práticas sustentáveis no campo. A proposta é permitir que o visitante consulte técnicas, compare benefícios, leia conceitos, revise mitos comuns e organize uma lista simples de práticas para estudo e planejamento.

O site não é uma jornada de decisões, não é diagnóstico de propriedade, não é simulador agrícola e não gera resultado final baseado em escolhas.

Tecnologias usadas

• HTML5;
• CSS3;
• JavaScript puro.

Não foram usados frameworks, bibliotecas externas, Bootstrap, Tailwind, React, Vue, jQuery, imagens geradas por IA, mascotes ou ilustrações prontas de fazenda.

Estrutura dos arquivos

• index.html: apresentação simples do projeto.
• praticas.html: biblioteca filtrável de práticas sustentáveis.
• comparar.html: comparação entre duas práticas.
• glossario.html: glossário interativo de termos técnicos.
• mitos.html: página de mitos e verdades com feedback.
• planejamento.html: lista organizada de práticas salvas.
• quiz.html: quiz educativo com 10 perguntas.
• sobre.html: objetivo do site.
• css/style.css: estilos, responsividade e acessibilidade visual.
• js/script.js: filtros, comparação, favoritos, glossário, mitos, plano, quiz e preferências.
• assets/: pasta reservada para arquivos do projeto.

Funcionalidades

• Busca de práticas por texto;
• filtro por área;
• ordenação por dificuldade;
• favoritos salvos no localStorage;
• plano sustentável organizado por área;
• comparador em tabela limpa;
• glossário com busca e abertura de definições;
• mitos e verdades com explicação;
• quiz com feedback e pontuação final;
• contraste;
• controles A- e A+;
• foco visível;
• navegação por teclado em links, botões e campos.

Identidade visual

A identidade segue a ideia de biblioteca digital e caderno de campo moderno:

• tipografia forte;
• espaçamento amplo;
• etiquetas;
• tabelas limpas;
• filtros;
• fichas funcionais;
• cores em branco gelo, verde escuro, verde oliva, bege claro, marrom suave e amarelo discreto.

Créditos e referências

Conteúdo elaborado com base em conceitos públicos de sustentabilidade no campo, conservação do solo, uso eficiente da água, biodiversidade, energia renovável e agricultura de precisão.

Referências conceituais:

• materiais públicos da Embrapa sobre conservação do solo, plantio direto, agricultura de precisão e manejo sustentável;
• materiais educativos sobre uso racional da água e preservação de mata ciliar;
• conteúdos introdutórios sobre controle biológico, compostagem e rotação de culturas.