![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
...but useless? Verily, I have done ART!
Since html and css are markup languages that pertain to documents, they're not that useful for making pictures. Poking at code for the heck of it, I did so anyway. I drew a slide rule. There are plenty of javascript slide rule emulators, such as this one, but this is a no-code nonfunctional picture, the equivalent of ascii art. Like most such art, it's mostly for the accomplishment of doing something despite the limitations of the medium. It was also a good excuse to learn a little more CSS code - and I discovered that direction: rtl is poorly documented.
Also, DreamWidth has different assumptions about formatting than web browsers, requiring some editing of the code. What you're seeing, basically v0.2.7a, hasn't yet been coded to allow for all possible sizes of fixed-width fonts; that can be another project.
Since html and css are markup languages that pertain to documents, they're not that useful for making pictures. Poking at code for the heck of it, I did so anyway. I drew a slide rule. There are plenty of javascript slide rule emulators, such as this one, but this is a no-code nonfunctional picture, the equivalent of ascii art. Like most such art, it's mostly for the accomplishment of doing something despite the limitations of the medium. It was also a good excuse to learn a little more CSS code - and I discovered that direction: rtl is poorly documented.
A 1..............2........3.....4....5...6..7..8..9.1..............2........3.....4....5...6..7..8..9.1
B 1..............2........3.....4....5...6..7..8..9.1..............2........3.....4....5...6..7..8..9.1
CI1...9....8.....7......6.......5.........4.........π.3.......i.........2...........i.................1
C 1...,...,..,...,..i...........2.........i.......3.π...i.....4....i....5.......6......7.....8....9...1
D 1...,...,..,...,..i...........2.........i.......3.π...i.....4....i....5.......6......7.....8....9...1
L 0....|....1....|....2....|....3....|....4....|....5....|....6....|....7....|....8....|....9....|....0
Also, DreamWidth has different assumptions about formatting than web browsers, requiring some editing of the code. What you're seeing, basically v0.2.7a, hasn't yet been coded to allow for all possible sizes of fixed-width fonts; that can be another project.
