This is a repository for my webpage built on a static-site generator Eleventy to create a landing page for all my projects and thoughts. This project has been strung together with the help of all sorts of awesome 11ty developers worldwide!
All build processes rely on how NODE_ENV is set. For production builds, which means minified CSS and JS, you must set the value to production. I mention this explicitly as this is for some vendors, not the default.
If you want to speed up your build times, you can add the generated images to your git repo. The .gitignore already contains a comment section for that.
This repo uses Volta. You can get it, and it'll make your node life so much easier.
Clone this repository.
git clone https://github.com/mblackman/milehighcoder-dot-comChange into the cloned directory.
cd milehighcoder-dot-comInstall dependencies. Note, if you prefer npm over yarn make sure to first remove the yarn.lock file, and then run npm install.
yarn installRun the local server.
yarn devOpen the page, usually on http://localhost:8080, and dig around!
Animated images can be taken from mp4 format and converted into webp using this command.
ffmpeg -i input.mp4 -vcodec libwebp -filter:v fps=fps=20 -lossless 1 -loop 0 -preset default -an -vsync 0 -s 500:500 output.webp- Experience the Live Site: Visit www.milehighcoder.com for the full experience.
- Contribute: Feel free to suggest improvements or open issues on this GitHub repository.
Based on the awesome template eleventy-chirpy-blog-template by muenzpraeger.
The UX of this template is based on the popular Chirpy template, just with a different tech stack. If you prefer to run Jekyll and Bootstrap, check out Chirpy here. It's great.
Also, big thanks to the authors of the 11ty High-Performance Blog.