detect.html page work to make all sections in this chapter look consistent (again?)

While reading through the book I noticed that two sections in the 'detect' chapter weren't styled like the others, i.e. each section should have an image more or less related to the subject, with a lean towards classical renderings as found in old vintage childrens' books and publications, immediately followed by a legend between classical horizontal rules stating whether your current browser does or does not support the feature being discussed in that section.

In one case it was simply a matter of moving the existing HTML parts around to their proper spots (and give them the 'ss' class they so desire); in the second case ('Placeholder Text') a completely disparate 'style' was being employed: no image and the reported text is instead an input form field showcasing the matter. I left the input form field as is, yet now correctly positioned in the same location and surrounded by the same layout/formatting as the browser support reports in the other sections so as to make it appear similar to the others as close as possible. It's okay being different, if only a little.

For the image I looked around for some time until I found something that might work, my own lacking drawing skills precluding an alternative for copyright-free artwork. The image is an edited extract of an advertisement (vintage ca. 1930) for the LinoType company. Printing buffs will know about 'Lorem Ipsum' as an ubiquitous 'placeholder text'; the LinoType machines revolutionized the printing industry in such a way that neighbouring industries such as 'font design' could thrive as well, and what do you need to exhibit your new shiny font specimen? Right! *Placeholder Text*.

In fact, Lorem Ipsum is still alive and kicking, the LinoTypes have been outmoded by computers and PostScript, the link between them as I made it is arguably suspect if you're into the business of splitting hairs, but LinoType remains my answer to your 'Placeholder Text' Rorschach Blot and that's a true fact after all. ;-)

I looked hard for an image matching the B&W rendering of the other images in this book, plus it should have that thing called 'the human interest angle' so no 'clean/unemotional' technical drawings allowed.

The commit includes the PSD (Photoshop file) so you can see what was done to the original; the file name of the PNG image both identifies the origin (where I got the high-rez scan from) and includes the info about the depicted machine (my guess is it's a Model 25 on show here; if I'm mistaken and anyone can correct me, I'd be much obliged) in an attempt to date the ad. (Model 25 was introduced in 1927 and this being an advertisement pointing out their superb merit, you can bet they weren't showing off their old stock).


P.S.: as I wanted to contribute my 2 microgram of worth here, I stumbled across issue #20, which made me expend a tear of joy on this otherwise rotten Sunday. I started out with a fork of yours a while ago, so the merge should go down smooth with no ill effects.
(My 'master' branch has a few edits merged in from other people on this (unconnected-to-diveintohtml) github network, this is a branch containing only my own detect.html addition to ensure smooth integration.)