Fixed sidebar not opening

cc63445e · vand · 5475c5e2 · cc63445e · cc63445e · cc63445e
Commit cc63445e authored 4 years ago by vand
--- a/about.html
+++ b/about.html
@@ -11,6 +11,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
 </style>
 <link rel="shortcut icon" href="favicon.ico">
 <script src="includeHTML.js"></script>
+<script src="sidebar_functions.js"></script>

 <body class="w3-light-grey w3-content" style="max-width:1600px">


--- a/example1.html
+++ b/example1.html
@@ -11,6 +11,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
 </style>
 <link rel="shortcut icon" href="favicon.ico">
 <script src="includeHTML.js"></script>
+<script src="sidebar_functions.js"></script>

 <body class="w3-light-grey w3-content" style="max-width:1600px">


--- a/example2.html
+++ b/example2.html
@@ -11,6 +11,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
 </style>
 <link rel="shortcut icon" href="favicon.ico">
 <script src="includeHTML.js"></script>
+<script src="sidebar_functions.js"></script>

 <body class="w3-light-grey w3-content" style="max-width:1600px">


--- a/example3.html
+++ b/example3.html
@@ -11,6 +11,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
 </style>
 <link rel="shortcut icon" href="favicon.ico">
 <script src="includeHTML.js"></script>
+<script src="sidebar_functions.js"></script>

 <body class="w3-light-grey w3-content" style="max-width:1600px">


--- a/index.html
+++ b/index.html
@@ -11,11 +11,13 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
 </style>
 <link rel="shortcut icon" href="favicon.ico">
 <script src="includeHTML.js"></script>
+<script src="sidebar_functions.js"></script>

 <body class="w3-light-grey w3-content" style="max-width:1600px">

 <!-- Sidebar/menu and -->
 <!-- Overlay effect when opening sidebar on small screens -->
+<!-- Sidebar/menu -->
 <div w3-include-html="sidebar.html"></div>

 <!-- !PAGE CONTENT! -->

--- a/qim_repository_template.html
+++ b/qim_repository_template.html
@@ -11,6 +11,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
 </style>
 <link rel="shortcut icon" href="favicon.ico">
 <script src="includeHTML.js"></script>
+<script src="sidebar_functions.js"></script>

 <body class="w3-light-grey w3-content" style="max-width:1600px">


--- a/sidebar.html
+++ b/sidebar.html
@@ -21,17 +21,3 @@

 <!-- Overlay effect when opening sidebar on small screens -->
 <div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
-
-
-<script>
-// Script to open and close sidebar
-function w3_open() {
-    document.getElementById("mySidebar").style.display = "block";
-    document.getElementById("myOverlay").style.display = "block";
-}
-
-function w3_close() {
-    document.getElementById("mySidebar").style.display = "none";
-    document.getElementById("myOverlay").style.display = "none";
-}
-</script>
--- a/sidebar_functions.js
+++ b/sidebar_functions.js
+// Script to open and close sidebar
+function w3_open() {
+    document.getElementById("mySidebar").style.display = "block";
+    document.getElementById("myOverlay").style.display = "block";
+};
+
+function w3_close() {
+    document.getElementById("mySidebar").style.display = "none";
+    document.getElementById("myOverlay").style.display = "none";
+};