ajout footer + navbar

xgui4 · May 2, 2024 · 7a6632a · 7a6632a
1 parent 4de3606
commit 7a6632a
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 7 deletions.
diff --git a/404.html b/404.html
@@ -3,12 +3,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
     <script src="js/JQuery.js"></script>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+    <title>Erreur 404</title>    
+    <meta charset="UTF-8">
 </head>
 <body>
-
+    <h1> Erreur 404</h1>
+    <h2>Ce site est work in progress</h2>
 </body>
 </html>
diff --git a/footer.html b/footer.html
@@ -1,3 +1,3 @@
 <div>   
-    footer
+    ©️ Xgui4 Studio
 </div>
diff --git a/header.html b/header.html
@@ -1 +1,18 @@
-<div> header </div>
+<div> 
+    <nav class="navbar navbar-expand-lg bg-body-tertiary">
+    <div class="container-fluid">
+      <a class="navbar-brand" href="#">Navbar</a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
+        <div class="navbar-nav">
+          <a class="nav-link active" aria-current="page" href="#">Home</a>
+          <a class="nav-link" href="#">Features</a>
+          <a class="nav-link" href="#">Pricing</a>
+          <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+        </div>
+      </div>
+    </div>
+  </nav>
+</div>
diff --git a/index.html b/index.html
@@ -3,14 +3,14 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
     <script src="js/JQuery.js"></script>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
     <title>Home</title>
 </head>
 <body>
-    <div class="header"></div>
+    <div id="header"></div>
     <main>  
         <p><h1 align="center">Bonjour, je suis Xgui4</h1> <a href=" https://notbyai.fyi"> <img src="https://notbyai.fyi/img/written-by-human-not-by-ai-white.svg" alt="not by ai"> </a></p>
         <h3 align="center">Je suis un futur programmeur</h3>
@@ -40,6 +40,6 @@ <h3 align="center">Je suis un futur programmeur</h3>
 
         <p><img align="center" src="https://github-readme-streak-stats.herokuapp.com/?user=xgui4&" alt="xgui4" /></p>
     </main>
-    <div class="footer"></div>
+    <div id="footer"></div>
 </body>
 </html>
diff --git a/js/JQuery.js b/js/JQuery.js
@@ -1,3 +1,8 @@
+function add_jqmigrate_script() {
+  wp_register_script('jquery', 'https://code.jquery.com/jquery-3.7.2.min.js', false, true);
+  wp_enqueue_script('jquery');
+}
+
 $(function(){
     $("#header").load("header.html"); 
     $("#footer").load("footer.html");