~misterio/BSI-SCC0560

Projeto de Interação Humano Computador (2021/1)
fix product size variable
add group info to README
add aria label to easter egg too

refs

main
browse  log 

clone

read-only
https://git.sr.ht/~misterio/BSI-SCC0560
read/write
git@git.sr.ht:~misterio/BSI-SCC0560

You can also use your local clone with git send-email.



#Cinco Bola (Grupo 6)

O site pode ser visitado em cincobola.misterio.me

Nosso repositório está disponível em github.com/misterio77/cincobola

E esse README pode ser lido direto no site!

#Stack usada

O site é 100% estático.

Utilizamos o jekyll para quebrar nossas páginas em layouts reutilizáveis. Ele trata de juntar os componentes e montar os arquivos HTML em tempo de "compilação".

Usamos como base o sheet de CSS minimalista mvp.css, com várias modificações.

#Formulários

A maioria dos formulários tem verificações, caso algo seja digitado. No mundo real a maioria seria obrigatório, mas nesse mock todos os campos em todos os formulários são opcionais.

#Como compilar

Você pode clonar o repositório, baixar o jekyll, e utilizar jekyll build (irá compilar os arquivos no diretório _site), ou usar jekyll serve para iniciar um servidorzinho local (daí só abrir seu navegador em localhost:4000).

#Sobre a estrutura

A maioria do código das páginas está em _layouts, lá definimos como cada página se comporta, e fatoramos coisas em váriaveis de páginas (exemplo: lista de produtos do caaso, definidos em shops/caaso/index.html). Todos os layouts herdam o layout base _layouts/default.html, e existem alguns layouts comuns para cada área (loja, console, cincobola).

Usamos SCSS para facilitar um pouco com o CSS, nossa sheet fica em assets/style.scss.