mattdecampmattdecamp
13

Eleventonia

screenshot of Eleventonia
eleventy
scss

A mildly opinionated Eleventy starter.

GithubDemo

Overview

Eleventonia is a mildly opinionated Eleventy starter project that provides a range of features to build and deploy websites. It includes features such as HTML minification, a CSS pipeline, an Eleventy Dev Server, SVG icon sprites, RSS feed generation, and more.

Features

  • HTML Minification: Eleventonia automatically minifies HTML files during the build process.
  • CSS Pipeline: The theme uses SCSS, which is compiled to CSS using CleanCSS. The CSS is then included inline in the <head> of the base page template.
  • Eleventy Dev Server: Eleventonia includes a development server that allows you to quickly preview changes in real-time.
  • Eleventy SVG Icon Sprites: The theme supports SVG icon sprites for easy integration of icons into your website.
  • Eleventy RSS: Eleventonia generates an RSS feed for your website, allowing visitors to subscribe to your updates.
  • Date Formatting Filter: The theme includes a date formatting filter that allows you to easily format dates in your templates.
  • Post Excerpts: Eleventonia provides functionality to generate post excerpts, making it easier to display summaries of your blog posts.

Summary

Eleventonia is a feature-rich Eleventy starter project that provides a range of tools and functionalities to help you build and deploy websites. It includes features like HTML minification, CSS pipeline, SVG icon sprites, RSS feed generation, and more. With easy installation and comprehensive documentation, Eleventonia offers a solid foundation for creating modern and responsive websites using Eleventy.

eleventy
Eleventy

11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.