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
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/
.
Setup
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).
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.