]> Witch of Git - web/blog/commit
Minify inline CSS, move syntax colors to bottom of page
authorCassie Jones <code@witchoflight.com>
Tue, 12 Nov 2019 04:37:37 +0000 (23:37 -0500)
committerCassie Jones <code@witchoflight.com>
Tue, 12 Nov 2019 04:42:21 +0000 (23:42 -0500)
commit9f487fb027a3810503f9e5353f73a790867e6414
tree2c336d91aeb68213f3438fbd257781bae438a24c
parent227ef3dd43742561b982918d1776632491e13f18
Minify inline CSS, move syntax colors to bottom of page

This improves both maintainability and performance because the CSS
can be written out-of-line, and then get inserted and minified.

The stylesheet tag for the syntax colors got moved to the bottom of
the page, because CSS in the head tag blocks rendering until it's
loaded. Inside the body is dependent on browsers, but they all support
it and in the worst case you just get the original blocking behavior.
.eleventy.js
_includes/layouts/layout.njk
_includes/style.css [new file with mode: 0644]
package.json
static/prism.css