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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3NzgxMDQsIm5iZiI6MTcyNDc3NzgwNCwicGF0aCI6Ii8xMTU0OTQ3NTkvMjQ3NTk2MzMxLWNhYjQ5MmU3LWRmMjUtNDU5Yy04MGYyLThlYzQ2YTllNmZiNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyN1QxNjU2NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01YjJmMGQyNDVjZmU3NzdmMTNmMTA4MjMxN2ZiZTNjNTQ1NDIzM2QwODNkOGRkODYzMmVkOTE3YTMzNDRmMDhiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.jm0521HXsfYNiqymrJVY3dRdwuqsW9F6kEtcu07gdNA)
![](https://private-user-images.githubusercontent.com/115494759/247596401-587cc44f-e89a-400e-b4eb-9c8eaca2cf90.jpeg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3NzgxMDQsIm5iZiI6MTcyNDc3NzgwNCwicGF0aCI6Ii8xMTU0OTQ3NTkvMjQ3NTk2NDAxLTU4N2NjNDRmLWU4OWEtNDAwZS1iNGViLTljOGVhY2EyY2Y5MC5qcGVnP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjdUMTY1NjQ0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZWExZTg2ZWU3YmMxNWFiYTAxMjc5MTdjNjc4MzA4ODAxNWQyZTkxNmIzMTczNGY1N2ZhYTM0YzFlMjQ1MWQxNSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.3FGWVVLjjhQWfP2Mstq5ngGklxMUxictF8fd4tacQUY)
![](https://private-user-images.githubusercontent.com/115494759/247599363-b2b7c50e-e2e3-405e-96c8-70909dbd8532.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3NzgxMDQsIm5iZiI6MTcyNDc3NzgwNCwicGF0aCI6Ii8xMTU0OTQ3NTkvMjQ3NTk5MzYzLWIyYjdjNTBlLWUyZTMtNDA1ZS05NmM4LTcwOTA5ZGJkODUzMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyN1QxNjU2NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hOWUxMzNiNTc4MjZiZGRhZmY5ODdlNTQ0NGM4YmY4MTkxYzMxNmQxZjdkM2U4ZmJiMjk3NzIwM2M5YTM3Njc0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.0slDb-SdaStIWRK_2pQmOlMEOCBoTU1L2JUyF4dotfM)
Este projeto está licenciado sob MIT License. Para mais detalhes, consulte o arquivo LICENSE.md
.