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 and src/styles/tailwind.css.
• Prism syntax highlighting for code with copy button scripting included via clipboard.js. See src/styles/base.css for the theme; and src/scripts/copy.js, which is used by main.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 by main.js.
• Tags.
• Pagination.
• Deploy script for GitHub Pages via deploy.sh, using the gh-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 in public/.

1. git clone [email protected]:reeseschultz/11r.git
2. cd 11r && npm i
3. npm run dev to serve the site.
4. npm run build to build the site.
5. ./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-teal-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.