-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathb32.html
75 lines (75 loc) · 2 KB
/
b32.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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML lang="en">
<TITLE>Base 256 to base 32</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<STYLE type="text/css">
p {
font-family: 'Fira Code Retina', 'Fira Code', monospace;
font-size: 48pt;
}
p SPAN.red { color: Hotpink; }
p SPAN.blue { color: RoyalBlue; }
p SPAN.green { color: Green; }
p SPAN.orange { color: Orange; }
p SPAN.cyan { color: DarkCyan; }
p SPAN.magenta { color: Fuchsia; }
p SPAN.yellow { color: Gold; }
</STYLE>
<SCRIPT type="text/javascript">
function f(e) {
var div = document.getElementsByTagName('DIV')[0];
var base = document.createElement('P');
var content = '';
var colors = [ 'red', 'blue', 'green', 'orange', 'cyan', 'magenta', 'yellow' ];
/*
for (var i = 0; i < 5; ++i) {
var span = document.createElement('SPAN');
span.className = colors[i % colors.length];
span.textContent = content.substring(0, 8);
base.appendChild(span);
}
*/
var i;
for (i = 0; i < 8; ++i) {
content += i.toString();
}
function coloredLine(n, l) {
var i;
var c_index;
var c;
var span;
var remaining;
for (i = 0, c_index = 0; i < n; ++i) {
span = document.createElement('SPAN');
span.className = colors[i % colors.length];
c = content.substring(c_index, c_index + l);
if (c.length < l) {
remaining = l - c.length;
c += content.substring(0, remaining);
}
c_index = (c_index + l) % content.length;
span.textContent = c;
base.appendChild(span);
}
base.appendChild(document.createElement('BR'));
}
coloredLine(5, 8);
coloredLine(8, 5);
coloredLine(3, 8);
coloredLine(4, 6);
coloredLine(1, 8);
coloredLine(2, 4);
coloredLine(3, 8);
coloredLine(8, 3);
coloredLine(1, 8);
coloredLine(4, 2);
coloredLine(1, 8);
coloredLine(8, 1);
coloredLine(5, 8);
coloredLine(4, 10);
div.appendChild(base);
}
window.addEventListener('load', f);
</SCRIPT>
<DIV>