Welcome to 11tyAI

A simple starter project for Eleventy with Webpack. Contains only what you need to start building your site. No bloat!

After using a lot of the great 11ty starter projects I decided to finally roll my own. I only included what I wanted and nothing more.

Git Repo

Some of the features include:

• 11ty
• PostCSS
• ES6
• BrowserSync
• HTML Minification
• Image Compression
• SVG Insertion - {{ '/src/img/yourSVG.svg' | svgContents | safe }}
• SCSS
• Navigation
• Pagination

There are some loops set up already in the SCSS files to generate helper classes I find useful, these include breakpoints, margins, padding, and font-size. Helper class examples are loosly based on Bootstrap.

• p-24 will add 24px padding the same for all sides, same and for margins m-24
• md-py-24 will add 24px padding to the top and botom only for medium screen sizes and up.
• text-colorName will make a text that color, the same with bg-colorName
• text-hover-colorName will hover to that color

Comments are in the scss files to show all of the options and explains how each works