add web
This commit is contained in:
parent
feb534beed
commit
eb7287a3be
6686
web/css/bootstrap.css
vendored
Normal file
6686
web/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
web/css/bootstrap.css.map
Normal file
1
web/css/bootstrap.css.map
Normal file
File diff suppressed because one or more lines are too long
7
web/css/bootstrap.min.css
vendored
Normal file
7
web/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
web/css/bootstrap.min.css.map
Normal file
1
web/css/bootstrap.min.css.map
Normal file
File diff suppressed because one or more lines are too long
22
web/css/style.css
Normal file
22
web/css/style.css
Normal file
|
@ -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;
|
||||||
|
}
|
26
web/index.html
Normal file
26
web/index.html
Normal file
|
@ -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>
|
3430
web/js/bootstrap.js
vendored
Normal file
3430
web/js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
web/js/bootstrap.min.js
vendored
Normal file
7
web/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
8107
web/js/jquery-3.1.1.slim.js
Normal file
8107
web/js/jquery-3.1.1.slim.js
Normal file
File diff suppressed because it is too large
Load Diff
4
web/js/jquery-3.1.1.slim.min.js
vendored
Normal file
4
web/js/jquery-3.1.1.slim.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
web/js/jquery-3.1.1.slim.min.map
Normal file
1
web/js/jquery-3.1.1.slim.min.map
Normal file
File diff suppressed because one or more lines are too long
169
web/js/script.js
Normal file
169
web/js/script.js
Normal file
|
@ -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
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
});
|
1792
web/js/tether.js
Normal file
1792
web/js/tether.js
Normal file
File diff suppressed because it is too large
Load Diff
1
web/js/tether.min.js
vendored
Normal file
1
web/js/tether.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user