Eleventy Stylus Blog Theme

Overview

The Eleventy + Stylus Blog theme is a theme repository that contains a blog built with Eleventy and Stylus. It offers a range of features including 100% Lighthouse scores, a toggleable dark theme, tags as taxonomy, integrated navigation plugin, Atom RSS Feed generation, sitemap generation, support for non-post pages, and a modular type scale implemented with Stylus.

Features

• 100% Lighthouse scores: The theme ensures high performance, accessibility, best practices, and SEO optimizations, resulting in a perfect Lighthouse score.
• Toggleable dark theme: Users have the option to switch between a light and dark theme. The theme preference is stored in localStorage, allowing the selection to persist between page loads.
• Tags as taxonomy: The theme utilizes tags as a taxonomy system, categorizing blog posts based on relevant topics.
• Stylus CSS preprocessor: Stylus is integrated as the CSS preprocessor, enabling easier and more efficient styling of the blog theme.
• Integrated with Eleventy's official navigation plugin: The theme seamlessly integrates with Eleventy's official navigation plugin, facilitating easy navigation between different sections of the blog.
• Atom RSS Feed generation: The theme generates an Atom RSS Feed using Eleventy's official RSS plugin, making it easier for users to stay updated with the blog content.
• Sitemap generation: The theme automatically generates a sitemap, improving search engine visibility and ensuring that all pages are easily discoverable.
• Non-post pages support: In addition to blog posts, the theme supports non-post pages such as an About page or a Contact page, allowing for a versatile and comprehensive website.
• Modular type scale implemented with Stylus: The theme implements a modular type scale using Stylus, ensuring consistent and visually appealing typography throughout the blog.