About > Site

What's with the name?

I would like to say that it was divine revelation, but the name is actually the result of a process of trial and error. Most of the domain names that originally came to mind were already registered. Finally, "SonSpring" was decided upon because it symbolizes glorifying Christ as our wellspring of life.

SonSpring pixel font

Plus, I was really into hand drawing pixel fonts back then. Something about this one felt right. I liked how the letterforms enforced capitalization of S characters within the logo. And the dot over the i seemed to be carved from negative space under the r.


Hosting

Cloud computing technology is increasingly considered a commodity. Yet when it comes to choosing a company to host your sites, the old adage still rings true.

"You get what you pay for."

I have tried a myriad of hosting providers, from low-budget to high-end, each with mixed results.

Now I host all my sites with DreamHost. I have found their service strikes a good balance between features and ease of use, all without breaking the bank. They offer…

  • Unlimited bandwidth
  • Unlimited storage
  • https certificates
  • multi-factor security

Content management

In past iterations, this site has run on Textpattern and Drupal respectively. Both are fine sytems in their own right, but I grew tired of keeping up with various CMS updates and PHP deprecations.

The current version of this site was built using the static site generator Eleventy, which runs on Node.

  • Page templating is handled via Nunjucks.

  • Content is authored in Markdown.

  • HTML Minifier compresses all of my markup into the smallest possible payload.

I use Sass to write my styles, with some extras.

  • Autoprefixer handles browser compatibility flags like -moz-tab-size, etc.

  • PurgeCSS compares HTML throughout the site, and removes unused CSS selectors.

When I am ready to deploy, everything compiles down nicely to flat HTML and CSS files.


NPM packages

These are the devDependencies used to generate this site.

Refer to the NPM docs to read more about installing packages.

{
"devDependencies": {
"@11ty/eleventy": "^0.11.1",
"@11ty/eleventy-navigation": "^0.1.6",
"@11ty/eleventy-plugin-rss": "^1.1.0",
"@11ty/eleventy-plugin-syntaxhighlight": "^3.0.6",
"autoprefixer": "^10.2.4",
"browserslist": "^4.16.3",
"eslint": "^7.21.0",
"eslint-config-prettier": "^8.1.0",
"eslint-plugin-prettier": "^3.3.1",
"html-minifier": "^4.0.0",
"husky": "^5.1.3",
"lint-staged": "^10.5.4",
"luxon": "^1.26.0",
"markdown-it": "^12.0.4",
"md5": "^2.3.0",
"npm-run-all": "^4.1.5",
"postcss": "^8.2.6",
"postcss-cli": "^8.3.1",
"prettier": "^2.2.1",
"purgecss": "^4.0.2",
"sass": "^1.32.8",
"terser": "^5.6.0"
}
}