1st January, 2003

Style Guide is an article created especially for testing all sorts of things

You might have found this accidentally or via Google, and you're thinking I might be embarrassed, but I'm not. I've nothing to hide. This is my sample article where I test out various parts of my article system.

This is a cover image of me speaking at Pixel Pioneers. Photo by Greg Annandale.

My campsite was my base, though I favoured a small wooden “pod” over canvas; simple yet sturdy, with electric light and power sockets enabling productivity beyond sunset. Donec vitae justo pretium, finibus massa ac, ornare metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tincidunt, ipsum ut porta volutpat, justo elit auctor nunc, quis convallis est ex nec neque.

Heading h2

Sed eu fringilla mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec placerat dui vitae massa luctus, quis feugiat nulla vulputate.

Heading h3

Sed eu fringilla mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec placerat dui vitae massa luctus, quis feugiat nulla vulputate.

Links and files: link Linktext and file Filetext. Ok, image with as-image-v4 to stay in line...

Snipe sketch
One of the snipe sketches from my childhood nature journal, 1987.

Without as-image-v4 it will fill the column width.

Snipe sketch
One of the snipe sketches from my childhood nature journal, 1987.

Let's try and fill the grid with .as-grid.

Snipe sketch
One of the snipe sketches from my childhood nature journal, 1987.

If I use the class .as-cover it will go edge to edge.

Snipe sketch
One of the snipe sketches from my childhood nature journal, 1987.

Here's .as-cover, edge to edge but with no caption.

Snipe sketch

Aenean urna quam, tempor in turpis eu, consequat pretium erat. Duis dolor diam, tincidunt at imperdiet vel, maximus vulputate tellus.

Snipe sketch
One of the snipe sketches from my childhood nature journal, 1987.

OK, that last one should float left, with a caption. Aenean urna quam, tempor in turpis eu, consequat pretium erat. Duis dolor diam, tincidunt at imperdiet vel, maximus vulputate tellus. In congue nec libero a imperdiet. Donec vitae justo pretium, finibus massa ac, ornare metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tincidunt, ipsum ut porta volutpat, justo elit auctor nunc, quis convallis est ex nec neque. Pellentesque nisl justo, elementum sed felis a, commodo fermentum sapien. Donec suscipit vulputate velit, nec pellentesque quam ultrices ac. Vivamus in semper eros.

Snipe sketch
One of the snipe sketches from my childhood nature journal, 1987.

OK, that last one should float lef. Aenean urna quam, tempor in turpis eu, consequat pretium erat. Duis dolor diam, tincidunt at imperdiet vel, maximus vulputate tellus. In congue nec libero a imperdiet. Donec vitae justo pretium, finibus massa ac, ornare metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tincidunt, ipsum ut porta volutpat, justo elit auctor nunc, quis convallis est ex nec neque. Pellentesque nisl justo, elementum sed felis a, commodo fermentum sapien. Donec suscipit vulputate velit, nec pellentesque quam ultrices ac. Vivamus in semper eros.

Snipe sketch
One of the snipe sketches from my childhood nature journal, 1987.

OK, that last one uses. Aenean urna quam, tempor in turpis eu, consequat pretium erat. Duis dolor diam, tincidunt at imperdiet vel, maximus vulputate tellus. In congue nec libero a imperdiet. Donec vitae justo pretium, finibus massa ac, ornare metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tincidunt, ipsum ut porta volutpat, justo elit auctor nunc, quis convallis est ex nec neque. Pellentesque nisl justo, elementum sed felis a, commodo fermentum sapien. Donec suscipit vulputate velit, nec pellentesque quam ultrices ac. Vivamus in semper eros.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tincidunt, ipsum ut porta volutpat, justo elit auctor nunc, quis convallis est ex nec neque. Pellentesque nisl justo, elementum sed felis a, commodo fermentum sapien. Donec suscipit vulputate velit, nec pellentesque quam ultrices ac. Vivamus in semper eros.

Snipe sketch
One of the snipe sketches from my childhood nature journal, 1987.

OK, that last one uses. Aenean urna quam, tempor in turpis eu, consequat pretium erat. Duis dolor diam, tincidunt at imperdiet vel, maximus vulputate tellus. In congue nec libero a imperdiet. Donec vitae justo pretium, finibus massa ac, ornare metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tincidunt, ipsum ut porta volutpat, justo elit auctor nunc, quis convallis est ex nec neque. Pellentesque nisl justo, elementum sed felis a, commodo fermentum sapien. Donec suscipit vulputate velit, nec pellentesque quam ultrices ac. Vivamus in semper eros.

I wrote last year that in my youth our national parks “appealed to me the way Disneyland appealed to other kids,” and that appeal intensified with age.

Quisque vulputate tempor orci ac ornare. Aenean libero justo, laoreet sit amet purus at, faucibus sagittis felis. Donec eu congue tortor, a vestibulum elit.
Quisque vulputate tempor orci ac ornare. Aenean libero justo, laoreet sit amet purus at, faucibus sagittis felis. Donec eu congue tortor, a vestibulum elit.
— Firstname Surname, BBC

In tincidunt, ipsum ut porta volutpat, justo elit auctor nunc, quis convallis est ex nec neque. Pellentesque nisl justo, elementum sed felis a, commodo fermentum sapien. Donec suscipit vulputate velit, nec pellentesque quam ultrices ac. Vivamus in semper eros.

Quisque vulputate tempor orci ac ornare. Aenean libero justo, laoreet sit amet purus at, faucibus sagittis felis. Praesent sit amet volutpat ante. Integer quis dui tristique, fermentum tortor sit amet, sollicitudin orci. Nulla semper mollis turpis id vehicula. Aenean id euismod urna. In quis turpis risus. Nulla nec pulvinar arcu.

