CSS e Javascript devem ser em arquivos separados
É preciso usar armazenamento local para viabilizar a solução de autorização
A listagem de atletas e a página de detalhes só devem ser acessíveis a usuários autorizados ?
A senha deve estar disponível na página de entrada (é só uma demonstração) ?
A comparação entre as senhas deve usar um HASH md5 calculado pela biblioteca md5
A página principal deve obter os elencos com chamadas, obrigatoriamente ?, aos end-points:
https://botafogo-atletas.mange.li/all
https://botafogo-atletas.mange.li/masculino
https://botafogo-atletas.mange.li/feminino
Os dados da página de detalhes devem ser obtidos do end-point https://botafogo-atletas.mange.li/{atleta-id}
A página de detalhes deve ser construída com a informação do id contida na URL
Não deve ser possível acessar a página de detalhes sem autorização ?
Erros na obtenção dos dados para a construção da página de detalhes devem gerar uma mensagem na tela
O estilo das páginas e cartões é de livre escolha, use a criatividade e garanta que não é uma cópia ?
O trabalho deve ser publicado no githubPages com acesso público
não é obrigatório usar URL personalizada, mas se quiser pode ?
Responsividade:
Página de Login:
vertical até 768px;
Página Detalhes:
vertical até 768px;
Container de atletas da Página Principal:
uma colunas até 768px;
duas colunas até 1024px;
quatro colunas depois de 1024px;
largura máxima da lista de 1200px;
Seleção de elenco da Página Principal:
select até 768px;
botões para viewports maiores que 768px;