Skip to content
Snippets Groups Projects
Commit af7a90c2 authored by vand's avatar vand
Browse files

Rolled back js includes

parent 39da1694
Branches
No related tags found
No related merge requests found
......@@ -10,20 +10,18 @@
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 -->
<div w3-include-html="sidebar.html"></div>
<script src='sidebar.js'></script>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px">
<!-- Header -->
<div w3-include-html="header.html"></div>
<script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT -->
......@@ -94,14 +92,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
<!-- Footer -->
<div w3-include-html="footer.html"></div>
<script src='footer.js'></script>
<!-- End page content -->
</div>
<script>
includeHTML();
</script>
</body>
</html>
......@@ -10,20 +10,18 @@
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 -->
<div w3-include-html="sidebar.html"></div>
<script src='sidebar.js'></script>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px">
<!-- Header -->
<div w3-include-html="header.html"></div>
<script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT -->
......@@ -91,14 +89,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
<!-- Footer -->
<div w3-include-html="footer.html"></div>
<script src='footer.js'></script>
<!-- End page content -->
</div>
<script>
includeHTML();
</script>
</body>
</html>
......@@ -10,20 +10,18 @@
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 -->
<div w3-include-html="sidebar.html"></div>
<script src='sidebar.js'></script>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px">
<!-- Header -->
<div w3-include-html="header.html"></div>
<script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT -->
......@@ -71,14 +69,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
<!-- Footer -->
<div w3-include-html="footer.html"></div>
<script src='footer.js'></script>
<!-- End page content -->
</div>
<script>
includeHTML();
</script>
</body>
</html>
......@@ -10,20 +10,18 @@
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 -->
<div w3-include-html="sidebar.html"></div>
<script src='sidebar.js'></script>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px">
<!-- Header -->
<div w3-include-html="header.html"></div>
<script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT -->
......@@ -76,14 +74,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
<!-- Footer -->
<div w3-include-html="footer.html"></div>
<script src='footer.js'></script>
<!-- End page content -->
</div>
<script>
includeHTML();
</script>
</body>
</html>
document.write('\
<footer class="w3-container w3-padding-32 w3-dark-grey">\
<div class="w3-row-padding">\
<div class="w3-third">\
<h3>3D DATA REPOSITORY</h3>\
<p>QIM, October 2020.<br>\
Powered by <a href="https://www.w3schools.com/w3css/default.asp">w3.css</a>.</p>\
</div>\
<div class="w3-third">\
<h3>GET INVOLVED</h3>\
<p>Contribute with data, tool or result.\
Stay updated.<br>\
Send us a mail at <a href="mailto:info@qim.dk">info@qim.dk</a>.</p>\
</div>\
<div class="w3-third">\
<h3>LINKS</h3>\
<p>\
<span class="w3-tag w3-grey w3-small w3-margin-bottom">\
<a style="text-decoration: none;" href="http://qim.dk/sciencecases/" target="_blank">QIM science</a></span>\
<span class="w3-tag w3-grey w3-small w3-margin-bottom">\
<a style="text-decoration: none;" href="http://qim.dk/software-tools/" target="_blank">QIM tools</a></span>\
<span class="w3-tag w3-grey w3-small w3-margin-bottom">\
<a style="text-decoration: none;" href="https://imaging.dtu.dk/" target="_blank">3DIM@DTU</a></span>\
<span class="w3-tag w3-grey w3-small w3-margin-bottom">\
<a style="text-decoration: none;" href="https://www.maxiv.lu.se/" target="_blank">MAX IV</a></span>\
</p>\
</div>\
</div>\
</footer>\
');
<!-- Header -->
<header>
<a href="http://qim.dk/"><img src="common/logo_square.png" style="width:65px;" class="w3-circle w3-right w3-margin w3-hide-large w3-hover-opacity"></a>
<span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey" onclick="w3_open()"><i class="fa fa-bars"></i></span>
<div class="w3-container w3-bottombar w3-padding-16">
<h1><b>3D DATA REPOSITORY</b></h1>
</div>
</header>
document.write('\
<header>\
<a href="http://qim.dk/"><img src="common/logo_square.png" style="width:65px;" class="w3-circle w3-right w3-margin w3-hide-large w3-hover-opacity"></a>\
<span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey" onclick="w3_open()"><i class="fa fa-bars"></i></span>\
<div class="w3-container w3-bottombar w3-padding-16">\
<h1><b>3D DATA REPOSITORY</b></h1>\
</div>\
</header>\
');
function includeHTML() {
var z, i, elmnt, file, xhttp;
/*loop through a collection of all HTML elements:*/
z = document.getElementsByTagName("*");
for (i = 0; i < z.length; i++) {
elmnt = z[i];
/*search for elements with a certain atrribute:*/
file = elmnt.getAttribute("w3-include-html");
if (file) {
/*make an HTTP request using the attribute value as the file name:*/
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status == 200) {elmnt.innerHTML = this.responseText;}
if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
/*remove the attribute, and call this function once more:*/
elmnt.removeAttribute("w3-include-html");
includeHTML();
}
}
xhttp.open("GET", file, true);
xhttp.send();
/*exit the function:*/
return;
}
}
};
......@@ -10,21 +10,19 @@
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>
<script src='sidebar.js'></script>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px">
<!-- Header -->
<div w3-include-html="header.html"></div>
<script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT -->
......@@ -85,14 +83,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
<!-- Footer -->
<div w3-include-html="footer.html"></div>
<script src='footer.js'></script>
<!-- End page content -->
</div>
<script>
includeHTML();
</script>
</body>
</html>
......@@ -10,20 +10,18 @@
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 -->
<div w3-include-html="sidebar.html"></div>
<script src='sidebar.js'></script>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px">
<!-- Header -->
<div w3-include-html="header.html"></div>
<script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT -->
......@@ -203,14 +201,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
<!-- Footer -->
<div w3-include-html="footer.html"></div>
<script src='footer.js'></script>
<!-- End page content -->
</div>
<script>
includeHTML();
</script>
</body>
</html>
<!-- Sidebar/menu -->
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br>
<div class="w3-container">
<a href="#" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding w3-hover-grey" title="close menu">
<i class="fa fa-remove"></i></a>
<a href="http://qim.dk/">
<img src="common/logo_name.png" style="width:90%;" class="w3-round"></a>
<br><br>
</div>
document.write('\
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br>\
<div class="w3-container">\
<a href="#" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding w3-hover-grey" title="close menu">\
<i class="fa fa-remove"></i></a>\
<a href="http://qim.dk/">\
<img src="common/logo_name.png" style="width:90%;" class="w3-round"></a>\
<br><br>\
</div>\
<div class="w3-bar-block w3-text-grey">\
<a href="index.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding" class="w3-text-grey"><i class="fa fa-home fa-fw w3-margin-right"></i>HOME</a>\
</div>\
<div class="w3-bar-block w3-text-grey">\
<a href="about.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding" class="w3-text-grey"><i class="fa fa-info fa-fw w3-margin-right"></i>ABOUT</a>\
</div>\
</nav>\
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>\
');
<div class="w3-bar-block w3-text-grey">
<a href="index.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding" class="w3-text-grey"><i class="fa fa-home fa-fw w3-margin-right"></i>HOME</a>
</div>
<div class="w3-bar-block w3-text-grey">
<a href="about.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding" class="w3-text-grey"><i class="fa fa-info fa-fw w3-margin-right"></i>ABOUT</a>
</div>
<!--div class="w3-bar-block w3-text-grey">
<a href="about.html" onclick="w3_close()" class="w3-bar-item w3-button w3-padding" class="w3-text-grey"><i class="fa fa-exclamation fa-fw w3-margin-right"></i>USE</a>
</div-->
</nav>
// Script to open and close sidebar
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
document.getElementById("myOverlay").style.display = "block";
}
<!-- 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>
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
document.getElementById("myOverlay").style.display = "none";
}
// 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";
};
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment