More Article Format Testing

Will this process ever end?

created Dec 2, 2017

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.

Heading three

We'll still patronize the Kathy's Confections coffee and doughnut shop, located within walking distance of our home. But we enjoy all of the small, locally-owned coffee shops that have opened in recent years in Toledo.

Next, we shopped at the Toledo Farmers Market, located near the Erie Street Market in the Warehouse District of downtown Toledo. We bought the usual items, such as produce (winter produce now), eggs, honey, etc. I bought a maple-bacon doughnut from the Holey Toledough doughnut truck, located next to the market. It tasted fantastic. A plain doughnut would be excellent.

From downtown Toledo, we drove to the Toledo Botanical Garden, located at the western edge of the city, next to Sylvania. The art and craft guilds sell their crafts and artwork on one weekend in December. It's called "Heralding the Holidays." It's one of our favorite art and craft events for the entire year in the Toledo area.

Heading four

At the garden, we purchased a few items as gifts for others, and I bought fingerless gloves from a new fiber vendor, called Branching Out Studio, managed by Christie Clark. Her tag line states, "Nature-inspired art and fiber." We enjoyed this studio or setup a lot.

We like all the small buildings that exist at the Botanical Garden. Different building house the works of different guilds, such as glass, watercolor, weaving, photography, pottery, and more.

Branching Out offers classes in felting, crochet, paper, dyeing, and more.

We also visited with a local alpaca farmer who brought two of his alpacas to the garden for people to admire. They are fun, interesting critters. They make these low, grumbling noises or grunts. The farmer had a pen setup outside. His farm is located near Swanton. He has 20 alpacas. He sends the fleece off to be milled into yarn. He sells the yarn at his farm and maybe elsewhere.

From the alpaca farmer's business card:

Deb got inspired by the works of guild members, and we stopped at Jo Ann's on the way home. I went inside too and perused yarn. But we did not buy anything. They didn't have the fabric that Deb wanted, and the checkout line was amazingly long.

this is a code line 
this is a second code line
and a third code line

Last evening, Deb was a participating vendor in a small craft show, held at Elmhurst Elementary School, which is located two blocks from our home. The school can be seen from our front yard. Deb sold a few baby-related items, such as blankets and bib cloths. Deb needs to create new Punkin Pie Designs business cards with correct contact info. I should work on the website.

I went with Deb to the craft show, helping with loading and unloading, setup and take down. I hung out and crocheted a baby blanket. I enjoyed it.

The Elmhurst craft show contained a few dozen vendors. It ran from 6:00 p.m. to 9:00 p.m., but little traffic passed through, during the final hour. It's always good to practice setting up and determining what we can haul in our Ford Fusion.

But back to Saturday, we went home after our Jo Ann's experience. We weren't home for long though. We met Chris at the Mason Jar around 6:00 p.m. for dinner. The Mason Jar is a mid-sized bar and restaurant, located along Secor Road, a few miles north of the Ohio-Michigan line. They offer interesting food options and good beer.

Deb and I enjoyed a fabulous-tasting brown ale from a Saugatuck, Michigan brewery. We ordered another, but the Mason Jar ran out. I ordered a cheeseburger, which was tasty. Shared a cheesey, artichoke or spinach dip appetizer that came with tortilla chips.

We took our time ordering and eating. We had not seen Chris for several weeks, therefore we caught up. We stayed at the Mason Jar for over 2.5 hours.

It was a fine day and evening, visiting small, local businesses, farmers, bakers, artists, and crafters and chatting with a good friend.


This template does not use Microformats nor 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.

If I want to use system fonts, then I need to use the following CSS.

body {font-family: system-ui, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Verdana, "Helvetica", sans-serif;}

I should check for any updates to the system fonts list.

If I want the code block to scroll horizontally, instead of wrapping the text, then I need to use the following CSS.

pre, code {overflow-x: scroll; overflow-y: hidden;}

Personally, I prefer the horizontal scroll of long code within a block, but some older browsers don't support that CSS. But I rarely use the code block.

I like using <pre> to display tabular data if it's a small block. If it's a larger block, then it would need to scroll horizontally.


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 Feb 27, 2019 - Updated on Mar 6, 2019

Published by Sora on .

home - info - search - #