Este é o repositório do meu site pessoal dedicado aos vídeos incríveis que capturei com minha GoPro em diversas aventuras e condições climáticas ao redor do mundo. O site foi construído utilizando HTML e CSS, com foco em apresentar meus vídeos de forma organizada, responsiva e visualmente atraente.
O objetivo principal deste projeto é criar uma plataforma online onde eu possa compartilhar minhas experiências e a beleza dos momentos registrados com minha GoPro. O site permite aos visitantes explorar meus vídeos, categorizados por temas (como "Sol", "Nublado", "Antártica", "Gelo"), facilitando a descoberta de conteúdo específico.
A interface foi projetada para ser limpa e moderna, com uma paleta de cores cuidadosamente escolhida para complementar a natureza vibrante dos vídeos da GoPro. A responsividade é uma prioridade, garantindo que o site seja visualizado perfeitamente em dispositivos de diferentes tamanhos, desde desktops até smartphones.
- Visualização de Vídeos: Os vídeos são incorporados diretamente nas páginas, permitindo uma reprodução fácil e integrada.
- Categorização Temática: Os vídeos são agrupados por temas relacionados às condições climáticas ou aos locais de gravação, facilitando a navegação.
- Design Responsivo: O layout do site se adapta a diferentes tamanhos de tela, proporcionando uma experiência de visualização otimizada em qualquer dispositivo.
- Paleta de Cores Moderna: Uma paleta de cores cuidadosamente selecionada, com gradientes sutis no fundo, cria uma atmosfera profissional e moderna, sem distrair do conteúdo principal.
- Tipografia Legível: A fonte principal ("Montserrat") foi escolhida para garantir uma leitura confortável em diferentes dispositivos.
- Footer Informativo: O rodapé contém informações básicas e links relevantes.
- HTML: Utilizado para a estrutura e o conteúdo semântico das páginas.
- CSS: Utilizado para a estilização visual, layout responsivo e efeitos de interação (como o hover nas imagens).
- Google Fonts: A fonte "Montserrat" foi importada do Google Fonts para garantir uma tipografia moderna e consistente.
meus-videos/
├── index.html (Página inicial - página de redirecionamento)
├── sol.html (Página com vídeo gravado em dia de sol) ☀️
├── nublado.html (Página com vídeo gravado em dia nublado) ☁️
├── antartica.html (Página com vídeo gravado na Antártica) 🧊
├── gelo.html (Página com vídeo gravado em ambiente com gelo e neve) 🏔️
├── css/
│ └── style.css (Arquivo principal de estilos CSS) 🎨
├── imagens/
│ ├── gopro-sol.jpg (Exemplo de imagem para a página de sol) ☀️🖼️
│ ├── gopro-nublado.jpg (Exemplo de imagem para a página de nublado) ☁️🖼️
│ └── ... (Outras imagens utilizadas no site) 🏞️
└── README.md (Este arquivo) 📝
-
Clone o repositório:
git clone https://pitercoding.github.io/meus-videos/ cd meu-site-gopro -
Abra os arquivos HTML no seu navegador: Basta abrir os arquivos
index.html,sol.html,nublado.html, etc., diretamente no seu navegador web (Chrome, Firefox, Safari, etc.).
- Implementação de um sistema de navegação mais robusto: Adicionar uma barra de navegação consistente em todas as páginas para facilitar a exploração.
- Melhor organização dos vídeos: Considerar a adição de mais categorias ou tags para uma filtragem mais precisa.
- Otimização de imagens e vídeos: Garantir que o conteúdo seja carregado de forma eficiente para melhorar a velocidade do site.
- Adição de legendas ou descrições para os vídeos: Fornecer mais contexto sobre cada aventura.
- Integração com redes sociais: Permitir o compartilhamento fácil dos vídeos.
- Melhorias na acessibilidade: Garantir que o site seja acessível a todos os usuários.
- Considerar o uso de JavaScript: Para adicionar funcionalidades mais interativas, se necessário.
- Design e desenvolvimento por Piter Gomes. 👨💻
- Fonte "Montserrat" importada do Google Fonts. 🔡
- Vídeos capturados com uma câmera GoPro. 📸
MIT License.
Obrigado por explorar meu projeto! Espero que você goste das minhas aventuras GoPro. Sinta-se à vontade para deixar sugestões ou comentários.