this repo has no description
Initial commit for split.
Signed-off-by: moderation <michael@sooper.org>
+60
+60
index.html
+60
index.html
···
1
+
<!DOCTYPE html>
2
+
<html lang=en>
3
+
<head>
4
+
<style>
5
+
body { padding: 15px 0 0 30px; }
6
+
span { font-family: "Maple Mono", "TX-02", monospace; font-size: 3.0vw; }
7
+
</style>
8
+
<title>split</title>
9
+
</head>
10
+
<body>
11
+
<span id="messenger"> </span>
12
+
13
+
<script>
14
+
15
+
let e = document.getElementById("messenger"),
16
+
t = "0123456789&%$#@",
17
+
// t = "0123456789&%$#@!()[]{}",
18
+
// t = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789&%$#@!/",
19
+
// t = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789&%$#@!()[]{}/",
20
+
// t = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789&%$#@!()[]{}/.,<>~`^*-+=_|",
21
+
// s = "turbopuffer",
22
+
s = "below average heavy industries inc.",
23
+
// s = "BELOW AVERAGE HEAVY INDUSTRIES INC.",
24
+
r = s.length,
25
+
a = 0,
26
+
l = 0,
27
+
n = "",
28
+
i = "";
29
+
(function o(c) {
30
+
setTimeout(function() {
31
+
--c && o(c);
32
+
(function() {
33
+
for (let d = 0; d < r - l; d++) {
34
+
let e = Math.floor(t.length * Math.random());
35
+
let s = t.charAt(e);
36
+
n += s;
37
+
}
38
+
if (a === 4) {
39
+
l++;
40
+
}
41
+
if (a === 5) {
42
+
i += s.charAt(l - 1);
43
+
a = 0;
44
+
}
45
+
if (e.innerHTML) {
46
+
e.innerHTML = i + n;
47
+
}
48
+
n = "";
49
+
})();
50
+
a += 1;
51
+
}, 16); // 16ms (roughly 60fps)
52
+
})(5 * r + 1);
53
+
54
+
</script>
55
+
56
+
<!-- inspired by https://turbopuffer.com/ turbopuffer <(\xb0O\xb0)> -->
57
+
<!-- https://en.wikipedia.org/wiki/Split-flap_display -->
58
+
<!-- https://turbopuffer.com/_next/static/chunks/app/(home)/layout-fe175645c9c43802.js -->
59
+
60
+
</body>