<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>čšž.si - Braille</title>
<meta name="description" content="sampler of all braille unicode characters. poetry of digitally encoded visual symbols for the blind, resembling 8-bit numbering." />
<meta name='keywords' content='linguistics, ascii art, unicode art, algorhytmic art' />
<meta name='author' content='Boštjan Špetič' />
<meta name="date" content="2010-12-20">
<meta name='curator' content='Gaja Zornada' />
<meta name='contact' content='info@konstrukt.it' />
<meta name='copyright' content='Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License' />
<style type="text/css">
p#box {
font-size: 20em;
font-family: verdana;
text-align: center;
margin-left: auto;
margin-right: auto;
display: table-cell;
vertical-align: middle;
}
div#container {
top: 0px; left: 0;
width: 63%; height: 100%;
_position: absolute; display: table;
float: right;
}
body {
background-color: black;
}
div#code {
background-color: rgb(40,40,40);
color: rgb(80,80,80);
width: 32%; height: 100%; float: right; overflow: scroll;
padding: 0em 0.5em 0em 0.5em;
margin-top: -0.5em;
margin-right: -0.5em;
}
div#code em {
color: white;
font-effect: bold;
}

</style>
<script type="text/javascript">
function move_box() {
var Char = parseInt(box.className);
Char++;
if (Char > 10495) { Char = 10240; }
box.className = Char;
box.innerHTML = "&#" + Char + ";";
var Color = 255 - 10495 + Char;
box.style.color = "rgb(" + Color + "," + Color + "," + Color + ")";
}
function init() {
box = document.getElementById("box");
setInterval(move_box, 100);
}
</script>
</head>
<body onload="init()">
<div id='code'>

</div>
<div id="container">
<p id="box" class="10240">⠀</p>
</div>
</body>
</html>