The goal of this change was to speed up my CSS pipeline. Previously builds would take up to 30s because it had to rebuild the CSS for every page (I inlined the CSS).
This updates the pipeline to remain somewhat the same, but offloads the busywork of computing my theme CSS (my design system in other words), and is replaced by a mostly static file (`css/global/lilypad.css`), which I can update as my design system changes.
I also offloaded several of my utility classes as I know I will want to use them in other sites I design, so it made sense to move them as well.
The new pipeline makes use of 11ty's bundle feature (newly included in 11ty v3), which allows me to bundle all my CSS together into one file. Since I know my core styles like `lilypad.css` will always remain the same, I decided to keep that inline. I use the `transforms` feature for bundling to run a PostCSS transform on the bundled output, which resolves any imports and minifies the final output.
In order to cut down my build times even further, I removed my XML minifier - it was taking upwards of 3 seconds to minify XML to probably a small benefit to end users.
Reviewed-on: #4
Co-authored-by: Devin Haska <wonderfulfrog@noreply.git.cloud.haska.me>
Co-committed-by: Devin Haska <wonderfulfrog@noreply.git.cloud.haska.me>
Adds a new filter `convertRelativeLinks` that converts any relative link
to an absolute path
Adds an XML transform to minify the final output for smaller filesizes
Updates some data in meta
Adds a new macro for generating an RSS feed
* feat: upgrade to v3; install eleventy-upgrade-help
* feat: convert all files to esm
* feat: remove decapcms
* fix: remove unused filter
* feat: remove netlify packages
* feat: update image handling
- removes old image shortcode
- update to latest 11ty image transform plugin
* feat: update colophon
* fix: pill style; global style
Fixes an issue with <img> inside <figure> not being centered
* feat: remove linting packages
* feat: update package.json scripts
* feat: remove upgrade helper plugin
* feat: add new button style, update nav
* feat: simplify `pill` class usage
* feat: fix tag list in catalogue-item.html
* feat: move games into their own section
* feat: update node version to latest LTS
* feat: move books to their own section
* feat: move fun pages into pages dir
* feat: update index and book/game templates
* feat: add watching section
* fix: update scaling values for buttons
* feat: various css updates
* feat: update now page style
* feat: cleaning up newer posts using old shortcode
also adding markdown-it-attrs to add attrs to various markdown elements!
* fix: movie data structure
* feat: update colophon
* fix: remove text-skew from post excerpt text
* feat: add support for shows in /watching
* fix: update book tags
* feat: add complete implementation of books pages
other stuff happened too
* fix: image border-radius
* feat: update game layout and content
* feat: reorganize watching section
* feat: add contact page
* feat: small page changes
* feat: add podroll page
* feat: reorganize content directories
* feat: exclude podcasts from page output
* chore: delete guestbook page
* chore: remove bracket syntax for css classes in html
* feat: create macro for tag list
* fix: colophon update
* chore: remove last.fm data
* chore: clean up 11ty config
* fix: misc permalink fixes
* feat: add update post
* fix: media meta grid on mobile
* fix: tables on mobile
* fix: add titles to icon button links
* fix: add missing divider for movies/shows
* feat: add alternate feeds
* fix: tag cleanup
* feat: homepage content update
* fix: game meta data
* fix: update post dates
* feat: add missing link to changelog
* fix: update some asset URLs
* feat: add weekly-notes-10
* feat(weekly-notes-10): Add a little more
* feat(weekly-notes-10: proof-reading
* feat(weekly-notes-10): more content
* feat(weekly-notes-10): proof-read
* feat: add `flow` class to footnotes section
* fix: center images within picture element
* feat(weekly-notes-10): more content and added skip
