Consistent Content Styling

It's all about style ...

All of the text, "styles" within this page — that is, font family, text size, color, line spacing and more — are programmed to achieve a consistent look and feel across the entire site.

This deserves attention: Style settings can be changed in one place, to instantly update the look and feel of the entire site. Styles define just about anything you can think of -- font type, background, foreground, color, line spacing, word-wrapping method, margins, borders ... drop shadows and more. The overarching principal though is to create a consistent look and feel, site wide — a STYLE . Using style selection rather than manual font size, color, bold etc is what allows that to work.

For example, we don't want to decide on a different Heading colour one day, only to manually edit each heading instance, on every page, one by one ... just to make that one change.

Want to increase the font size by 2% for all headings? Maybe tone that racy red down a bit? No problem, because we used heading styles throughout our content. Neat! \0/

This is a Heading style

Subheadings look like this

Here's a section heading

Of course, all these styles can be adjusted to anything you like. The significant advantage of styling in this manner, is that we can change the style definitions in one place, to have the entire website follow suit.

For this reason, we are highly encouraged to utilise Style Selection over manually choosing font size, bold, color etc. (You won't go to jail for manually adjusting font styles, though one may attract the odd frown, here and there. Oh and of course, this manually selected, italic, Size 1 font ... makes your author a bit of a hypocrite. :p).

Lists

Unordered Lists

Here, is an unordered list ...

To exit list entry mode, press [Enter] twice in a row. More on this below, in "Ordered Lists".
Additional line breaks, while remaining in the current bulleted section,
can be inserted using [Shift]-[Enter], as in the case of this very line.

"Unordered", just means that bullet points are used, instead of a sequence of numbers.

o Avoid the temptation to try created bullet style list manually,
using spaces at the beginning of each line, as it will not work.
Don't like the round dot? We can turn it into anything —

⧉ ← Even a custom image.

Ordered Lists

Here is a so called, "ordered" list ...

First list item. Holding [Shift] and pressing [Enter],
makes new lines without advancing to
the next bullet, like this.

Pressing [Enter] advances to the next bullet ...
... like this one. Pressing [Enter] twice in a row ...

... exits list mode.

The left indent width and spacing between list sections are all part of the style definition. It's always better to have the style definition changed to your liking, rather than trying to manually compensate with blank lines, spaces or font selection. Let us know!

Tables

Following, is a table. This one has a single column and two rows ...

This is the first of a two row table. This paragraph is in the 'Quote' style, which in this case is an old fashioned cursive font, meant to imply, "the past", but you can have whatever you like. The style includes the left margin or indent automatically.. The quote style is intended to go with the following ...

Quotee Style — Bryan J. Rentoul (2019)

NOTE: The dashed line borders around the table cells above, are only visible in the editor. They do not appear on the public site.

Preformatted Text

Preformatted text has fixed spacing for every letter, rather than the more modern and usal,  proportional mode, where a 'W' is wider than an 'i', which is wider than a space. Otherwise known as, "monospace", preformatted text allows for simple column alignment, using only typed characters and spaces. Something like this ...

Name             Status      Comments
---------------  ---------   ---------------------------------------------------
Harry Houdini    missing     One the greatest illusionists to grace our planet
Bryan Rentoul    unknown     Little is known of this mysterious individual

                  _    __                 _          __  __   _ _ _          _   _     _     
                 | |  / _|               | |        / _|/ _| | (_) |        | | | |   (_)    
   __ _ _ __   __| | | |_ ___  _ __   ___| |_ _   _| |_| |_  | |_| | _____  | |_| |__  _ ___ 
  / _` | '_ \ / _` | |  _/ _ \| '__| / __| __| | | |  _|  _| | | | |/ / _ \ | __| '_ \| / __|
 | (_| | | | | (_| | | || (_) | |    \__ \ |_| |_| | | | |   | | |   <  __/ | |_| | | | \__ \
  \__,_|_| |_|\__,_| |_| \___/|_|    |___/\__|\__,_|_| |_|   |_|_|_|\_\___|  \__|_| |_|_|___/

After all, what ever would we do without ASCII art? 🤓