11r

America's favorite Eleventy blog template. Built by Reese Schultz.

View the demo.

Support

Need support or software customization? Read more about consulting with the maintainer, Reese, and other services he provides...

Features

• 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/.

Setup

1. git clone git@github.com: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).

Tag Styling

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;
}

...

Credits

• 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.

Contributing

Find a problem, or have an improvement in mind? Great. Go ahead and submit a pull request. Note that the maintainer, Reese, offers no assurance he will respond to you, fix bugs or add features on your behalf in a timely fashion, if ever, unless you reach an agreement with him about support...

By submitting a pull request, you agree to license your work under this project's MIT license.