add web
This commit is contained in:
parent
feb534beed
commit
eb7287a3be
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,22 @@
|
|||
body {
|
||||
color: #5cb85c;
|
||||
background-color: #1f2021;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
code {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
pre {
|
||||
color: #5cb85c;
|
||||
text-align: left;
|
||||
}
|
|
@ -0,0 +1,26 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<title>telnet 10.r3.at</title>
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>telnet 10.r3.at</h1>
|
||||
<div>
|
||||
<pre><code class="output">...loading...</code></pre>
|
||||
<pre><code class="output2"></code></pre>
|
||||
<pre><code class="output3"></code></pre>
|
||||
<pre><code class="output4"></code></pre>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.1.1.slim.min.js"></script>
|
||||
<script src="js/tether.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,169 @@
|
|||
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, '');
|
||||
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, '');
|
||||
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
|
||||
);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue