From 7112b26d244768945e64b523c391b7ec04f58781 Mon Sep 17 00:00:00 2001 From: janis Date: Wed, 14 Dec 2022 12:17:13 +0100 Subject: [PATCH] added a nav menu --- website/css/menustyle.css | 27 +++++++++++++++++++++++++++ website/index.html | 4 ++-- website/js/index.js | 4 ++++ website/nav.html | 17 +++++++++++++++++ 4 files changed, 50 insertions(+), 2 deletions(-) create mode 100644 website/css/menustyle.css create mode 100644 website/js/index.js create mode 100644 website/nav.html diff --git a/website/css/menustyle.css b/website/css/menustyle.css new file mode 100644 index 0000000..29dcec6 --- /dev/null +++ b/website/css/menustyle.css @@ -0,0 +1,27 @@ +.Topmenu { + width: 101vw; + padding: 0.3%; + background-color: blue; + margin-left: -1%; + margin-top: -1%; +} + +.menubody { + width: 90%; + margin-top: 1.5%; + margin-left: 5%; +} + +.Menu { + display: inline-flex; + justify-content: center; + align-content: center; + width: 80vw; + height: 100%; +} + +.menubutton { + text-decoration: none; + background-color: none; + color: white; +} \ No newline at end of file diff --git a/website/index.html b/website/index.html index 6a709d8..d570045 100644 --- a/website/index.html +++ b/website/index.html @@ -6,7 +6,8 @@ - + + @@ -82,6 +83,5 @@ - \ No newline at end of file diff --git a/website/js/index.js b/website/js/index.js new file mode 100644 index 0000000..696398d --- /dev/null +++ b/website/js/index.js @@ -0,0 +1,4 @@ +$(document).ready(function () { + $('#navbar').load('nav.html') + console.log("ok") +}); \ No newline at end of file diff --git a/website/nav.html b/website/nav.html new file mode 100644 index 0000000..c8524e2 --- /dev/null +++ b/website/nav.html @@ -0,0 +1,17 @@ + + + + + + + +
+
+ + +
+
+ \ No newline at end of file