Pesquisar
Projeto exclusivo

Modificar HTML, CSS e JS de tema Jekyll

ontem à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: ontem às 22:20

Última interação: ontem à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

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

Desenvolvimento de site adulto premium - (+18) - Visão geral do projeto: Quero desenvolver um site adulto premium, baseado em assinatura, onde somente eu posso postar vídeos. O site deve ter um design moderno, responsivo e rá...

Conversão de sistema de copy trade em MQL5 com NodeJS - Estou em busca de um desenvolvedor experiente em MQL5, NodeJS e WebSockets para converter um sistema de copy trade que atualmente utiliza WebRequest para uma comunicação baseada em We...

Desenvolvimento de sistemas usando o n8n - Procuro profissional que entenda de desenvolvimento low code usando o n8n para construir fluxos e automações utilizando IA. É necessário ter conhecimento intermedi&aacut...

Sistema automatizado de recuperação de código Steam Guard - Descrição do projeto: Sistema de recuperação automática do código Steam Guard. Este projeto tem como objetivo criar um sistema automatizado para recuperar...

Automação com Python e Selenium em site web - Automação com Python e Selenium em site web. O código deve ler dados de um arquivo TXT e executar ações no site. Além disso, o código deve ser capaz...

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.