-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·110 lines (98 loc) · 7.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="image_src" href="logo.jpg" />
<meta charset="utf-8">
</head>
<body>
<style>
body {
background: black url(logo.jpg);
background-size: cover;
overflow: hidden;
}
.overlay {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color: black;
opacity:0.3;
}
.footer {
font-color: black;
font-family: 'Courier';
font-size: 1em;
position: fixed;
bottom: 0.6em;
left: 0;
right: 0;
text-align: center;
color: lightgrey;
background: rgba(0,0,0,0.5);
padding: 0.6em 0 0.5em 0;
height: 2em;
}
.footer a {
color: lightgrey;
}
div {
position: absolute;
display: table;
text-align: center;
width: 100%;
height: 100%;
}
span {
display: table-cell;
vertical-align: middle;
}
h1 {
display: inline-block;
font-size: 3em;
border-radius: 0.2em;
padding: 0.2em 0.4em;
background: rgb(143, 143, 143);
font-weight: 100;
font-family: monospace;
}
iframe { height: 0; }
</style>
<div>
<span class="overlay"></span>
<span>
<h1></h1>
</span>
</div>
<div class="footer">
text/bg ~skmp | <a href="https://www.youtube.com/watch?v=jBaikK9vR7M">Juno Reactor, Song For Ancestors</a>
</div>
<iframe width="560" height="315" src="//www.youtube.com/embed/jBaikK9vR7M?autoplay=1&loop=1" frameborder="0" allowfullscreen></iframe>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
<script>
// See content.php
var snips = ["\u039c\u03ad\u03c3\u03b1 \u03c3\u03c4\u03b7 \u03b2\u03b9\u03b1\u03c3\u03cd\u03bd\u03b7 \u03c4\u03bf\u03c5\u03c2, \u03c7\u03ac\u03c3\u03b1\u03bd\u03b5 \u03c4\u03b7\u03bd \u03c0\u03cc\u03c1\u03c4\u03b1, \u03b2\u03b3\u03ae\u03ba\u03b1\u03bd \u03b1\u03c0\u03cc \u03ac\u03bb\u03bb\u03b7 \u03ad\u03be\u03bf\u03b4\u03bf\n\u03a4\u03bf \u03cc\u03bd\u03b5\u03b9\u03c1\u03bf \u03be\u03ad\u03bc\u03b5\u03b9\u03bd\u03b5 \u03ad\u03c4\u03c3\u03b9 \u03b1\u03c0\u03cc \u0389\u03c1\u03c9\u03b5\u03c2, \u03b3\u03b9\u03b1 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03c0\u03b1\u03b3\u03b9\u03b4\u03b5\u03c5\u03bc\u03ad\u03bd\u03bf \u03c3\u03b5 \u03bc\u03b9\u03b1 \u03b1\u03c4\u03ad\u03c1\u03bc\u03bf\u03bd\u03b7 \u03b5\u03c0\u03b1\u03bd\u03ac\u03bb\u03b7\u03c8\u03b7","\u039a\u03b1\u03b9 \u03b7 \u03c3\u03b1\u03c0\u03af\u03bb\u03b1 \u03ad\u03c3\u03c4\u03b1\u03b6\u03b5 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03bc\u03ac\u03c4\u03b9\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03bc\u03ad\u03c3\u03b1 \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03c1\u03b4\u03b9\u03ac \u03c4\u03bf\u03c5\u03c2.\n\u039a\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac;\n\u03a3\u03b9\u03c9\u03c0\u03ae.","\u0395\u0399\u039c\u0391\u0399 \u03a8\u0395\u03a5\u03a4\u0397\u03a3.\n\u039f \u03a3\u03c4\u03c1\u03ad\u03c6\u03b7\u03c2, \u03cc\u03c4\u03b1\u03bd \u03b2\u03c1\u03ad\u03c7\u03b5\u03b9 \u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03b5\u03af\u03c4\u03b1\u03b9.","\u039a\u03b5\u03c1\u03b1\u03c5\u03bd\u03bf\u03af. \u0392\u03c1\u03ad\u03c7\u03b5\u03b9.","\"\u00dcbung macht den Meister\"","\u0395\u03c5\u03c4\u03c5\u03c7\u03af\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03b3\u03bd\u03ce\u03c3\u03b7 \u03c0\u03c9\u03c2 \u03c3\u03c4\u03b1 \u03b1\u03bb\u03ae\u03b8\u03b5\u03b9\u03b1, \u03b4\u03b5\u03bd \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9 \u03c4\u03af\u03c0\u03bf\u03c4\u03b1.\n\u0395\u03c5\u03c4\u03c5\u03c7\u03af\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bd\u03b1 \u03bc\u03ad\u03bd\u03b5\u03b9\u03c2 \u03ba\u03ac\u03b8\u03b5 \u03bc\u03ad\u03c1\u03b1 \u03b5\u03c0\u03b5\u03b9\u03b4\u03ae \u03ad\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2. \u0391\u03ba\u03cc\u03bc\u03b1.","\u039b\u03b9\u03c4\u03ae \u03b1\u03c6\u03b8\u03bf\u03bd\u03af\u03b1","\u0391\u03c5\u03c4\u03ae \u03b7 \u03b3\u03bb\u03c5\u03ba\u03b9\u03ac \u03c0\u03b1\u03c1\u03ac\u03bd\u03bf\u03b9\u03b1 \u03c0\u03bf\u03c5 \u03c4\u03b7 \u03bb\u03ad\u03bc\u03b5 \u03cd\u03c0\u03b1\u03c1\u03be\u03b7","\u0398\u03ad\u03bb\u03c9 \u03bd\u03b1 \u03c6\u03cd\u03b3\u03c9 \u03b1\u03c0\u03cc \u03b1\u03c5\u03c4\u03cc\u03bd \u03c4\u03bf\u03bd \u03ba\u03cc\u03c3\u03bc\u03bf\n\u03bd\u03b1 \u03c0\u03ac\u03c9 \u03bd\u03b1 \u03bc\u03b5\u03af\u03bd\u03c9 \u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c3\u03ba\u03ad\u03c8\u03b5\u03b9\u03c2 \u03bc\u03bf\u03c5\n\u03b5\u03ba\u03b5\u03af \u03c0\u03bf\u03c5 \u03b7 \u03c7\u03b1\u03c1\u03ac \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c7\u03c1\u03ad\u03c9\u03c3\u03b7\n\u03b5\u03ba\u03b5\u03af \u03c0\u03bf\u03c5 \u03b7 \u03bc\u03ad\u03b8\u03b7 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c5\u03c4\u03bf\u03c3\u03ba\u03bf\u03c0\u03cc\u03c2","\u0391\u03ba\u03bf\u03cd\u03b3\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03bf \u03ba\u03ac\u03bb\u03b5\u03c3\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03b2\u03bf\u03c5\u03bd\u03bf\u03cd\n\u03b1\u03bd\u03ad\u03b2\u03b7\u03ba\u03b1 \u03c0\u03ac\u03bd\u03c9 \u03c3\u03c4\u03b1 \u03b2\u03c1\u03ac\u03c7\u03b9\u03b1\n\u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c7\u03b1\u03c1\u03ce \u03b1\u03c0\u03cc \u03ba\u03bf\u03bd\u03c4\u03ac\n\u03c4\u03bf\u03c5 \u03c6\u03b5\u03b3\u03b3\u03b1\u03c1\u03b9\u03bf\u03cd \u03c4\u03bf \u03c6\u03c9\u03c2","\u03a3\u03ae\u03bc\u03b5\u03c1\u03b1, \u03be\u03b1\u03bd\u03b1\u03bc\u03c0\u03ae\u03ba\u03b1 \u03c3\u03c4\u03b7 \u03c3\u03c0\u03b7\u03bb\u03b9\u03ac \u03bc\u03bf\u03c5\n\u03b5\u03ba\u03b5\u03af, \u03bc\u03b5 \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03b8\u03b5\u03c1\u03b9\u03ac\n\u039a\u03b9\u0384\u03bf\u03bc\u03c9\u03c2\n\u03ae\u03c4\u03b1\u03bd \u03c3\u03b1\u03bd \u03c3\u03cd\u03bd\u03c4\u03c1\u03bf\u03c6\u03bf\u03b9 \u03c0\u03b1\u03bb\u03b9\u03bf\u03af \u03bf\u03b9 \u03b4\u03b1\u03af\u03bc\u03bf\u03bd\u03b5\u03c2 \u03c4\u03b7\u03c2 \u03cd\u03c0\u03b1\u03c1\u03be\u03b7\u03c2 \u03bc\u03bf\u03c5\n\u039a\u03b1\u03b9 \u03c4\u03c1\u03b1\u03b3\u03bf\u03c5\u03b4\u03ae\u03c3\u03b1\u03bc\u03b5 \u03c0\u03b1\u03c1\u03ad\u03b1.","\u039c\u03b7 \u03c6\u03bf\u03b2\u03ac\u03c3\u03b1\u03b9 \u03b3\u03b9\u2019\u03b1\u03c5\u03c4\u03bf\u03cd\u03c2 \u03c0\u03bf\u03c5 \u03b1\u03c6\u03ae\u03bd\u03b5\u03b9\u03c2 \u03c0\u03af\u03c3\u03c9\n\u03a3\u03c4\u2019 \u03b1\u03bb\u03ae\u03b8\u03b5\u03b9\u03b1, \u03b4\u03b5\u03bd \u03ae\u03c4\u03b1\u03bd\u03b5 \u03c0\u03bf\u03c4\u03ad \u03bc\u03b1\u03b6\u03af \u03c3\u03bf\u03c5\n\u03a3\u03c4\u2019 \u03b1\u03bb\u03ae\u03b8\u03b5\u03b9\u03b1, \u03b4\u03b5 \u03b8\u03b1 \u03c3\u03b5 \u03b1\u03c6\u03ae\u03c3\u03bf\u03c5\u03bd \u03c0\u03bf\u03c4\u03ad","\u039f\u03b9 \u03b4\u03bf\u03bc\u03ad\u03c2 \u03b1\u03bd\u03c4\u03b5\u03be\u03bf\u03cd\u03c3\u03b9\u03b1\u03c2 \u03b5\u03bc\u03c0\u03b5\u03c1\u03b9\u03ad\u03c7\u03bf\u03c5\u03bd \u03bc\u03ad\u03c3\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03b5\u03be\u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03c4\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1, \u03b1\u03bd\u03c4\u03af\u03b8\u03b5\u03c4\u03b1 \u03c3\u03b5 \u03b1\u03c5\u03c4\u03ad\u03c2"];
var csnip = [];
cnt = 0;
setInterval(function() {
if (cnt == 0 && $('h1').text().length != 0)
$('h1').append('<br />');
if (cnt <4)
$('h1').append('.');
cnt ++;
if (cnt == 5) {
cnt = 0;
/*$.get("content.php", function(data) {
$( "h1" ).html( data );
});*/
if (csnip.length == 0) csnip = snips.slice(0);
var i=csnip.length*Math.random()|0;
$("h1").html(csnip[i].replace(/\n/g,"<br />"));
csnip.splice(i,1);
}
}, 4000);
</script>
</body>
</html>