website
Goals
- Learn eleventy
- Learn to use build scripts and continuous integration
Description
This is the website you are reading this description on. The design is based on a one page site I made a while back which has now been converted to templates so it is easy to add new pages.
The site is generated using Eleventy which stitches together some HTML and Nunjucks files to create the website. It uses a simple script to generate this site, with only some small configuration changes. These allow for HTML attributes to be specified in the Markdown files, for containers to be created around lines of Markdown, and minifies the HTML files using a transform which cuts the filesize down by around 10%.
Once the site is built with Eleventy, there is a postCSS script that is ran to autoprefix and then minify the CSS. There are some npm scripts that can be ran to automate the above processes.
Continuous Integration has been set up using Travis which listens for changes in a GitHub branch, runs the npm script to build the project and (if everything goes well) will then push the changes to the master branch. Once there, the project will be picked up and deployed to Github Pages automatically.