104 lines
2.2 KiB
HTML
104 lines
2.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 extractSection(html, id) {
|
|
|
|
var startTag = '<section id="' + id + '">';
|
|
var endTag = '</section>';
|
|
|
|
var start = html.indexOf(startTag);
|
|
if (start === -1) return null;
|
|
|
|
var end = html.indexOf(endTag, start);
|
|
if (end === -1) return null;
|
|
|
|
return html.substring(start, end + endTag.length);
|
|
}
|
|
|
|
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) {
|
|
|
|
var html = xhr.responseText || "";
|
|
|
|
if (xhr.status === 200 || xhr.status === 0) {
|
|
|
|
var section = extractSection(html, "aboutSection");
|
|
|
|
if (section) {
|
|
target.innerHTML = section;
|
|
} else {
|
|
target.innerHTML =
|
|
'<center><h2>About</h2></center>' +
|
|
'<center><p>Could not find aboutSection in file.</p></center>';
|
|
}
|
|
|
|
} else {
|
|
target.innerHTML =
|
|
'<center><h2>About</h2></center>' +
|
|
'<center><p>Failed to load about.html</p></center>';
|
|
}
|
|
}
|
|
};
|
|
|
|
try {
|
|
xhr.send(null);
|
|
} catch (e) {
|
|
target.innerHTML =
|
|
'<center><h2>About</h2></center>' +
|
|
'<center><p>Request error</p></center>';
|
|
}
|
|
}
|
|
|
|
if (window.addEventListener) {
|
|
window.addEventListener("load", loadAbout, false);
|
|
} else {
|
|
window.onload = loadAbout;
|
|
}
|
|
|
|
})();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|