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
.