Images from the command line

Many of the images used in these demonstrations were made using Inkscape, a scaled vector graphic editor, or the ImageMagick suite of graphics utilities.

In particular, the numeral images used in the scrolling gallery demo and their thumbnails were generated directly from the command line. Instructions were typed in, and the convert utility created the image. Recall the command, edit a few values, and the next image is created.

gt@koko:~$ convert -size 275x300 xc:transparent \
-font URW-Chancery-Medium-Italic -pointsize 432 \
-draw "text 25,280 '1'" -channel RGBA -gaussian 0x6 \
-fill darkred -stroke magenta -draw "text 20,275 '1'" num1.png

The "\" indicates a continuation. Everything is written on a single line.

And this, 1 is the result.

Once the ten images were created, a single line converted them all to thumbnails to fit in a 100px box.

gt@koko:~$ convert -thumbnail 100x100 num*.png tnail-num*.png

The thumbnails look like this: 1

The image used in the inline-block gallery demo was created as an svg, an xml format, using Inkscape. Here is the svg image.

a whimsical image

I used ImageMagick to convert the svg to a jpg, whimsey and then resized it, smaller bit of whimsey.