```

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 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.

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: TBD
  • 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 Averia with a fallback to an all caps EB Garamond, then Source Serif Pro, and then finally to a generic 'sans-serif'.

General text is set to the EB Garamond regular font with a fallback to generic serif. Headers are set in Source Sans Pro with a fallback to, as expected, sans-serif.

More technical content has headers set to the Overpass font, chosen for readability without excess flourish. And text content set to the no nonsense 'Source Serif Pro'.

For specific use cases, we also like Ruji's Handwriting Font v2 handwriting font.

The corresponding css font properties may look like this.

/* text */
font-family: 'EBGaramond12Regular', 'Source Serif Pro', 'serif';

/* headers */
font-family: 'AveriaRegular', 'EBGaramond12AllSCAllSC', 'Source Sans Pro', 'sans-serif';
font-weight: 900;

/* technical content: headers */
font-family: 'OverpassRegular', 'sans-serif';
/* technical content: text */
font-family: 'Source Serif Pro', 'serif';

/* other content: text (lots like hand-printing) */
font-family: 'RujisHandwritingFontv20Medium', 'OverpassRegular', 'sans-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 January 03, 2019