{"id":30949250,"url":"https://github.com/0nf1rey/jogo-natalino","last_synced_at":"2025-09-11T03:14:09.498Z","repository":{"id":269634836,"uuid":"908052724","full_name":"0nF1REy/jogo-natalino","owner":"0nF1REy","description":"Este projeto refere-se ao desenvolvimento de um jogo interativo com temática natalina, criado em 2024, com o propósito de refletir a essência e a atmosfera do Natal.","archived":false,"fork":false,"pushed_at":"2025-08-23T03:09:56.000Z","size":837,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-24T06:37:00.899Z","etag":null,"topics":["christmas","game","web"],"latest_commit_sha":null,"homepage":"https://0nf1rey.github.io/jogo-natalino/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/0nF1REy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-25T01:58:38.000Z","updated_at":"2025-08-23T03:09:59.000Z","dependencies_parsed_at":"2024-12-25T03:18:39.624Z","dependency_job_id":"688a3210-bf20-4283-9faf-26d5f4d2e61d","html_url":"https://github.com/0nF1REy/jogo-natalino","commit_stats":null,"previous_names":["0nf1rey/jogo-natalino"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/0nF1REy/jogo-natalino","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0nF1REy%2Fjogo-natalino","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0nF1REy%2Fjogo-natalino/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0nF1REy%2Fjogo-natalino/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0nF1REy%2Fjogo-natalino/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0nF1REy","download_url":"https://codeload.github.com/0nF1REy/jogo-natalino/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0nF1REy%2Fjogo-natalino/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274573796,"owners_count":25310114,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-11T02:00:13.660Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["christmas","game","web"],"created_at":"2025-09-11T03:14:08.438Z","updated_at":"2025-09-11T03:14:09.488Z","avatar_url":"https://github.com/0nF1REy.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  Jogo Natalino\n\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n![Maintenance](https://img.shields.io/maintenance/yes/2025?style=for-the-badge)\n![License MIT](https://img.shields.io/badge/license-MIT-blue?style=for-the-badge)\n\n\u003c/div\u003e\n\n## 📖 Descrição\n\nUm jogo temático de Natal interativo onde você monta uma imagem natalina clicando em diferentes partes de forma sequencial. O objetivo é revelar uma bela cena natalina através de 5 peças que devem ser descobertas!\n\n\u003cimg src=\"https://github.com/user-attachments/assets/fd6fcacd-8b8b-4cca-8739-0884827054bb\" alt=\"jogo-natalino-screenshot\" width=\"100%\"/\u003e\n\n## 🎮 Como Jogar\n\n1. **Objetivo**: Clique em cada uma das 5 partes da imagem para revelar a cena natalina completa\n2. **Mecânica**: Cada parte clicada fica permanentemente revelada (não pode ser desmarcada)\n3. **Reset**: Use o botão \"Resetar\" para começar uma nova partida\n4. **Atmosfera**: Aproveite os flocos de neve animados e a mensagem de \"Feliz Natal\" que aparecem na tela!\n\n## ✨ Funcionalidades\n\n### 🎯 Gameplay\n\n- **5 partes interativas** que formam uma imagem natalina completa\n- **Sistema de checkpoint**: Uma vez clicada, a parte permanece revelada\n- **Botão de reset** para recomeçar o jogo\n- **Interface responsiva** que se adapta a diferentes tamanhos de tela\n\n### 🎨 Efeitos Visuais\n\n- **Animação de neve**: Flocos de neve caindo continuamente pela tela\n- **Plano de fundo temático**: Imagem de fundo com tema natalino\n- **Gradiente animado**: Cores natalinas (vermelho e verde) com efeito de brilho\n- **Mensagem de boas-vindas**: Pop-up animado com \"Feliz Natal\"\n\n### 📱 Design Responsivo\n\n- **Mobile-first**: Otimizado para dispositivos móveis\n- **Breakpoints adaptativos**: Diferentes layouts para telas de 480px, 560px e 700px+\n- **Favicons e ícones**: Suporte completo para diferentes dispositivos Apple e Android\n\n## 🗂️ Estrutura do Projeto\n\n```\njogo-natalino/\n├── index.html              # Página principal\n├── scripts/\n│   └── app.js              # Lógica do jogo e efeitos\n├── styles/\n│   ├── styles.css          # Estilos principais\n│   ├── media.css           # Media queries responsivas\n│   └── fonts.css           # Configurações de fontes\n└── assets/\n    ├── img/\n    │   ├── background-snow.webp  # Plano de fundo\n    │   ├── natal-1.png          # Imagem de fundo decorativa\n    │   ├── parte-1.png          # Primeira parte da imagem\n    │   ├── parte-2.png          # Segunda parte da imagem\n    │   ├── parte-3.png          # Terceira parte da imagem\n    │   ├── parte-4.png          # Quarta parte da imagem\n    │   └── parte-5.png          # Quinta parte da imagem\n    ├── favicons/            # Favicons para navegadores\n    └── icons/               # Ícones para dispositivos móveis\n```\n\n## 🎨 Paleta de Cores\n\nO jogo utiliza uma paleta de cores natalinas:\n\n- **🟠 Laranja**: `#F5624D` - Acentos e destaques\n- **🔴 Vermelho**: `#CC231E` - Cor primária natalina\n- **🟢 Verde Claro**: `#34A65F` - Verde natalino principal\n- **🟢 Verde Escuro**: `#0F8A5F` - Verde para sombras\n- **🔵 Azul**: `#235E6F` - Cor complementar\n\n## 🚀 Tecnologias Utilizadas\n\n- **HTML5**: Estrutura semântica e acessível\n- **CSS3**:\n  - Flexbox para layout\n  - CSS Custom Properties (variáveis)\n  - Animações e transições\n  - Media queries responsivas\n- **JavaScript**:\n  - Manipulação do DOM\n  - Eventos de interação\n  - Animações dinâmicas\n  - Timers e intervalos\n\n## 🌟 Recursos Técnicos\n\n### JavaScript\n\n- **Sistema de checkboxes**: Controla as partes reveladas do jogo\n- **Gerador de neve**: Cria flocos de neve animados dinamicamente\n- **Sistema de notificações**: Exibe mensagem de boas-vindas animada\n- **Reset automático**: Função para reiniciar o estado do jogo\n\n### CSS\n\n- **Animações CSS**: Efeitos de brilho, transições suaves\n- **Responsividade**: Layout adaptativo para diferentes dispositivos\n- **Z-index management**: Camadas organizadas para sobreposições corretas\n- **Background patterns**: Imagens de fundo otimizadas\n\n## 📱 Compatibilidade\n\n- ✅ **Navegadores modernos** (Chrome, Firefox, Safari, Edge)\n- ✅ **Dispositivos móveis** (iOS e Android)\n- ✅ **Tablets** e desktops\n- ✅ **Progressive Web App ready** (com ícones e favicons configurados)\n\n## 🎄 Como Executar\n\n1. **Clone ou baixe** o repositório\n2. **Abra o arquivo** `index.html` em qualquer navegador moderno\n3. **Divirta-se** jogando e descobrindo a imagem natalina!\n\n\u003e **Nota**: O jogo funciona completamente offline - não requer servidor ou conexão com internet.\n\n## 👤 Sobre o Desenvolvedor\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n        \u003cbr\u003e\n        \u003ca href=\"https://github.com/0nF1REy\" target=\"_blank\"\u003e\n          \u003cimg src=\"./readme_images/alan-ryan.jpg\" height=\"160\" alt=\"Foto de Alan Ryan\" style=\"border-radius:50%;border:3px solid #0077B5;\"\u003e\n        \u003c/a\u003e\n        \u003c/p\u003e\n        \u003ca href=\"https://github.com/0nF1REy\" target=\"_blank\"\u003e\n          \u003cstrong\u003eAlan Ryan\u003c/strong\u003e\n        \u003c/a\u003e\n        \u003c/p\u003e\n        ☕ Peopleware | Tech Enthusiast | Code Slinger ☕\n        \u003cbr\u003e\n        Apaixonado por código limpo, arquitetura escalável e experiências digitais envolventes\n        \u003c/p\u003e\n          Conecte-se comigo:\n        \u003c/p\u003e\n        \u003ca href=\"https://www.linkedin.com/in/alan-ryan-b115ba228\" target=\"_blank\"\u003e\n          \u003cimg src=\"https://img.shields.io/badge/LinkedIn-Alan_Ryan-0077B5?style=flat\u0026logo=linkedin\" alt=\"LinkedIn\"\u003e\n        \u003c/a\u003e\n        \u003ca href=\"https://gitlab.com/alanryan619\" target=\"_blank\"\u003e\n          \u003cimg src=\"https://img.shields.io/badge/GitLab-@0nF1REy-FCA121?style=flat\u0026logo=gitlab\" alt=\"GitLab\"\u003e\n        \u003c/a\u003e\n        \u003ca href=\"mailto:alanryan619@gmail.com\" target=\"_blank\"\u003e\n          \u003cimg src=\"https://img.shields.io/badge/Email-alanryan619@gmail.com-D14836?style=flat\u0026logo=gmail\" alt=\"Email\"\u003e\n        \u003c/a\u003e\n        \u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n---\n\n## 📫 Contribuir\n\nContribuições são muito bem-vindas! Se você deseja contribuir com o projeto, por favor, siga estes passos:\n\n1.  **Faça um Fork** do repositório.\n\n2.  **Crie uma nova Branch** para sua feature ou correção:\n\n    ```bash\n    git checkout -b feature/nome-da-feature\n    ```\n\n3.  **Faça suas alterações** e realize o commit:\n\n    ```bash\n    git commit -m \"feat: Adiciona nova feature\"\n    ```\n\n4.  **Envie suas alterações** para o seu fork:\n\n    ```bash\n    git push origin feature/nome-da-feature\n    ```\n\n5.  **Abra um pull request** para a branch `main` do repositório original.\n\n## 📚 Recursos Adicionais\n\n- **\u003ca href=\"https://www.atlassian.com/br/git/tutorials/making-a-pull-request\" target=\"_blank\"\u003e📝 Como criar um Pull Request\u003c/a\u003e**\n\n- **\u003ca href=\"https://www.conventionalcommits.org/en/v1.0.0/\" target=\"_blank\"\u003e💾 Padrão de Commits Convencionais\u003c/a\u003e**\n\n## 📜 Licença\n\nEste projeto está sob a **licença MIT**. Consulte o arquivo **[LICENSE](LICENSE)** para obter mais detalhes.\n\n\u003e ℹ️ **Aviso de Licença:** © 2025 Alan Ryan da Silva Domingues. Este projeto está licenciado sob os termos da licença MIT. Isso significa que você pode usá-lo, copiá-lo, modificá-lo e distribuí-lo com liberdade, desde que mantenha os avisos de copyright.\n\n⭐ Se este repositório foi útil para você, considere dar uma estrela!\n\n---\n\n**🎅 Feliz Natal e bom jogo! ❄️**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0nf1rey%2Fjogo-natalino","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0nf1rey%2Fjogo-natalino","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0nf1rey%2Fjogo-natalino/lists"}