99 lines
2 KiB
HTML
99 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>About - Legacy Veltron</title>
|
|
|
|
<link rel="stylesheet" href="css/global.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="websiteContainer">
|
|
|
|
<header id="header">
|
|
<img src="images/site-banner.png" class="header-logo" alt="Veltron">
|
|
</header>
|
|
|
|
<main id="middleContent">
|
|
|
|
<!-- CONTENT INJECTION TARGET -->
|
|
<div id="content" class="text-containers-main-bg content-box">
|
|
<center><h2>Loading...</h2></center>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<footer id="bottomFooter">
|
|
<span>Veltron Legacy Build</span>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<!-- JS LOADER -->
|
|
<script>
|
|
(function () {
|
|
|
|
function extractAboutHTML(responseText) {
|
|
|
|
var temp = document.createElement("div");
|
|
temp.innerHTML = responseText;
|
|
|
|
var section = temp.getElementById("aboutSection");
|
|
|
|
if (section) {
|
|
return section.innerHTML;
|
|
}
|
|
|
|
return '<center><h2>About</h2></center>' +
|
|
'<center><p>Failed to load About content.</p></center>';
|
|
}
|
|
|
|
function loadAbout() {
|
|
|
|
var target = document.getElementById("content");
|
|
if (!target) return;
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
xhr.open("GET", "about.html", true);
|
|
|
|
xhr.onreadystatechange = function () {
|
|
|
|
if (xhr.readyState === 4) {
|
|
|
|
if (xhr.status === 200 || xhr.status === 0) {
|
|
|
|
target.innerHTML = extractAboutHTML(xhr.responseText);
|
|
|
|
} else {
|
|
|
|
target.innerHTML =
|
|
'<center><h2>About</h2></center>' +
|
|
'<center><p>Could not load about.html</p></center>';
|
|
}
|
|
}
|
|
};
|
|
|
|
try {
|
|
xhr.send(null);
|
|
} catch (e) {
|
|
target.innerHTML =
|
|
'<center><h2>About</h2></center>' +
|
|
'<center><p>Error loading page</p></center>';
|
|
}
|
|
}
|
|
|
|
if (window.addEventListener) {
|
|
window.addEventListener("load", loadAbout, false);
|
|
} else if (window.attachEvent) {
|
|
window.attachEvent("onload", loadAbout);
|
|
} else {
|
|
window.onload = loadAbout;
|
|
}
|
|
|
|
})();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|