America's favorite Eleventy blog template. Built by Reese Schultz.
View the demo.
- Eleventy for static site generation. See
.eleventy.js
. - Nunjucks for templating.
- TailwindCSS for utility-first styling. See
tailwind.config.js
andsrc/styles/tailwind.css
. - Prism syntax highlighting for code with copy button scripting included via clipboard.js. See
src/styles/base.css
for the theme; andsrc/scripts/copy.js
, which is used bymain.js
. - Rollup for bundling and compiling. See
rollup.config.js
. - JavaScript-based privacy policy notice dismissal handling. See
src/scripts/privacy-policy.js
, which is used bymain.js
. - Tags.
- Pagination.
- Deploy script for GitHub Pages via
deploy.sh
, using thegh-pages
branch. Be sure to edit said script to work with your repository. Remember to also configure the repository appropriately. - Exemplary Flexbox usage.
- SEO mostly done for you. Ensure you replace the data referenced in
src/globals/site.json
, including the images inpublic/
.
git clone git@github.com:reeseschultz/11r.git
cd 11r && npm i
npm run dev
to serve the site.npm run build
to build the site../deploy.sh
to deploy the site to GitHub Pages (includes build).
Tags are styled in src/styles/tags.css
. Coloring custom tags works as such:
...
.tag.beer {
@apply bg-blue-700;
}
.tag.spirituality {
@apply bg-indigo-700;
}
.tag.orcas {
@apply bg-purple-700;
}
...
- This project was forked from 11ty Starter by Matt Waler.
- The code copying script was adapted from https://codepen.io/wilbo/pen/xRVLOj by Wilbert Schepenaar.
- SEO handling was inspired from Skeleventy by Joseph Dyer.
Find a problem, or have an improvement in mind? Great. Go ahead and submit a pull request. Note that the maintainer offers no assurance he will respond to you, fix bugs or add features on your behalf in a timely fashion, if ever. All that said, GitHub Issues is fine for constructive discussion.
By submitting a pull request, you agree to license your work under this project's MIT license.