Reasons to be Cheerful

Wherupon concerning part 3 containing divers reasons following the elucidation of parts 2 and 1 in earlier volumes of this work.

What this layout is for


If you put a background color on the section, it will appear to be separate boxes floating on top of the body background. This is a style I use a lot, I like its clarity in splitting up sections of thought.

If you want more padding on the sections, check the CSS carefully: there is advice on how to accomplish this but without using padding explicitly.

The width of the central section is set as a max-width on the article. Anywhere between 70ch - 90ch is a nice-looking width. As I've set it in ch, it will change size if the font size changes, so use another unit if you prefer

See it in context - or have a look at the code with a more colorful, elegant styleon top or a modern style

Fonts Used

The CSS for this page links to your local downloads of

The setup is quick for me because I already have those fonts downloaded!

You can replicate this look by downloading the fonts from The Google Webfonts Helper - or replace them with google webfonts code. And of course, swap out the fonts for your own


Summer is my favourite time of year. Here's a quote from The Great Gatsby

“And so with the sunshine and the great bursts of leaves growing on the trees, just as things grow in fast movies, I had that familiar conviction that life was beginning over again with the summer.”

The Great Gatsby is what we call a book. This fancy quotes functionality puts in elegant curly quotation marks, which look nicer than 'the standard ones' you get while typing. There are three different kinds, including a class dbl for double quotation marks. The q tag is only for marking up quotations, so the new element n-q has been created to wrap phrases in attractive quotation marks when the intention is irony or air quotes.

Part 3 Verse 2

The list continues

As quoted to me by our reporter

Longer text passages

Clarke heard the words quite distinctly, and knew that Raymond was speaking to him, but for the life of him he could not rouse himself from his lethargy. He could only think of the lonely walk he had taken fifteen years ago; it was his last look at the fields and woods he had known since he was a child, and now it all stood out in brilliant light, as a picture, before him. Above all there came to his nostrils the scent of summer, the smell of flowers mingled, and the odour of the woods, of cool shaded places, deep in the green depths, drawn forth by the sun's heat; and the scent of the good earth, lying as it were with arms stretched forth, and smiling lips, overpowered all. His fancies made him wander, as he had wandered long ago, from the fields into the wood, tracking a little path between the shining undergrowth of beech-trees; and the trickle of water dropping from the limestone rock sounded as a clear melody in the dream. Thoughts began to go astray and to mingle with other thoughts; the beech alley was transformed to a path between ilex-trees, and here and there a vine climbed from bough to bough, and sent up waving tendrils and drooped with purple grapes, and the sparse grey-green leaves of a wild olive-tree stood out against the dark shadows of the ilex. Clarke, in the deep folds of dream, was conscious that the path from his father's house had led him into an undiscovered country, and he was wondering at the strangeness of it all, when suddenly, in place of the hum and murmur of the summer, an infinite silence seemed to fall on all things, and the wood was hushed, and for a moment in time he stood face to face there with a presence, that was neither man nor beast, neither the living nor the dead, but all things mingled, the form of all things but devoid of all form. And in that moment, the sacrament of body and soul was dissolved, and a voice seemed to cry 'Let us go hence,' and then the darkness of darkness beyond the stars, the darkness of everlasting.