https://github.com/brianmunizsilveira/mysti
Um site pessoal para o canal do YouTube "Mysti", focado em conteúdo de games e reflexões. O site serve como um hub central para conectar fãs e seguidores com todo o conteúdo e presença social da criadora.
https://github.com/brianmunizsilveira/mysti
games landing-page mysti pt-br youtube
Last synced: 4 months ago
JSON representation
Um site pessoal para o canal do YouTube "Mysti", focado em conteúdo de games e reflexões. O site serve como um hub central para conectar fãs e seguidores com todo o conteúdo e presença social da criadora.
- Host: GitHub
- URL: https://github.com/brianmunizsilveira/mysti
- Owner: BrianMunizSilveira
- License: mit
- Created: 2025-01-04T18:29:22.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-02-11T12:30:38.000Z (9 months ago)
- Last Synced: 2025-02-11T13:36:15.073Z (9 months ago)
- Topics: games, landing-page, mysti, pt-br, youtube
- Language: CSS
- Homepage: https://mysti-rho.vercel.app
- Size: 11.2 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Mysti Website
Um site pessoal para o canal do YouTube "Mysti", focado em conteúdo de games e reflexões. O site serve como um hub central para conectar fãs e seguidores com todo o conteúdo e presença social da criadora.
## 🎮 Sobre o Projeto
O site Mysti é uma landing page moderna e responsiva que apresenta o trabalho da criadora de conteúdo Mysti. Com um design elegante e minimalista, o site oferece uma experiência imersiva aos visitantes, começando com um hero section dinâmico com vídeo de fundo.
### Características Principais
- Design responsivo e moderno
- Hero section com vídeo de background
- Seções organizadas para Sobre, Vídeos e Social
- Integração com redes sociais
- Menu mobile adaptativo
- Otimização para SEO com meta tags OGP
## 🛠️ Tecnologias Utilizadas
- HTML5
- CSS3
- JavaScript
- Font Awesome para ícones
- Layout responsivo com CSS Grid e Flexbox
## 📦 Estrutura do Projeto
```
mysti-website/
│
├── index.html
├── src/
│ ├── css/
│ │ ├── reset.css
│ │ ├── main.css
│ │ └── responsive.css
│ ├── js/
│ │ ├── main.js
│ │ └── mobile-navbar.js
│ └── media/
│ ├── mysti_logo.png
│ ├── person_mysti.jpg
│ └── bgc.mp4
```
## 🚀 Como Usar
1. Clone o repositório:
```bash
git clone https://github.com/seu-usuario/mysti-website.git
```
2. Navegue até o diretório do projeto:
```bash
cd mysti-website
```
3. Abra o arquivo `index.html` em seu navegador ou use um servidor local para desenvolvimento.
## 📱 Recursos Responsivos
O site é totalmente responsivo e se adapta a diferentes tamanhos de tela:
- Menu hamburger para dispositivos móveis
- Layout adaptativo usando CSS Grid e Flexbox
- Imagens e vídeos otimizados para diferentes resoluções
## 🔗 Links Sociais
- YouTube: [@Mysti07](https://www.youtube.com/@Mysti07)
- Twitch: [mysti0107](https://www.twitch.tv/mysti0107)
- Twitter: [@MystiCYt0](https://x.com/MystiCYt0)
- Instagram: [@myst_i07](https://www.instagram.com/myst_i07/)
## 🤝 Contribuindo
Contribuições são sempre bem-vindas! Por favor, leia o guia de contribuição antes de enviar qualquer pull request.
1. Faça um Fork do projeto
2. Crie sua Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit suas mudanças (`git commit -m 'Add some AmazingFeature'`)
4. Push para a Branch (`git push origin feature/AmazingFeature`)
5. Abra um Pull Request
## 📝 Licença
Este projeto está sob a licença MIT. Veja o arquivo `LICENSE` para mais detalhes.
## 📧 Contato
Mysti - [@MystiCYt0](https://www.instagram.com/myst_i07/)
Link do Projeto: [https://mysti-rho.vercel.app/](https://mysti-rho.vercel.app/)
## 👨💻 Desenvolvedor
Este projeto foi desenvolvido com dedicação por [Brian Muniz](https://github.com/BrianMunizSilveira).
### Habilidades Aplicadas
- Desenvolvimento Front-end
- Performance Web
- Otimização SEO
- Responsividade
### Conecte-se comigo
[](https://github.com/BrianMunizSilveira)
[](https://www.linkedin.com/in/brian-muniz-silveira/)
[](https://repositorio-sigma-six.vercel.app/)
Se você tiver alguma sugestão ou quiser contribuir com o projeto, não hesite em entrar em contato!