Este projeto é um site interativo baseado na série de televisão "The Office". O objetivo principal é desvendar a identidade do famoso "Scranton Strangler" ao clicar em cards com fotos dos personagens da série. Cada vez que um card é selecionado, uma mensagem é exibida indicando se o personagem é o Scranton Strangler ou não. Além disso, o site apresenta um vídeo com uma cena icônica envolvendo o personagem selecionado.
- Título e Imagem de capa
- Sobre o Site
- Índice
- Funcionalidades principais
- Como utilizar o site
- Contribuição
- Responsividade
- Licença
- Tecnologias utilizadas
- Contato
- Exibição de cards com fotos dos personagens de "The Office".
- Verificação interativa para identificar se o personagem clicado é o Scranton Strangler.
- Feedback imediato com uma mensagem indicando a resposta correta.
- Vídeo com uma cena icônica do personagem selecionado (Os vídeos foram extraídos de episódios da série "The Office").
- Acesse o site do projeto através do link [https://emilyfas.github.io/The-Office-Survival/].
- Na página principal, você verá uma grade de cards contendo fotos dos personagens de "The Office".
- Clique em um card para selecionar um personagem.
- Após selecionar o personagem, uma mensagem será exibida indicando se o personagem é o Scranton Strangler ou não.
- Além da mensagem, um vídeo com uma cena icônica do personagem será exibido para sua diversão.
- Repita os passos 3 a 5 para tentar encontrar o verdadeiro Scranton Strangler!
Você tambem pode acessar o código fonte do projeto inicial ou baixar o arquivo .zip.
Se você quiser contribuir para o desenvolvimento deste projeto, siga as etapas abaixo:
- Faça um fork deste repositório.
- Crie uma branch para suas modificações (
git checkout -b feature/nova-funcionalidade
). - Faça as alterações desejadas e adicione uma descrição clara do que foi implementado.
- Envie um pull request descrevendo suas modificações e aguarde a revisão.
O site é totalmente responsivo com dois break points para garantir a funcionalidade do site em todos os tipos de telas, grandes, medias e pequenas.
![](https://private-user-images.githubusercontent.com/115494759/247596331-cab492e7-df25-459c-80f2-8ec46a9e6fb4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ0MzMxNzQsIm5iZiI6MTcyNDQzMjg3NCwicGF0aCI6Ii8xMTU0OTQ3NTkvMjQ3NTk2MzMxLWNhYjQ5MmU3LWRmMjUtNDU5Yy04MGYyLThlYzQ2YTllNmZiNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyM1QxNzA3NTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xZGFhZmQ3NWVjYWFiZDMxMDFlNGFlNWVhMDliNDY3MTJhZjZjYWVjN2NlOGM0OWNkOGZlNjc0MDk1MmI3ZTllJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.b2Vv_og66AO20xnnneBPGWwD4m4HhfI8fd9XOwz7C-s)
![](https://private-user-images.githubusercontent.com/115494759/247596401-587cc44f-e89a-400e-b4eb-9c8eaca2cf90.jpeg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ0MzMxNzQsIm5iZiI6MTcyNDQzMjg3NCwicGF0aCI6Ii8xMTU0OTQ3NTkvMjQ3NTk2NDAxLTU4N2NjNDRmLWU4OWEtNDAwZS1iNGViLTljOGVhY2EyY2Y5MC5qcGVnP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjNUMTcwNzU0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MzdlMjk4YmJkMDE2YzQ1MmUyYWY5MmE1ZjEwYzYxZWIzN2VjNmM2YzZhNTJhODhmYzdhNzk4ZDdlN2E1N2U5NSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.-DUfglqRADHmm5MtmrnNEMAoQ4MWIwqn5LwsbRql6zE)
![](https://private-user-images.githubusercontent.com/115494759/247599363-b2b7c50e-e2e3-405e-96c8-70909dbd8532.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ0MzMxNzQsIm5iZiI6MTcyNDQzMjg3NCwicGF0aCI6Ii8xMTU0OTQ3NTkvMjQ3NTk5MzYzLWIyYjdjNTBlLWUyZTMtNDA1ZS05NmM4LTcwOTA5ZGJkODUzMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyM1QxNzA3NTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05ZTk0YzQ0YmQ2NmU2NjA4MDBlMzkwYjg0ODQxYTE3YTc0YTVmZTFkMTUwM2QyZDBjYjNmZGQzZjE2ZTg2OTYzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.w5SwJiQvWP1ujTkiYejskBF_Ht0WwZlIie75uXVTrgk)
Este projeto está licenciado sob MIT License. Para mais detalhes, consulte o arquivo LICENSE.md
.