Test Post - 06Mar2019

Using a Smidgen of CSS

This template includes Microformats and a couple HTML5 tags. The content on this page is disjointed and meaningless. I'm using it for testing.

Most of my content pages are simply designed by using a small amount of Markdown markup, simple HTML templates, and minimal CSS. I mainly use:

I rarely use:

We started the morning at the Glass City Roasters coffee shop, which is now located on Elanor Ave in West Toledo. It's small, cozy, and well decorated. We ordered latte coffee drinks and their version of muesli, which contained warm milk.

After spending a little while at the coffee shop, we walked across the street to Glass City Treasures, which is an antique-like store, except it's well organized and neat inside. It was decorated for Christmas. Deb bought a small wire basket that was displayed outside.

Other small businesses existed in this neighborhood. The coffee shop should be a welcomed addition. We became aware of Glass City Treasures, thanks to the coffee shop.


Publishers have created a web-abusive, reader-hostile web.

In 2016, single web pages from many media sites ranged from 5 to 10 megabytes in size, but the body of many of these articles was simple text.

A single web page may make hundreds of requests to JavaScript, trackers, ads, etc. These types of web pages can bog down older CPUs, and they can create a clunky user experience on phones.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

November 2014

Pre-winter, but worth mentioning because of the stretch of abnormally cold weather that occurred from Nov 12 through Nov 22. On some days, our temps were 20 to 25 degrees below normal.

On seven days during that stretch, our temps dipped into the teens. On Nov 18, TOL recorded a low of 9 degrees. We received a few inches of snowfall during this period.

That's not unusual weather for mid-January, but for mid-November, it was a bit bizarre, especially because of the duration.

Another heading 3


Normally, I don't use a horizontal rule following a heading line, but I wanted to test how it looks. If the CSS adds margin spacing above an H3 line, then I don't see the point of the horizontal rule. But if no extra spacing existed above the H3, then the horizontal rule might help the reader see the break better.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Here is a useless paragraph that is used to test using the inline code markup command, based upon the single backtick and nothing else.

Pull quotes? Don't need no stinkin' pull quotes. In nearly 20 years of posting on the web, I have rarely highlighted text by centering it and displaying it in a large font size.

What's annoying is when articles display a pull quote when that same quote exists within the article. Why? It's probably an article "design" issue to break up large areas of text. Or it's done to slow down the people who quickly skim the article. Bolded/emphasized text within the article can work as well, in my opinion, without the redundancy.

Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.

Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

This is a heading 3

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.

Here is some text containing a footnote.1 That footnote was formatted by surrounding the number one with the HTML sup tag with no spacing between the period and the opening sup tag.

Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.

Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance.

The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

Another way to mention a footnote is to use a number within brackets with no HTML tags. In this example, I also used Mardown's method to bold the brackets and the number two.[2]

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.

Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

This is a heading 4

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

This image is 640 pixels wide and 480 pixels tall.

west oak area of west toledo

If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.

All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.

code lines:

local filename = "/home/munger/rss3/rss3.txt"

local f = assert(io.open(filename, "r"))
local rss3_text = f:read("a")
f:close()

local blocks = split(rss3_text, "\n\n")

local feed = {}
local items_array = {}
local site_hash = {}

for i=1,#blocks do
    local tmp_hash = {}
    for n, v in rex.gmatch(blocks[i], "(\\w ): (.*)", "", nil) do
        tmp_hash[n] = v
    end
    if i > 1 then
        table.insert(items_array, tmp_hash)
    else
        feed.site = tmp_hash
    end
end

feed.items = items_array

table_print(feed)

It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.

The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.

Inspirations for this page

My lack of CSS was inspired by these pages:

All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.

Heading 5

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Modern web browsers still support the <center> tag even though it was removed from the HTML spec in v4 or v5. Why did the HTML priesthood drop the center tag? Did the center tag make too much sense? It centers text horizontally. Simple. The HTML priesthood suggests using CSS to center text horizontally. But the center tag is semantically clear, at least to me. I'll let the HTML validators choke on the center tag. I'll continue to use because the web browser links2 -g still supports the center tag.

Heading 6

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Favorite minimal CSS inspired by one of the effing test pages, listed above:

body{
    /* font size approx 22 px */
    margin:1em auto;
    max-width:30em;
    padding:0 .62em;
    font:1.37em/1.62 sans-serif;
}
h1,h2,h3 {line-height:1.2;}
h1 {font-size: 1.65em;}
p {margin: 1.8em 0 1.8em 0;}
img {max-width: 100%;}
@media print{
    body{max-width:none}
}

An example page that uses the above CSS can be viewed at this page that is hosted at my Amazon AWS S3 bucket.

My sawv.org post titled Styling Text Articles Upward lists other simple pages that are hosted at on S3 bucket.

I like to test article pages in the following web browsers:

The Blackberry was work phone for my wife, back around 2010-2012. In the spring of 2018, I dug out that old Blackberry, got it charged, reset it, and connected it to our home's WiFi. I can use it for web browsing.

Footnotes

  1. Here is the text of the footnote itself. No Country For Old Men is one of my all-time favorite movies. Everything was excellent: the characters, the landscape, the slow pacing, the lack of a musical soundtrack, the writing, directing, and acting.

  2. At the Bowling Green fiber festival, held in late March 2018 I bought a 4.75-pound bag of raw fleece from a local farmer. I also spent about $800 on a new, two-pedal Lendrum spinning wheel.

By Nick Adams
Created on Mar 6, 2019

Published by Sora on .

home - info - search - #