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

Rolled back js includes

parent 39da1694
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
about.html
+ 3
− 9
View file @ af7a90c2
...@@ -10,20 +10,18 @@ ...@@ -10,20 +10,18 @@
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</style> </style>
<link rel="shortcut icon" href="favicon.ico"> <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"> <body class="w3-light-grey w3-content" style="max-width:1600px">
<!-- Sidebar/menu and --> <!-- Sidebar/menu and -->
<!-- Overlay effect when opening sidebar on small screens --> <!-- Overlay effect when opening sidebar on small screens -->
<div w3-include-html="sidebar.html"></div> <script src='sidebar.js'></script>
<!-- !PAGE CONTENT! --> <!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px"> <div class="w3-main" style="margin-left:300px">
<!-- Header --> <!-- Header -->
<div w3-include-html="header.html"></div> <script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT --> <!-- START OF INDIVIDUAL PAGE CONTENT -->
...@@ -94,14 +92,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} ...@@ -94,14 +92,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div> </div>
<!-- Footer --> <!-- Footer -->
<div w3-include-html="footer.html"></div> <script src='footer.js'></script>
<!-- End page content --> <!-- End page content -->
</div> </div>
<script>
includeHTML();
</script>
</body> </body>
</html> </html>
example1.html
+ 3
− 9
View file @ af7a90c2
...@@ -10,20 +10,18 @@ ...@@ -10,20 +10,18 @@
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</style> </style>
<link rel="shortcut icon" href="favicon.ico"> <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"> <body class="w3-light-grey w3-content" style="max-width:1600px">
<!-- Sidebar/menu and --> <!-- Sidebar/menu and -->
<!-- Overlay effect when opening sidebar on small screens --> <!-- Overlay effect when opening sidebar on small screens -->
<div w3-include-html="sidebar.html"></div> <script src='sidebar.js'></script>
<!-- !PAGE CONTENT! --> <!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px"> <div class="w3-main" style="margin-left:300px">
<!-- Header --> <!-- Header -->
<div w3-include-html="header.html"></div> <script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT --> <!-- START OF INDIVIDUAL PAGE CONTENT -->
...@@ -91,14 +89,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} ...@@ -91,14 +89,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div> </div>
<!-- Footer --> <!-- Footer -->
<div w3-include-html="footer.html"></div> <script src='footer.js'></script>
<!-- End page content --> <!-- End page content -->
</div> </div>
<script>
includeHTML();
</script>
</body> </body>
</html> </html>
example2.html
+ 3
− 9
View file @ af7a90c2
...@@ -10,20 +10,18 @@ ...@@ -10,20 +10,18 @@
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</style> </style>
<link rel="shortcut icon" href="favicon.ico"> <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"> <body class="w3-light-grey w3-content" style="max-width:1600px">
<!-- Sidebar/menu and --> <!-- Sidebar/menu and -->
<!-- Overlay effect when opening sidebar on small screens --> <!-- Overlay effect when opening sidebar on small screens -->
<div w3-include-html="sidebar.html"></div> <script src='sidebar.js'></script>
<!-- !PAGE CONTENT! --> <!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px"> <div class="w3-main" style="margin-left:300px">
<!-- Header --> <!-- Header -->
<div w3-include-html="header.html"></div> <script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT --> <!-- START OF INDIVIDUAL PAGE CONTENT -->
...@@ -71,14 +69,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} ...@@ -71,14 +69,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div> </div>
<!-- Footer --> <!-- Footer -->
<div w3-include-html="footer.html"></div> <script src='footer.js'></script>
<!-- End page content --> <!-- End page content -->
</div> </div>
<script>
includeHTML();
</script>
</body> </body>
</html> </html>
example3.html
+ 3
− 9
View file @ af7a90c2
...@@ -10,20 +10,18 @@ ...@@ -10,20 +10,18 @@
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</style> </style>
<link rel="shortcut icon" href="favicon.ico"> <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"> <body class="w3-light-grey w3-content" style="max-width:1600px">
<!-- Sidebar/menu and --> <!-- Sidebar/menu and -->
<!-- Overlay effect when opening sidebar on small screens --> <!-- Overlay effect when opening sidebar on small screens -->
<div w3-include-html="sidebar.html"></div> <script src='sidebar.js'></script>
<!-- !PAGE CONTENT! --> <!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px"> <div class="w3-main" style="margin-left:300px">
<!-- Header --> <!-- Header -->
<div w3-include-html="header.html"></div> <script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT --> <!-- START OF INDIVIDUAL PAGE CONTENT -->
...@@ -76,14 +74,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} ...@@ -76,14 +74,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div> </div>
<!-- Footer --> <!-- Footer -->
<div w3-include-html="footer.html"></div> <script src='footer.js'></script>
<!-- End page content --> <!-- End page content -->
</div> </div>
<script>
includeHTML();
</script>
</body> </body>
</html> </html>
footer.js 0 → 100644
+ 30
− 0
View file @ af7a90c2
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.html → header.js
+ 9
− 0
View file @ af7a90c2
<!-- Header --> document.write('\
<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> <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> <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"> <div class="w3-container w3-bottombar w3-padding-16">\
<h1><b>3D DATA REPOSITORY</b></h1> <h1><b>3D DATA REPOSITORY</b></h1>\
</div> </div>\
</header> </header>\
');
includeHTML.js deleted 100644 → 0
+ 0
− 27
View file @ 39da1694
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;
}
}
};
index.html
+ 3
− 9
View file @ af7a90c2
...@@ -10,21 +10,19 @@ ...@@ -10,21 +10,19 @@
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</style> </style>
<link rel="shortcut icon" href="favicon.ico"> <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"> <body class="w3-light-grey w3-content" style="max-width:1600px">
<!-- Sidebar/menu and --> <!-- Sidebar/menu and -->
<!-- Overlay effect when opening sidebar on small screens --> <!-- Overlay effect when opening sidebar on small screens -->
<!-- Sidebar/menu --> <!-- Sidebar/menu -->
<div w3-include-html="sidebar.html"></div> <script src='sidebar.js'></script>
<!-- !PAGE CONTENT! --> <!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px"> <div class="w3-main" style="margin-left:300px">
<!-- Header --> <!-- Header -->
<div w3-include-html="header.html"></div> <script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT --> <!-- START OF INDIVIDUAL PAGE CONTENT -->
...@@ -85,14 +83,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} ...@@ -85,14 +83,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div> </div>
<!-- Footer --> <!-- Footer -->
<div w3-include-html="footer.html"></div> <script src='footer.js'></script>
<!-- End page content --> <!-- End page content -->
</div> </div>
<script>
includeHTML();
</script>
</body> </body>
</html> </html>
qim_repository_template.html
+ 3
− 9
View file @ af7a90c2
...@@ -10,20 +10,18 @@ ...@@ -10,20 +10,18 @@
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</style> </style>
<link rel="shortcut icon" href="favicon.ico"> <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"> <body class="w3-light-grey w3-content" style="max-width:1600px">
<!-- Sidebar/menu and --> <!-- Sidebar/menu and -->
<!-- Overlay effect when opening sidebar on small screens --> <!-- Overlay effect when opening sidebar on small screens -->
<div w3-include-html="sidebar.html"></div> <script src='sidebar.js'></script>
<!-- !PAGE CONTENT! --> <!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px"> <div class="w3-main" style="margin-left:300px">
<!-- Header --> <!-- Header -->
<div w3-include-html="header.html"></div> <script src='header.js'></script>
<!-- START OF INDIVIDUAL PAGE CONTENT --> <!-- START OF INDIVIDUAL PAGE CONTENT -->
...@@ -203,14 +201,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} ...@@ -203,14 +201,10 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div> </div>
<!-- Footer --> <!-- Footer -->
<div w3-include-html="footer.html"></div> <script src='footer.js'></script>
<!-- End page content --> <!-- End page content -->
</div> </div>
<script>
includeHTML();
</script>
</body> </body>
</html> </html>
sidebar.html → sidebar.js
+ 29
− 0
View file @ af7a90c2
<!-- Sidebar/menu --> document.write('\
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br> <nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br>\
<div class="w3-container"> <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"> <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> <i class="fa fa-remove"></i></a>\
<a href="http://qim.dk/"> <a href="http://qim.dk/">\
<img src="common/logo_name.png" style="width:90%;" class="w3-round"></a> <img src="common/logo_name.png" style="width:90%;" class="w3-round"></a>\
<br><br> <br><br>\
</div> </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"> // Script to open and close sidebar
<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> function w3_open() {
</div> document.getElementById("mySidebar").style.display = "block";
<div class="w3-bar-block w3-text-grey"> document.getElementById("myOverlay").style.display = "block";
<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>
<!-- Overlay effect when opening sidebar on small screens --> function w3_close() {
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div> document.getElementById("mySidebar").style.display = "none";
document.getElementById("myOverlay").style.display = "none";
}
sidebar_functions.js deleted 100644 → 0
+ 0
− 10
View file @ 39da1694
// 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% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment