problème affichage javascript sur le forum Création de sites web - 04-01-2022 20:24:52

Niveau 3

04 janvier 2022 à 20:24:52

Bonsoir à tous

je suis en train de dev mon blog perso, j'ai choisi de prendre jekyll et hebergement sur github page, j'ai commencé le html et le css sans trop de souci, j'ai essayé d’intégrer du javascript en modifiant la page 404, mais celle-ci ne s'affiche pas correctement.

je poste le code de ma page 404.html

<div class="container">
<div class="copy-container center-xy">
<p>
404, page not found.
</p>
<span class="handle"></span>

</div>
</div>

<head>

</head>

je met le lien de mon site et également le lien de la page 404 que je veux intégrer.

j'ai placé les fichiers js et le css a la racine.

mon site : https://liveroot.me/404
la page du script : https://codepen.io/selcukcura/pen/XeQpEv

FionFion64

Niveau 11

05 janvier 2022 à 19:27:16

Suffit d'inspecter ton code pour voir qu'aucun de tes imports js ne fonctionnent
Aussi, go apprendre l'html c'est n'importe quoi là, prend un boiler plate au moins
ça se voit que tu captes pas ce que tu fais

FionFion64

Niveau 11

05 janvier 2022 à 19:34:09

Ton html devrait plutôt ressembler à

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>HTML 5 Boilerplate</title>
    <link rel="stylesheet" href="404.css" />
  </head>

  <body>
    <div class="container">
      <div class="copy-container center-xy">
        <p>404, page not found.</p>
        <span class="handle"></span>
      </div>
    </div>

    <svg
      version="1.1"
      id="cb-replay"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      x="0px"
      y="0px"
      viewBox="0 0 279.9 297.3"
      style="enable-background: new 0 0 279.9 297.3"
      xml:space="preserve"
    >
      <g>
        <path
          d="M269.4,162.6c-2.7,66.5-55.6,120.1-121.8,123.9c-77,4.4-141.3-60-136.8-136.9C14.7,81.7,71,27.8,140,27.8
        c1.8,0,3.5,0,5.3,0.1c0.3,0,0.5,0.2,0.5,0.5v15c0,1.5,1.6,2.4,2.9,1.7l35.9-20.7c1.3-0.7,1.3-2.6,0-3.3L148.6,0.3
        c-1.3-0.7-2.9,0.2-2.9,1.7v15c0,0.3-0.2,0.5-0.5,0.5c-1.7-0.1-3.5-0.1-5.2-0.1C63.3,17.3,1,78.9,0,155.4
        C-1,233.8,63.4,298.3,141.9,297.3c74.6-1,135.1-60.2,138-134.3c0.1-3-2.3-5.4-5.3-5.4l0,0C271.8,157.6,269.5,159.8,269.4,162.6z"
        />
      </g>
    </svg>

    <script type="text/javascript" src="script.js"></script>
    <script src="jquery-3.6.0.min.js"></script>
    <script src="splitText.min.js"></script>
    <script src="gsap.min.js"></script>
  </body>
</html>

Aussi, tu as simplement copié les balises scripts, possèdes-tu les fichiers dans ton répo ?
Si non, faut que t'ailles chercher leur CDN, par exemple <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Informatique

Création de sites web