First time trying Javascript

Community feedback

• 

  x-147•240

  @x-147Posted 6 days ago

  from the error, it is expecting a docs directory at root during build process: Error: No such file or directory @ dir_chdir0 - /github/workspace/docs

  you can create a /github/workspace/docs in your repo and see if it works.

  i've not worked with jekyll so not sure i can help you there, it is possible to complete this challenge without a static site builder.

  also index.html is pointing to the wrong css file, shown below is the correct file (style.css not styles.css)

      <link
        rel="stylesheet"
        type="text/css"
        target="_blank"
        href="assets/style.css"
      />
  

  the desktop css looks very good (and is working once you correct filename)

  mobile is a bit broken, but we can fix that after fixing the above. i personally did not create a mobile breakpoint for this challenge since the typography, spacing, dimensions for desktop also fits for mobile.

  Marked as helpful

  1

  ---

  

  Professora Bianca•40

  @ProfessoraBiancaPosted 6 days ago

  @x-147 Thank you so much! Deploying the website via GitHub was harder than the Frontend challenge itself!!! Hahaha

  I ended up tweaking a lot of things to make it work, but at least now the CSS is displaying correctly. Unfortunately, I still haven’t convinced GitHub Pages to run my JavaScript :(

  0

  

  x-147•240

  @x-147Posted 6 days ago

  @ProfessoraBianca no worries. i can recommend using app.netlify.com or vercel.app for deploy's. github pages is also limited to 1 domain afaik unless you have a subscription.

  Marked as helpful

  1
• 

  Bernardo Poggioni•6,310

  @R3ygoskiPosted 6 days ago

  Olá Bianca.

  Sobre esse erro que você postou está acontecendo por causa de uma pasta chamada docs, veja esse trecho: Error: No such file or directory @ dir_chdir0 - /github/workspace/docs.

  Também pode ser erro de Renderização do SCSS, digo isso devido a esse trecho: Rendering: assets/css/style.scss Pre-Render Hooks: assets/css/style.scss Rendering Markup: assets/css/style.scss github-pages 232

  E sem contar que seu index.html está apontando para um local errado, ele aponta para um assets/styles.css mas o seu arquivo de css se chama assets/style.css.

  Bom vou continuar analisando, quando eu chegar em alguma conclusão eu editarei esse comentário, ou talvez adicione um novo.

  Marked as helpful

  1

  ---

  

  Professora Bianca•40

  @ProfessoraBiancaPosted 6 days ago

  @R3ygoski Muito obrigada! Lançar o site pelo GitHub foi mais difícil do que o desafio do Frontend !!! hahahahha

  Acabei mexendo em muita coisa pra funcionar, mas pelo menos agora o CSS aparece como deveria. Infelizmente ainda não convenci o GitPages a executar o meu Javascript :(

  0

  

  Bernardo Poggioni•6,310

  @R3ygoskiPosted 6 days ago

  Não há de que! e acho que o problema está acontecendo devido ao navegador não estar encontrando o index.js, agora porque isso está acontecendo eu não sei sinceramente, pode ser algo do próprio Jekyll ou até mesmo do Workflow.

  Mas bom, a gente não utiliza o JavaScript para criar o efeito que você está tentando fazer, geralmente é utilizado o CSS, que dessa forma fica mais leve e fácil. Você pode fazer isso utilizando a pseudo-classe :hover, dessa forma:

  .titleText:hover {
    color: hsl(47, 88%, 63%);
  }
  

  E outra, você também não precisa utilizar o Jekyll, pode utilizar o HTML e CSS básico mesmo, que fica mais fácil de fazer deploy do projeto, sem precisar se quer utilizar um Workflow ou algo do tipo.

  Marked as helpful

  1

  

  Professora Bianca•40

  @ProfessoraBiancaPosted 6 days ago

  @R3ygoski Aaaah sim! Achei (ingenuamente) que seria algo bem simples de experimentar no Javascript... Já sabemos o resultado hahahahahaha

  Tô pensando em remove-lo e passar tudo pro CSS mesmo.

  1