In tincidunt, ipsum ut porta volutpat, justo elit auctor nunc, quis convallis est ex nec neque. Pellentesque nisl justo, elementum sed felis a, commodo fermentum sapien. Donec suscipit vulputate velit, nec pellentesque quam ultrices ac. Vivamus in semper eros.

For sustenance, I chose high protein tuna sarnies, comforting tomato soup, easy-peel satsuma, Hobnobs, and a solid block of sugar, a.k.a. Kendal Mint Cake.

For sustenance, I chose high protein tuna sarnies, comforting tomato soup, easy-peel satsuma, Hobnobs, and a solid block of sugar.

Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec luctus, quam id malesuada mollis, risus massa egestas orci, vel mollis sem urna eu ante.

For sustenance, I chose high protein tuna sarnies, comforting tomato soup, easy-peel satsuma, Hobnobs, and a solid block of sugar.

Donec viverra eleifend libero non suscipit. Praesent sit amet volutpat ante. Integer quis dui tristique, fermentum tortor sit amet, sollicitudin orci. Nulla semper mollis turpis id vehicula. Aenean id euismod urna. In quis turpis risus. Nulla nec pulvinar arcu. Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec luctus, quam id malesuada mollis, risus massa egestas orci, vel mollis sem urna eu ante.

For sustenance, I chose high protein tuna sarnies, comforting tomato soup, easy-peel satsuma, Hobnobs, and a solid block of sugar.

Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec luctus, quam id malesuada mollis, risus massa egestas orci, vel mollis sem urna eu ante.

For sustenance, I chose high protein tuna sarnies, comforting tomato soup, easy-peel satsuma, Hobnobs, and a solid block of sugar.

Donec viverra eleifend libero non suscipit. Praesent sit amet volutpat ante. Integer quis dui tristique, fermentum tortor sit amet, sollicitudin orci. Nulla semper mollis turpis id vehicula. Aenean id euismod urna. In quis turpis risus. Nulla nec pulvinar arcu. Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec luctus, quam id malesuada mollis, risus massa egestas orci, vel mollis sem urna eu ante.

For sustenance, I chose high protein tuna sarnies, comforting tomato soup, easy-peel satsuma, Hobnobs, and a solid block of sugar.

Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec luctus, quam id malesuada mollis, risus massa egestas orci, vel mollis sem urna eu ante. Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec luctus, quam id malesuada mollis, risus massa egestas orci, vel mollis sem urna eu ante.

Related
"Quisque vulputate tempor orci ac ornare. Aenean libero justo, laoreet sit amet purus at, faucibus sagittis felis. Donec eu congue tortor."

Related article title

Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et.

Donec viverra eleifend libero non suscipit. Praesent sit amet volutpat ante. Integer quis dui tristique, fermentum tortor sit amet, sollicitudin orci. Nulla semper mollis turpis id vehicula. Aenean id euismod urna. In quis turpis risus. Nulla nec pulvinar arcu. Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec luctus, quam id malesuada mollis, risus massa egestas orci, vel mollis sem urna eu ante. Donec luctus, quam id malesuada mollis, risus massa egestas orci, vel mollis sem urna eu ante.

Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et.

Donec luctus, quam id malesuada mollis, risus massa egestas orci, vel mollis sem urna eu ante. Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec luctus, quam id malesuada mollis, risus massa egestas orci, vel mollis sem urna eu ante.

Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum. Mauris laoreet orci ante, eu dictum tortor viverra in. Etiam fermentum sapien quis luctus sollicitudin. Integer cursus nibh turpis, non ullamcorper quam mattis et. Donec ornare risus lorem, non condimentum neque ullamcorper ac. Pellentesque sagittis dui sit amet felis luctus, eu placerat quam rutrum.

Here's a Vimeo video, which is great because they offer nice responsive embed code and I can style that.

Now one with a caption.

This video has a caption.

Let's try a YouTubbs.

This video has a caption.

This is a load of notes...

  • Notes
  • Beautiful weather
  • Colours and light
  • Smells - flowers, lilac

Zebra lists in articles ul...

  • Item one
  • Item two
  • Item three
  • Item four
  • Item five

Zebra lists in articles ol...

  1. Item one
  2. Item two
  3. Item three
  4. Item four
  5. Item five

Basic lists in articles ul...

  • Item one
  • Item two
  • Item three
  • Item four
  • Item five

Basic lists in articles ol...

  1. Item one
  2. Item two
  3. Item three
  4. Item four
  5. Item five

Perhaps your latest thoughts or photos were amongst them, appearing to me at that moment, and to others elsewhere, by way of algorithm or timing.

Use code in line. Just a week or so later, we happened to be half-watching BBC Springwatch. Presenter Chris Packham introduced a clip more code featuring himself, and some other chap wielding a giant plastic dish.

This is
a block
of code

Being digitally present 1 in multiple places at once typifies the intriguing 2 notion of humans (and increasingly, animals) existing in four dimensions. 3


That was a divider to end. I know that I knew because I’ve recently dusted off my childhood nature journals.

Footnotes

  1. Just a test footnote, deal later. ↩︎
  2. Second test footnote. Aenean libero justo, laoreet sit amet purus at, faucibus sagittis felis. Donec eu congue tortor, a vestibulum elit.↩︎
  3. Second test footnote ↩︎

If you enjoyed this post, please grab the RSS feed. You can follow me on Twitter and Instagram, and subscribe to my infrequent newsletter. Thank you.