<h2>Overview</h2>
<p>Eleventastic is a simple Eleventy Starter Kit that serves as a base for all new 11ty projects. It provides a range of features including a CSS pipeline, JS bundling, SVG icon sprite generation, critical CSS, and HTML minification. This starter kit eliminates the need for external builds as everything runs through 11ty. It is easy to install and deploy, making it a convenient choice for developers.</p>
<h2>Features</h2>
<ul>
<li><strong>CSS Pipeline (Sass, CleanCSS):</strong> Allows developers to use Sass for styling and optimizes the output using CleanCSS.</li>
<li><strong>JS Bundling (Webpack):</strong> Enables the use of ES6 syntax and transpiles the code to ES5 using Babel. The bundled code is minified in production.</li>
<li><strong>SVG Icon Sprite Generation:</strong> Automatically generates a symbol sprite file from SVG icons added to the designated folder. The filename is used as the symbol identifier, and the icons can be easily referenced using shortcodes.</li>
<li><strong>Critical CSS:</strong> Inlines critical CSS into the head of the homepage to improve performance. This is done using the critical package in an automatic transform.</li>
<li><strong>HTML Minification:</strong> Minifies the HTML output to optimize file size and improve loading times.</li>
<li><strong>No External Builds:</strong> All processes (CSS pipeline, JS bundling, etc.) run through 11ty, eliminating the need for external build tools.</li>
</ul>


<h2>Overview</h2>
<p>The Emergency Site Kit is a starter kit for emergency information websites. It aims to provide organizations with a quick and efficient way to publish critical information during emergencies. This project is built on the rule of least power, using simple technologies for maximum resilience. It generates static files using Eleventy and is optimized for first connection roundtrip. The kit includes basic styling for accessibility, one critical request for inlined CSS, Netlify CMS for content editing, and offline support with a service worker.</p>
<h2>Features</h2>
<ul>
<li>Static files generated by Eleventy</li>
<li>Optimized for first connection roundtrip (> 14KB)</li>
<li>Basic styling for accessibility</li>
<li>One critical request, inlined CSS</li>
<li>Netlify CMS for content editing</li>
<li>Offline support with service worker</li>
</ul>


<h2>Overview:</h2>
<p>mxb.dev is a personal website built with Eleventy. The source code for the website is open and available for others to use as a learning resource. However, it is not intended to be used as a template for creating identical websites. The website owner encourages others to reuse parts of the code with proper attribution, but copying the entire website and replacing the content to publish as their own is discouraged.</p>
<h2>Features:</h2>
<ul>
<li><strong>Personal Website</strong>: mxb.dev is a personal website created by the website owner.</li>
<li><strong>Built with Eleventy</strong>: The website is built using the Eleventy static site generator.</li>
<li><strong>Open Source</strong>: The source code of the website is open and can be accessed by others for learning purposes.</li>
<li><strong>Learning Resource</strong>: The website's source code is made available as a learning resource for others to understand and explore.</li>
<li><strong>Code Reusability</strong>: Users are encouraged to reuse parts of the codebase in their own websites with proper attribution.</li>
<li><strong>Not a Template</strong>: The website's source code is not meant to be used as a template for creating identical websites.</li>
<li><strong>Attribution Required</strong>: Users are required to attribute the original source code if they reuse parts of it in their own websites.</li>
<li><strong>Publishing Restrictions</strong>: Users are discouraged from copying the entire website, replacing the content, and publishing it as their own.</li>
</ul>


Maxboeck

Eleventastic

Emergency Site

Mxb