Este projeto é uma página web de currículo online, desenvolvida com HTML, CSS (W3CSS) e recursos de JavaScript para alternância de tema, idioma, contador de visitas e áudio. O objetivo é servir como currículo digital e portfólio pessoal, com fácil personalização e publicação via GitHub Pages.
- Tema Black/White: Alternância entre tema claro e escuro. Todos os elementos principais, incluindo as linhas
<hr>, mudam de cor conforme o tema escolhido. - Contador de Visitas: Mostra quantas vezes a página foi acessada no navegador (localStorage) ou em banco de dados, exibido ao lado dos botões de tema e idioma.
- Internacionalização (BR/US): Todos os textos principais podem ser alternados entre português e inglês usando o botão BR/US. O contador de visitas também muda o texto ("Visitas"/"Visits") sem perder o valor.
- Botão de Áudio: Botão ao lado do contador de visitas que reproduz ou pausa um áudio do currículo.
- Separação Visual das Seções: As seções Ricardo, Contato, Índice, Skills, Courses e Idiomas estão em containers separados, melhorando a organização visual.
- Responsividade: Layout adaptável para diferentes tamanhos de tela, utilizando classes do W3CSS.
- Acessibilidade: Links de navegação e botões com textos claros e atributos de idioma.
-
index.html:
Estrutura principal da página, com containers separados para cada seção do currículo. Inclui botões para alternância de tema, idioma, contador de visitas e botão de áudio. -
style.css:
(Opcional, caso utilize um arquivo separado) Personalizações adicionais de estilo. O projeto utiliza principalmente o W3CSS, mas pode conter regras extras para detalhes como cor da<hr>, ajustes de layout e responsividade.
- Separação clara entre as seções usando containers e
<hr>. <hr>muda de cor conforme o tema (preto no tema claro, branco no tema escuro).- Contador de visitas posicionado ao lado dos botões, centralizado no topo.
- Troca de idioma do texto "Visitas" sem afetar o número de visitas.
- Botão de áudio funcional ao lado do contador de visitas.
- Melhorias de responsividade e acessibilidade.
- Possibilidade de integração do contador de visitas com banco de dados/backend.
- Faça o download ou fork do projeto.
- Edite o arquivo
index.htmlcom suas informações pessoais. - (Opcional) Personalize o
style.csspara ajustes visuais. - Abra o
index.htmlno navegador ou publique via GitHub Pages. - (Opcional) Configure o backend para contador global de visitas, conforme instruções no código.
Projeto atualizado para refletir as melhorias de navegação, acessibilidade, internacionalização, experiência do usuário e integração de áudio!