telme10/web/js/script.js

168 lines
6.6 KiB
JavaScript

var globalDelay = 0;
var defaultDelay = 100;
function printLine(element, text, delay) {
delay = delay || defaultDelay;
globalDelay += delay;
setTimeout(
function() {
element.append(text + '\n');
//console.log(text);
window.scrollTo(0,document.body.scrollHeight);
},
globalDelay
)
}
function overwriteLine(element, text, delay) {
delay = delay || defaultDelay;
globalDelay += delay;
setTimeout(
function() {
element.text(text + '\n');
//console.log(text);
window.scrollTo(0,document.body.scrollHeight);
},
globalDelay
)
}
$(function () {
var logoBW72 = [
" .,:oxO0XNWWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWN0o' ",
" .:dOXWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMXd:;:lKMMMXl",
" ,lONMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMXkxo. cWMMMN",
" .lONMMMMMMMMMMMMMWXK00OOOO00KNWMMMMMMMMMMMMMMMMMMMXc .OMMMMM",
" ,dXMMMMMMMMMMWXOdl;'... ...';cdkKWMMMMMMMMMMMMMXd..lXMMMM",
" 'xNMMMMMMMMMNkl;. .,lkXWMMMMMMMMMMNl 'OMMMM",
" .oXMMMMMMMMNOc' .:xXMMMMMNx:,.,xNMMMM",
" ,OWMMMMMMMNx, 'oKMMMW0xk0NMMMMMM",
" :XMMMMMMMNx, ... .oXMMMMMMMMMMMMM",
" lXMMMMMMW0; 'odddo:. .,:oxk00K0d. ,OWMMMMMMMMMMM",
" cXMMMMMMWx. .OMMMMMWd..,:cdOXWMMMMMMMMN: .dNMMMMMMMMMM",
" ;KMMMMMMWd. ;XMMMMMMX0XWMMMMMMMMMMMMMMX; .oNMMMMMMMMM",
".kMMMMMMWx. ;XMMMMMMMMMMMMWNXK0Okxdoll;. .dWMMMMMMMM",
"cNMMMMMM0' ;XMMMMMMWKxoc:,'... '0MMMMMMMM",
"kMMMMMMNc ;XMMMMMM0, lNMMMMMMM",
"XMMMMMM0' ;XMMMMMMO. '0MMMMMMM",
"WMMMMMMk. ;XMMMMMMO. .xMMMMMMM",
"MMMMMMMx. ;XMMMMMMO. dMMMMMMM",
"WMMMMMMx. ;XMMMMMMO. dMMMMMMM",
"NMMMMMMO. ;XMMMMMM0' .kMMMMMMW",
"0MMMMMMN: ;XMMMMMM0' ,KMMMMMMX",
"dMMMMMMMk. ;XMMMMMM0' oWMMMMMMk",
",KMMMMMMNl ;XMMMMMMK, ;KMMMMMMX:",
" oWMMMMMMX: ;XMMMMMMK, '0MMMMMMWd.",
" .kWMMMMMMK: ,KMMMMMMK, ,0MMMMMMMO. ",
" 'OWMMMMMMXl. '0MMMMMM0, :KMMMMMMM0, ",
" .kWMMMMMMNk' lKXNXX0l. 'xNMMMMMMWO' ",
" .dNMMMMMMMXd' ..... .oXMMMMMMMWx. ",
" :KMMMMMMMMXx;. .,dXMMMMMMMMXl. ",
" .dNMMMMMMMMW0o,. .,o0NMMMMMMMMNx' ",
" ,xNMMMMMMMMMWKxl;.. ..;lxKWMMMMMMMMMNk, ",
" 'oKWMMMMMMMMMMWN0kxolc::::::clodk0NWMMMMMMMMMMWXd, ",
" .:xXWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWXkc. ",
" .:dONMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN0d:. ",
" .:ox0XWMMMMMMMMMMMMMMMMMMWX0ko:'. ",
" .,:ok0XNWMMMMMMWNX0kdc,. "];
var $output = $('.output');
$output.text('');
printLine($output, '');
printLine($output, '');
for (var i = 0; i < logoBW72.length; i++) {
printLine($output, logoBW72[i], 10);
}
printLine($output, '');
printLine($output, ' Hello!');
printLine($output, '');
printLine($output, ' Did you know: realraum will be celebrating its 10th birthday', 1000);
printLine($output, ' on the 18th of March 2017?');
printLine($output, '');
printLine($output, ' you should come by!', 1000);
printLine($output, '');
printLine($output, ' fun fun fun!', 3000);
printLine($output, '');
printLine($output, ' come to the party ... we mean it!', 3000);
printLine($output, '');
printLine($output, ' you have now 5s to decide:');
$output = $('.output2');
for (var i = 0; i <= 100; i++) {
overwriteLine($output, ' deciding ... ' + i + '.0%', 50);
}
$output = $('.output3');
printLine($output, ' are you coming? _');
var $body = $('body');
// yes: 121, 101, 115
// no: 110, 111
// enter: 13
var input = '';
setTimeout(
function() {
$body.on('keypress', function (event) {
console.log(event.which);
if (event.which === 121 && input === '') {
input += 'y';
}
if (event.which === 101 && input === 'y') {
input += 'e';
}
if (event.which === 115 && input === 'ye') {
input += 's';
}
if (event.which === 110 && input === '') {
input += 'n';
}
if (event.which === 111 && input === 'n') {
input += 'o';
}
$output.text(' are you coming? ' + input + '_\n');
window.scrollTo(0,document.body.scrollHeight);
if (event.which === 13 && (input === 'y' || input === 'yes')) {
$body.off('keypress');
globalDelay = 0;
$output = $('.output4');
printLine($output, ' Great! We\'ll see you at the party then.');
printLine($output, '');
printLine($output, ' https://github.com/realraum/telme10');
printLine($output, '');
}
if (event.which === 13 && (input === 'n' || input === 'no')) {
$body.off('keypress');
$output = $('.output4');
globalDelay = 0;
printLine($output, ' Sorry to hear! You\'re missing out on a great experience.');
printLine($output, '');
printLine($output, ' https://github.com/realraum/telme10');
printLine($output, '');
}
});
},
globalDelay
);
});