Baixar a pasta do projeto (.zip, 1597 KB)

Portfólio modelo · referência do Módulo 10

Uma página só (index.html), com o estilo dentro dela e nenhum arquivo carregado de outro site. Apresenta seis jogos do curso em cartões, do mais recente ao primeiro. A aluna "Ana Clara" é fictícia.

Item	Valor
Abrir no computador	na pasta, `python -m http.server 8000` e, no navegador, `http://localhost:8000`
Tema claro e escuro	segue o modo do sistema (cores em variáveis no começo do `<style>`)
Celular	os cartões viram uma coluna; sem rolagem para o lado
Jogos jogáveis	`jogos/sementes-do-sertao/index.html` (a pasta não vem no repositório: copie para lá a exportação HTML5 do Sementes do Sertão, Aula 3.11)

Arquivos

Arquivo	Conteúdo	Origem e licença
`index.html`	a página	escrita para o curso
`imagens/chave-da-porteira.gif`	GIF do Chave da Porteira (320 px, 1 de cada 2 quadros, 1524 KB)	gravado com o Modo Gravação do Godot, Aula 10.6
`imagens/sementes-godot.png`	tela do Sementes em Godot	foto do jogo, Módulo 8
`imagens/feira-do-troco.png`, `cajueiral.png`, `trilha-da-serra.png`, `sementes-do-sertao.png`	telas dos jogos do GDevelop	fotos dos jogos, Módulos 3 a 7
`jogos/LEIAME.md`	explica onde pôr as exportações	escrito para o curso

Tudo feito no curso; nenhum recurso de terceiros.

Testes realizados

Data	Teste	Resultado
30/10/2026	página servida com `python -m http.server 8000` e aberta no navegador	os seis cartões e as seis imagens carregaram
30/10/2026	com a exportação HTML5 do Sementes do Sertão (GDevelop) em `jogos/sementes-do-sertao/`, clique em "Jogar no navegador"	abriu a tela de título do jogo
30/10/2026	largura de celular (375 px)	largura da página igual à da janela (sem rolagem para o lado)

Foto: ../../../../recursos/imagens/godot/portfolio-modelo-tela.jpg.

Não testado: publicação no GitHub Pages ou no itch.io (exige conta); abertura num celular de verdade; leitor de tela.

Histórico de correções

As imagens apareciam esticadas na vertical: os atributos height venciam a proporção 4 × 3. Acrescentado height: auto no CSS.
O GIF 3D ficava serrilhado com image-rendering: pixelated. A nitidez de pixel art passou a valer só para as imagens com a classe pixel.
Os textos da Trilha da Serra e do Cajueiral foram conferidos com os READMEs dos jogos e corrigidos (a primeira versão citava "pontos de controle", que a Trilha não tem).