Important
Nota de Demonstração: Todo o conteúdo deste repositório (fotos, vídeos, nomes e textos da carta) é meramente ilustrativo e serve apenas como exemplo de preenchimento para o template. Nenhuma informação contida aqui reflete pessoas ou eventos reais.
🚀 Visualize o Projeto em Execução
Este é um projeto de código aberto desenvolvido para criar uma experiência digital memorável e interativa. Ideal para presentear alguém especial com um site elegante, moderno e cheio de carinho.
- 💌 Envelope Interativo 3D: Experiência de "unboxing" digital implementada puramente com CSS.
- 📸 Mural de Polaroides Dinâmico: Galeria com Intersection Observer para animações de entrada fluidas.
- ✨ Estética Glassmorphism: Interface moderna com transparências e desfoque de fundo.
- 🎵 Smart Audio Engine: Sistema de áudio local com lógica de ativação inteligente para mobile.
- 📱 Responsividade Total: Design otimizado para Desktop, Tablet e Mobile.
- Frontend: HTML5, CSS3 (Vanilla), JavaScript (ES6+).
- Backend (Opcional/Local): Python (para edição dinâmica de legendas via Local Dev Protocol).
- Hospedagem: Recomendado Netlify ou GitHub Pages.
- Fotos: Coloque suas imagens em
/imgs/gallery/e atualize o arraymemoriesem/js/main.js. - Mensagem: Edite o texto da carta diretamente no
index.html(div#editable-letter). - Música: Substitua
/music/musica.mp3pelo seu arquivo de preferência. - Cores: Ajuste as variáveis
:rootno/css/style.css.
Para utilizar as ferramentas de automação (como o editor de legendas):
- Certifique-se de ter o Python instalado.
- Execute o arquivo
iniciar-servidor-local.bat. - O site abrirá automaticamente com auto-refresh ativado.
- Crie uma conta no Netlify.
- Conecte seu repositório do GitHub.
- Configure o diretório base como
/(raiz). - O Netlify detectará automaticamente o
index.htmle fará o deploy.
Este projeto foi desenvolvido com foco em privacidade, performance e alta disponibilidade emocional. ❤️