Natron's New Website!

This website uses Jekyll, get that here.

cd to the git repo

bundle install to install all the dependencies

bundle exec jekyll serve to start Jekyll @ localhost:4000

Navigate to localhost:4000 in the browser and get going!

Name classes that are page specific with the following format:

pageprefex-previousclass-classname

Example:

index-featurecards-cardbody

Globally styled containers don't need to be mentioned in these names.

Keep indenting clean and follow the existing standards of the files.

Jekyll is a static site generator and relative file URLs don't really work unless you hardcode them which requires thinking and doesn't work for stuff like navigation. To fix this there is a file called baseurl.html that tells Jekyll how to link things nicely and relatively! Place {{base}} directly before any link that links to a resource inside the website and refer to this resource as a path straight from the home directly. Think of it as automatically handling the ../'s for you... because that's exactly what it's doing! For more information see this website.

All colour variables are referenced as both P3 and an sRGB fallback. Variables can be found and set in _sass/_global.scss.

SVGs can only have their colours set with variables if they exist in the DOM. This matters most for SVGs set to our brand colours & 100% white. If the SVG is not using these colours it doesn't have to be embedded! Otherwise, it should be.

Websites are tricky, licensing is mixed.

• Our website code is licensed under the GPL V2
• Our website content is licensed under something to be determined!
• Inter is licensed under the SIL Open Font License.
• BoxIcons is licensed under CC4.0.
• Sass MQ is licensed under the MIT License.