|
|
|
@ -1,4 +1,4 @@
|
|
|
|
|
'use strict';
|
|
|
|
|
//'use strict';
|
|
|
|
|
(function() {
|
|
|
|
|
var title = document.title,
|
|
|
|
|
animSeq = ["/", "$", "\\", "|", "$"],
|
|
|
|
@ -22,31 +22,27 @@
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
const qS = q => document.querySelector(q);
|
|
|
|
|
const video = qS('video');
|
|
|
|
|
let initialized = false;
|
|
|
|
|
|
|
|
|
|
document.getElementById("hint").addEventListener('click', _ => {
|
|
|
|
|
if (!initialized) {
|
|
|
|
|
video.muted = false;
|
|
|
|
|
initialized = true;
|
|
|
|
|
qS('video').muted = false;
|
|
|
|
|
qS('.hint').style.display = 'none';
|
|
|
|
|
initialized = true;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
document.getElementById("nav-as").addEventListener('click', _ => {
|
|
|
|
|
nav('as');
|
|
|
|
|
});
|
|
|
|
|
document.getElementById("nav-home").addEventListener('click', _ => {
|
|
|
|
|
nav('home');
|
|
|
|
|
|
|
|
|
|
const sites = ['as', 'home'];
|
|
|
|
|
sites.forEach((item) => {
|
|
|
|
|
document.getElementById(`nav-${item}`).addEventListener('click', _ => {
|
|
|
|
|
nav(`${item}`);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function nav(site) {
|
|
|
|
|
const home = document.getElementById('content');
|
|
|
|
|
const as = document.getElementById('content2');
|
|
|
|
|
if (site == "as") {
|
|
|
|
|
home.style.display = 'none';
|
|
|
|
|
as.style.display = '';
|
|
|
|
|
} else {
|
|
|
|
|
home.style.display = '';
|
|
|
|
|
as.style.display = 'none';
|
|
|
|
|
}
|
|
|
|
|
const bg = [...sites];
|
|
|
|
|
bg.splice(sites.indexOf(site), 1);
|
|
|
|
|
bg.forEach((item) => {
|
|
|
|
|
document.getElementById(item).style.display = 'none';
|
|
|
|
|
});
|
|
|
|
|
document.getElementById(site).style.display = '';
|
|
|
|
|
}
|
|
|
|
|