Pesquisar

Modificar HTML, CSS e JS de tema Jekyll

12/03/2025 às 21:33

Descrição do Projeto:

Baixei o tema Glitche de blog em Jekyll do ThemeForest:
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:

CSS HTML5 Javascript

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

Cliente

Freelancer vencedor

Propostas (2)
  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

Nenhuma proposta foi encontrada.

Carregando...
Projetos semelhantes no 99Freelas

Criar automação n8n para Tiny ERP - Criar uma automação no n8n que atualize automaticamente o estoque no Mercado Livre e na Shopee sempre que houver alteração no Tiny ERP, usando Webhook em tempo real. O ...

Plataforma para AutoBot Deriv - Precisando de uma plataforma Auto Bots Deriv, que tenha funcionalidades de login, com planos de login mensais ou por tempo específico, onde possibilita rodar os bots.xml. Que seja uma plata...

Criar chatbot para WhatsApp - Gostaria de um chatbot para atendimento em uma loja pet shop. A IA deve fazer o atendimento inicial e direcionar para os demais fluxos de atendimento.

Consultoria de IA para licitação - Preciso de um profissional que me ensine como posso utilizar a IA para análise de documentação de concorrentes em licitação. A análise deve incluir v&aacut...

Automação de cassino para hoje - O sistema consiste em ler o sinal da roleta no Telegram e fazer a entrada na casa de apostas pelo site Geralbet na roleta Roullet Brazilian. https://geralbet.bet.br/live-casino/game/2963749?provid...

Carregando...

Carregando...

Pesquisar

FREELANCERS
PROJETOS
Ocorreu um erro inesperado. Caso o erro persista, entre em contato conosco através do e-mail suporte@99freelas.com.br.