Modificar HTML, CSS e JS de tema Jekyll
12/03/2025 às 21:33Descrição do Projeto:
https://themeforest.net/item/glitche-resume-cv-portfolio-jekyll-theme/28835894?srsltid=AfmBOopf2Cc6Mz70_N_vIbl7wwanD2WLzgs3r9r4zE1QwmdEa_qX5rb2
Modifiquei ele e deixei com a cara que é minha identidade visual. Está online em https://bezerramos.cc/. O repositório dele no Github é https://github.com/tropicaos/bzcc.git.
O que preciso nesse código são duas correções de bugs e a adição de duas funcionalidades:
1) CORREÇÃO CRÍTICA: O site no PC está perfeito, mas no mobile está entrando em um estado de loop por causa do JavaScript. Removi um preloader que tem por padrão no tema, mas esse efeito de transição tinha conexão com outras coisas (ou há elementos que não estão sendo carregados para liberar o Window.onLoad, não manjo de JavaScript) e isso quebrou o site que só fica preto com as bordas rosas. Preciso desse fix o quanto antes, em uma semana.
2) Correção de filtro em _works: O tema usa um sistema de portfolio com lógica diferente do blog. Ao tentar modificar os filtros só mudando as tags, não mudei a lógica que está por trás de como os símbolos funcionam e os posts aparecem (novamente, esse tema lida bem mais com JavaScript do que eu sei, mas depois de consertado consigo manter). Preciso dessa seção no site funcionando com as tags novas e mantendo suas funcionalidades do tema original. Algumas vão só linkar para blogposts, outras terão efeito de galeria (nativa do tema), etc. O tema original pode mostrar como tudo funciona originalmente em https://tropicaos.github.io/glitchebkp/
3) Feature de variável de cor: Esse tema está cravado de includes e variáveis que se resolvem no Front Matter dos posts. Eu quero uma variável (ou até duas, uma para cor base e outra para active color) para colocar no Front Matter que substitua a cor #c7009c rosa do meu tema. Tem post que eu vou querer que mude a cor do site para verde. Outro que quero que fique azul, mantendo todo o resto do tema.
4) Feature de variável de imagem de background fullscreen: Esse tema tem uma versão em WordPress que tem um feature que quero puxar para meu tema em Jekyll: https://preview.themeforest.net/item/glitche-vcard-resume-wordpress-theme/full_screen_preview/22509848?_ga=2.110288579.713136983.1741822986-1183812455.1741202634&_gac=1.46011862.1741824813.Cj0KCQjw4cS-BhDGARIsABg4_J018TJl81uDHL7pnjJxX_X-1QOFzXGNY3Q9jRv7L_t4hdKE7AnivmEaAsZTEALw_wcB.
Tanto o portfolio quanto as páginas de blog, ao invés de só o background preto, os posts usam como fundo uma imagem que fica em fullscreen no cabeçalho. Quero uma nova variável que eu possa colocar no Front Matter o endereço de uma imagem 1920x1080 no meu repositório e que fique uma imagem em fullscreen como nessa versão do WordPress do tema, inclusive na responsividade para mobile.
Eu já deveria estar com esse site funcionando bem, então tempo é uma questão crítica.
Como falei antes, não sou especialista em webdev, mas se o tema ficar bem estruturado eu consigo fazer a manutenção e ir expandindo ele como é a minha ideia, tanto com conteúdo quanto com novas funcionalidades. Esse job é para me ajudar a preparar esse terreno e deixar a estrutura para eu alimentar o site só.
Valeu!
Habilidades desejadas:
Atividades do cliente nesse projeto:
Última visualização: 19/03/2025 às 15:55
Última interação: 12/03/2025 às 22:03
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | Outra - Web, Mobile & Software |
| Orçamento: | Aberto |
| Nível de experiência: | Intermediário |
| Visibilidade: | Público |
| Propostas: | 2 |
| Interessados: | 2 |
| Valor Mínimo: | R$ 50,00 |
Desenvolver indicador para NinjaTrader 8 e MetaTrader 5 - Descrição do projeto: Estou procurando um desenvolvedor experiente para criar um indicador personalizado que exiba níveis de gama derivados de dados da CBOE diretamente nos gr...
Enviar boletos para clientes via API do WhatsApp com chatbot - Cenário atual: - Utilizo o sistema financeiro Asaas, que gera os boletos dos clientes. - O atendimento e automações são feitas via Kentro, que já possui integra...
Chatbot para atendimento + geração de proposta - Busco profissional para criar fluxo de atendimento no NicoChat com geração de proposta em PDF. Descrição: Estou procurando um profissional experiente com a plataforma N...
Desenvolvimento de portal web para clientes de laboratório - Descrição: Estamos em busca de um desenvolvedor web (ou equipe) para criar um portal online onde nossos clientes possam registrar amostras, acompanhar o status das análises, ac...
Criar script em JavaScript para automatizar estratégia na Instadapp - Criar script em JavaScript para automatizar estratégia na Instadapp utilizando o Instadapp SDK. É necessário conhecer JavaScript.
