Colophon

colophon

O beatissime lector, lava manus tuas et sic librum adprehende, leniter folia turna, longe a littera digito pone.*

A lot of moving parts are inherent to the development of a blog, journal, website, or other digital artifact. This describes the tools and components used, and the usage rights applied in the development, management, and publishing of Errant Ruminant's digital presence.

Content Licensing

    Only one thing is impossible for God:
    To find any sense in any copyright law on the planet.
    —Samuel Clemens (Mark Twain)

Unless otherwise indicated, all content found published to this website is available under the Creative Commons Attribution NonCommercial ShareAlike 4.0 International (CC by-NC-SA 4.0 Int.) license, or any later version.


A summary of the terms of this license is available, as well as its detailed terms.

Rights associated to the trademarks and service marks of Errant Ruminant, as well as the look and feel of this website, are not licensed under the terms mentioned above. However, I support you making full use of your rights under fair use, fair dealing and other exceptions and limitations. This page also includes a brief privacy policy.

Your Privacy

I use MailChimp to manage subscribers and a mailing list. I will not sell your data and I will not abuse the relationship I have with you by bludgeoning you with spam and offers for services and such. I'll keep the relationship to news and occassional announcements. If you feel I am pinging you too much, please send me feedback. Your data will stay with me except for the data MailChimp needs to operate. They promise something similar (not to abuse this data). Check out their privacy policy here: https://mailchimp.com/legal/privacy/.

I'm just a dude that writes about stuff and some of you find it interesting enough to subscribe. I appreciate your interest. That's the extent of my privacy policy. I just hope you enjoy my photos, ramblings, and whatnot. Have a wonderful day.

Technical Construction

Basic Infrastructure

Development Tools

  • Todd's laptop: Fedora Linux workstation
  • Image manipulation: GIMP and Inkscape
  • Offline document development and brainstorming: Joplin
    Instructions for installing Joplin on Fedora Linux can be found here.

Images, Text and Fonts, Color Pallet

Image formatting

Imagery is edit and manipulated using the Inkscape and GNU Image Manipulation Program, GIMP software applications. Complex custom content is often developed first in Inkscape, saved as a SVG vector graphic, then outputted to a PNG graphic, and if need by, scaled down and cropped using GIMP. Individual components needed by an Inkscape project (example, individual raster images), are usually edited in GIMP first, utilized by Inkscape, with the resultant export, again edited with GIMP.

There is a constant struggle to balance beautiful imagery with the needs to of the internet (size of image).

Image dimensions for the website

  • Article header images and those that span the breadth of an article: 800px wide.
  • Cover: Width should be approximately 1/2 Height (example, 600x1200)
  • Icon: 60x60px
  • Logo: 600x72px
  • Profile: 600x600px
  • Post/Entry images: 1000px+ for full width
    . . . more to come . . .

Content development

This site's content (articles and blog/journal entries) is developed offline (see Joplin above) and formatted as Markdown, which is then uploaded directly to the Ghost platform CMS with little or no adjustment.

Theme and Fonts

This website runs atop the open source Ghost publishing platform and utilizes the Massively theme (customized through styling and adjusted templates).

The site structure has been customized to lead with a landing page. While pages remain pages, /blog/ follows native blog-ish structure.

Header text is generally set to Avería Sans Libre with a fallback to Fira Sans Book, and then finally to a generic 'sans-serif'.

Main content: Crimson Pro. Prior versions of this website were set to the Libre Caslon Text font.

Monospaced content: Fira Mono

More technical content has text content set to 'Fira Sans Book' and 'Fira Mono'.

Other specific use cases may call for one-off usage of various fonts, such as Chilanka, Fira Sans Book, Crimson Text, Croscore Cursor, Overpass, and Overpass Mono

The corresponding css font properties may look like this.

/* headers */
font-family: MyAveriaSans, 'Fira Sans Book', sans-serif; /* h1 */
font-family: MyAveriaSans, sans-serif; /* other headers */
font-weight: 900;
/* text */
font-family: 'Crimson Text', serif;
/* code/pre-formatted */
font-family: 'Fira Mono',  monospace;

/* alternative content: technical */
/* text */
font-family: 'Fira Sans Book', sans-serif;
/* code */
font-family: 'Fira Mono', monospace;

/* alternative content: cursive */
/* headers */
font-family: MyAveriaSans, sans-serif;
/* text*/
font-family: MyChilanka, MyAveriaSerif, serif;

Text color:

  • off-black with a hint of blue: color: #212931;
  • links:
    • visited/link - dark umber: color: #3b2609ff;
    • hover - light umber: color: #ae6f1aff; and sometimes light blue: color: #18bfef;

General color palette

Shades of gray with occasional splashes of color. Dark background. Light foreground (content region). Off-black, bluish text (see above).

Styling

The Chicago Manual of Style is adhered to, until it is not.


* Translation: "O most gracious reader, wash your hands and touch the book only like this: turn the pages softly and keep your finger far away from the text". —source: Colophon (publishing), Wikipedia, The Free Encyclopedia


Published November 2, 2019 || Updated June 14, 2020
Please add todd+ruminations@errantruminant.com to your contacts and