Separate out Typography examples, speed up docs, and be pretty about it #175
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
This PR enables support for compiling
.yml
files inexamples/whatever.yml
as separate topdoc pages, available atdist/docs/whatever.index.html
. This allows us to break out cross-component examples or slow-loading examples as their own pages.It also adds support for using a smaller Typekit package is
lang
isn't present on any element and moves the Typekit JS file to the top of the doc, but waits for DOMContentLoaded before loading fonts so it knows if it needs the gigantic kit with all the languages or not. Though this doesn't make the gigantic docs page load much faster in most cases, this takes the total number of requests from 64 to 36, and the resource size from ~14mb to ~7mb.Finally, it adds a cute little loader while fonts are coming down the pipe.
Related Issue
Related to #7
Closes #174
Closes #173
Screenshots (if appropriate):
Types of changes