Pure CSS images

Pure CSS images are styled so as to fit the image within the containing section. The image link is created with the woof::pure::img command which takes the image url as an argument. For example,

<div style='max-width:30px;background-color:grey;'>
[my include_image logo.png alt "Woof logo"]
</div>

shows the full Woof! logo overflowing the containing div while

<div style='max-width:30px;background-color:grey;'>
[woof::pure::img [my url_for_image logo.png] "Woof logo"]
</div>

shrinks it to fit.