Do Campo ao Copo: A Jornada do Malte em Guarapuava Projeto desenvolvido para o Concurso Agrinho 2026 – Categoria Programação, na Subcategoria 3: Programação Front-End – HTML, CSS e JavaScript.
🌱 Tema do Concurso Agro forte, futuro sustentável: equilíbrio entre produção e meio ambiente
📌 Sobre o Projeto O projeto “Do Campo ao Copo: A Jornada do Malte em Guarapuava” apresenta, de forma visual, interativa e educativa, a trajetória da cevada, desde o cultivo no campo até sua transformação em malte e sua chegada à cidade.
A proposta mostra como o agronegócio, a tecnologia, a indústria, a sustentabilidade e a vida urbana estão conectados em uma mesma cadeia produtiva.
Por meio de textos, imagens, quiz, curiosidades, vídeo e história em quadrinhos, o site busca aproximar o visitante da realidade do campo e destacar a importância de produzir com responsabilidade ambiental.
🎯 Objetivo O objetivo do projeto é conscientizar os visitantes sobre a importância da produção sustentável, mostrando que o desenvolvimento econômico pode caminhar junto com o cuidado com o meio ambiente.
O site busca explicar, de maneira simples e interativa, como a cadeia produtiva da cevada e do malte envolve diferentes etapas, pessoas, tecnologias e impactos positivos para a sociedade.
🧭 Funcionalidades do Site O projeto conta com as seguintes funcionalidades:
🏠 Página inicial com apresentação do tema; 📱 Menu de navegação responsivo; 🌾 Seção explicativa sobre a produção relacionada ao meio ambiente; ♿ Botão de acessibilidade; 🔠 Opção de aumentar e diminuir fonte; 🌓 Modo de alto contraste; 📲 Layout adaptado para diferentes tamanhos de tela. 💻 Tecnologias Utilizadas O projeto foi desenvolvido utilizando apenas tecnologias básicas de front-end: HTML5 CSS3 JavaScript ✅ Os arquivos de estilo e script estão separados e corretamente declarados.
📁 Estrutura de Arquivos
/
├── index.html
├── style.css
├── script.js
├── README.md
├── img/
│ ├── logo.png
│ ├── Hero.png
│ ├── Campo.png
│ ├── Malte.png
│ ├── Cidade.png
│ ├── Clipe.mp4
│ ├── github.png
│ └── instagram.png
header.css
Baixe ou clone este repositório; Abra a pasta do projeto em seu computador; Abra o arquivo index.html em um navegador de internet; Navegue pelas seções do site utilizando o menu principal. Também é possível acessar o projeto publicado pelo GitHub Pages ou Vercel, por meio do link disponível na seção About deste repositório.
♿ Acessibilidade O projeto inclui recursos de acessibilidade para melhorar a experiência dos usuários:
🔠 Botão para aumentar o tamanho da fonte; 🔡 Botão para diminuir o tamanho da fonte; 🌓 Modo de alto contraste; 🖼️ Textos alternativos em imagens;
🌿 Sustentabilidade O conteúdo do site aborda práticas relacionadas ao equilíbrio entre produção e meio ambiente, como:
🧠 Conceitos de Programação Aplicados Durante o desenvolvimento do projeto, foram aplicados conceitos importantes de programação front-end, como:
Estruturação semântica com HTML; Estilização com CSS externo; Uso de variáveis CSS; Responsividade com media queries; Manipulação do DOM com JavaScript;
Menu de acessibilidade com controle de fonte e contraste; Sincronização de acessibilidade com a seção da HQ incorporada.
🖼️ Galeria de Imagens casa.jpg Retirado do site wikimedia Commons () campo.jpg
👨🎓 Autoria Autor(a): Nome do(a) estudante Professor(a) orientador(a): Nome do(a) professor(a) Escola: Nome da instituição de ensino Município: Guarapuava – Paraná
🖼️ Créditos dos Recursos Utilizados As imagens, vídeos, ícones, textos e demais recursos visuais utilizados neste projeto foram produzidos ou organizados para fins educacionais no contexto do Concurso Agrinho 2026.
Caso algum recurso tenha sido produzido com apoio de inteligência artificial, os prompts utilizados estão registrados abaixo.
🤖 Prompts Genéricos de IA Utilizados 🌾 Imagem Hero — Campo de cevada em Guarapuava Crie uma imagem realista e educativa de um campo de cevada em Guarapuava, no Paraná, com atmosfera acolhedora, luz natural suave, paisagem agrícola bem cuidada, céu limpo e sensação de conexão entre produção rural, sustentabilidade e futuro. A imagem deve transmitir equilíbrio entre o agro forte e o cuidado com o meio ambiente. 🌱 Imagem Campo — Cultivo da cevada Crie uma imagem de uma lavoura de cevada em fase de crescimento, mostrando o cultivo no campo, o cuidado com o solo e a importância da agricultura sustentável. A cena deve ter cores naturais, aparência limpa, clima positivo e representar o início da cadeia produtiva do malte. 🏭 Imagem Malte — Transformação e beneficiamento Crie uma imagem representando o processo de transformação da cevada em malte, com elementos que remetam à indústria, tecnologia, beneficiamento de grãos e inovação. A imagem deve mostrar a conexão entre o campo e a indústria, com visual moderno, educativo e relacionado à sustentabilidade. 🏙️ Imagem Cidade — Campo e cidade conectados Crie uma imagem que represente a conexão entre o campo e a cidade por meio da cadeia produtiva do malte. A cena deve mostrar elementos urbanos integrados à produção agrícola, simbolizando como o agro movimenta a economia, abastece a sociedade e conecta diferentes espaços.
🌿 Sustentabilidade e meio ambiente Crie uma ilustração educativa sobre sustentabilidade na produção agrícola, mostrando práticas como cuidado com o solo, uso consciente da água, tecnologia no campo e preservação ambiental. A imagem deve transmitir responsabilidade, inovação e equilíbrio entre produção e natureza. 📚 Observação sobre o Uso de IA As ferramentas de inteligência artificial podem ter sido utilizadas como apoio na criação de imagens, textos ou ideias visuais do projeto.
Todos os recursos foram utilizados com finalidade educacional, respeitando o tema do concurso e com o objetivo de tornar o aprendizado mais visual, acessível e interativo.
🏷️ Tags do Projeto tags para o GitHub:
agrinho agrinho2026
📄 Licença Projeto desenvolvido exclusivamente para fins educacionais e para participação no Concurso Agrinho 2026.
🌟 Considerações Finais O projeto “Do Campo ao Copo: A Jornada do Malte em Guarapuava” busca demonstrar que a tecnologia pode ser usada como ferramenta de aprendizagem, conscientização e valorização do agronegócio sustentável.