diff --git a/public/header.js b/public/header.js
new file mode 100644
index 0000000..90f7a86
--- /dev/null
+++ b/public/header.js
@@ -0,0 +1,37 @@
+function displayHeader() {
+ const links = [
+ {
+ href: "/",
+ name: "Home",
+ },
+ {
+ href: "/register/",
+ name: "Register",
+ },
+ {
+ href: "/login/",
+ name: "Login",
+ },
+ {
+ href: "/upload/",
+ name: "Upload",
+ },
+ ].map(({name, href}) => {
+ if (href === window.location.pathname) {
+ return `${name}`
+ } else {
+ return `${name}`
+ }
+ }).join(" - ");
+
+ document.querySelector("h1").outerHTML = `
+
+ MaoTube
+
+
+ `
+}
+
+displayHeader();
diff --git a/public/index.html b/public/index.html
index f01503e..02aed75 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,26 +6,17 @@
-
+ MaoTube
+