with resized and optimized images.",
5 | "deprecated": "The function is available in the official [Eleventy Image plugin](docs/plugins/image/#html-transform)."
6 | }
--------------------------------------------------------------------------------
/src/_data/starters/11ty-plain-bootstrap5.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/mandrasch/11ty-plain-bootstrap5",
3 | "name": "11ty-plain-bootstrap5",
4 | "description": "Simple plain starter with 11ty and Bootstrap5 (via npm)",
5 | "author": "mandrasch",
6 | "demo": "https://mandrasch.github.io/11ty-plain-bootstrap5/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_includes/supporter-benefits.njk:
--------------------------------------------------------------------------------
1 | 1. Display your [name and avatar on the Eleventy documentation](/docs/supporters/). Monthly supporter avatars are listed in the footer of _almost_ all documentation pages.
2 | 1. Backer tier and above can join the [Eleventy Super Professional Business Network](/super-professional-business-network/).
--------------------------------------------------------------------------------
/src/_data/plugins/eleventy-plugin-speculation-rules.json:
--------------------------------------------------------------------------------
1 | {
2 | "npm": "eleventy-plugin-speculation-rules",
3 | "author": "reatlat",
4 | "description": "This plugin adds support for the Speculation Rules API, which allows defining rules by which certain URLs are dynamically prefetched or prerendered based on user interaction."
5 | }
6 |
--------------------------------------------------------------------------------
/src/_data/starters/11ty-gallery.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/httpsterio/11ty-gallery",
3 | "name": "11ty-gallery",
4 | "description": "A simple little photogallery project. Crops, resizes and generates json from your images. Requires Graphicsmagic, ffmpeg and jq.",
5 | "demo": "https://11ty-gallery.netlify.app"
6 | }
7 |
--------------------------------------------------------------------------------
/src/_data/starters/beginnersBase11ty.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "url": "https://github.com/Ewan-D/beginnersBase11ty",
4 | "name": "beginnersBase11ty",
5 | "description": "belt and braces starter for a blog. Includes 11ty's image, rss & navigation plugins + tailwind & fan art!",
6 | "demo": "https://trusting-pasteur-48f806.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-dot-js-blog.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://gitlab.com/reubenlillie/eleventy-dot-js-blog#readme",
3 | "name": "🍦.11ty.js",
4 | "description": "How to build an extensible blog with JavaScript templates (*.11ty.js files).",
5 | "author": "reubenlillie",
6 | "demo": "https://eleventy-dot-js-blog.netlify.app/"
7 | }
--------------------------------------------------------------------------------
/src/docs/docs.11tydata.js:
--------------------------------------------------------------------------------
1 | let data = {
2 | layout: "layouts/docs.njk",
3 | headerTitle: "Eleventy Documentation",
4 | feedTitle: "Eleventy Documentation",
5 | feedUrl: "/docs/feed.xml",
6 | };
7 |
8 | if (process.env.NODE_ENV === "production") {
9 | data.date = "git Last Modified";
10 | }
11 |
12 | export default data;
13 |
--------------------------------------------------------------------------------
/src/_data/starters/11ta.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/11ta/11ta-template",
3 | "name": "11TA",
4 | "description": "11TA is a deeply customizable, full-featured, ready-to-publish blog/marketing template system built with 11ty, TailwindCSS, & Alpine.js",
5 | "author": "shanerobinson",
6 | "demo": "https://11ta.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/11ty-blog-vanilla.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/dylnbk/11ty-blog",
3 | "name": "11ty-vanilla-blog",
4 | "description": "A very vanilla 11ty starter for a static blog site with paginated posts and integration with Netlify CMS",
5 | "author": "dylnbk",
6 | "demo": "https://11ty-blog-vanilla.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/11ty-innovative-intro.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/learnwithgurpreet/11ty-innovative-intro",
3 | "name": "11ty-innovative-intro",
4 | "description": "11ty Resume/CV powered by TailwindCSS with Light/Dark theme",
5 | "author": "learnwithgurpreet",
6 | "demo": "https://11ty-innovative-intro.netlify.app"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventyone.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/philhawksworth/eleventyone",
3 | "name": "eleventyone",
4 | "description": "is an Eleventy scaffold project created by the legendary Phil Hawksworth. Makes use of Eleventy and PostCSS.",
5 | "author": "philhawksworth",
6 | "demo": "https://eleventyone.netlify.app/"
7 | }
--------------------------------------------------------------------------------
/src/_data/starters/roxo-eleventy.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/StaticMania/roxo-eleventy",
3 | "name": "roxo-eleventy",
4 | "description": "Roxo is an 11ty starter project for creative agencies, freelancers, graphic designers, photographers",
5 | "author": "static_mania",
6 | "demo": "https://roxo-eleventy.staticmania.com/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/spacebook.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/broeker/spacebook",
3 | "name": "Spacebook",
4 | "description": "Create fast and simple documentation to explain almost anything. Using Eleventy, Tailwind 2.0, Alpine.js, and Netlify CMS (optional).",
5 | "author": "broeker",
6 | "demo": "https://spacebook.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/teatime-starter.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/alanmosely/teatime-starter",
3 | "name": "TEAtime Starter",
4 | "description": "A simple stylish Eleventy starter project using Tailwind CSS and Alpine.js that deploys to Netlify",
5 | "author": "alanmosely",
6 | "demo": "https://teatime-starter.netlify.app"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_includes/components/testimonials.css:
--------------------------------------------------------------------------------
1 | /* Testimonials */
2 | .testimonials-layout.fl {
3 | --fl-gap-h: 2em;
4 | --fl-gap-v: 2em;
5 | }
6 | .testimonials-layout.fl > * {
7 | flex-basis: 25em; /* 400px /16 */
8 | }
9 | .testimonials blockquote,
10 | .testimonials blockquote > p:first-child:last-child {
11 | margin: 0;
12 | }
13 |
--------------------------------------------------------------------------------
/src/_data/plugins/eleventy-plugin-future-post.json:
--------------------------------------------------------------------------------
1 | {
2 | "npm": "eleventy-plugin-future-post",
3 | "author": "johnwargo",
4 | "description": "Allows you to set a future publishing date for one or more posts and not generate (publish) them until you build the site after the selected date. Based on the Eleventy Base Blog Drafts plugin."
5 | }
6 |
--------------------------------------------------------------------------------
/src/_data/starters/11ty-midnight.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/sidswork/11ty-midnight",
3 | "name": "11ty-midnight",
4 | "description": "Minimalist dark mode starter template for 11ty with support for jsfiddle embeds and prismjs syntax highlighting.",
5 | "author": "sidswork",
6 | "demo": "https://11ty-midnight.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/11ty-no-style-please.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/stopnoanime/11ty-no-style-please",
3 | "demo": "https://11ty-no-style-please.netlify.app",
4 | "name": "11ty-no-style-please",
5 | "description": "A minimalist blog template for eleventy with Netlify CMS built in",
6 | "author": "stopnoanime"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-libdoc.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/ita-design-system/eleventy-libdoc",
3 | "name": "eleventy-libdoc",
4 | "description": "An Eleventy starter project to craft slick and responsive documentation",
5 | "author": "Olivier 3lanc",
6 | "demo": "https://eleventy-libdoc.netlify.app/",
7 | "featured": true
8 | }
9 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-web-starter.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/scottishstoater/eleventy-web-starter",
3 | "name": "Eleventy Web Starter",
4 | "description": "A lightweight Eleventy boilerplate utilising, esbuild Tailwind CSS and Post CSS.",
5 | "author": "scottishstoater",
6 | "demo": "https://eleventywebstarter.netlify.app"
7 | }
--------------------------------------------------------------------------------
/src/_data/starters/miayam.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/miayam/miayam",
3 | "name": "Miayam 11ty Starter Project",
4 | "description": "A brutalist 11ty starter project built with as little tooling as possible. Atomic Design, Webpack, Pug, SCSS, Vanilla JS",
5 | "author": "miayam",
6 | "demo": "https://docs.miayam.io"
7 | }
--------------------------------------------------------------------------------
/src/_data/starters/11ty-netlify-jumpstart.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://11ty-netlify-jumpstart.netlify.app/",
3 | "name": "11ty Netlify Jumpstart",
4 | "description": "Includes a minimal Sass framework, and generated sitemap, RSS feed, and social share preview images.",
5 | "author": "5t3ph",
6 | "demo": "https://11ty-netlify-jumpstart.netlify.app/"
7 | }
--------------------------------------------------------------------------------
/src/_data/starters/7ty.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://7ty.tech/",
3 | "name": "Seven",
4 | "description": "An eleventy template based on bootstrap4layouts. Includes webpack, sass version of bootstrap, vue.js powered search and a whole lot more.",
5 | "author": "planetoftheweb",
6 | "demo": "https://7ty.tech/",
7 | "excludedFromLeaderboards": true
8 | }
--------------------------------------------------------------------------------
/src/_data/starters/agencykit-11ty-starter.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/agency-kit/agencykit-11ty-starter",
3 | "name": "Agencykit-11ty-starter",
4 | "description": "Automatically generate large sites from Notion data with a single command. Powered by NotionCMS.",
5 | "author": "earlAchromatic",
6 | "demo": "https://bigdetector.com/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-esm-minimal:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/madrilene/eleventy-esm-minimal",
3 | "name": "eleventy-esm-minimal",
4 | "description": "A very minimal starter for Eleventy 3.0. Built with the help of CUBE CSS, Utopia and Every Layout.",
5 | "author": "lene",
6 | "demo": "https://eleventy-esm-minimal.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-neat-starter.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "url": "https://github.com/surjithctly/neat-starter",
4 | "name": "Eleventy NEAT Starter",
5 | "description": "Eleventy Starter Template with NEAT Stack - Netlify CMS, Eleventy, Alphine JS & Tailwind CSS",
6 | "author": "surjithctly",
7 | "demo": "https://neat-starter.netlify.app/"
8 | }
9 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-starter-typescript.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/c0derabbit/eleventy-starter-typescript/",
3 | "name": "eleventy-starter-typescript",
4 | "description": "Unopinionated, minimal starter with TypeScript templates.",
5 | "author": "c0derabbit",
6 | "demo": "https://eleventy-starter-typescript.vercel.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/fundamenty.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/creasoft-dev/fundamenty",
3 | "name": "Fundamenty",
4 | "description": "Multi-language support, SEO-friendly, GitHub/GitLab Pages-ready. TailwindCSS+Webpack.",
5 | "author": "ysahnpark",
6 | "demo": "https://fundamenty.netlify.app/",
7 | "excludedFromLeaderboards": true
8 | }
9 |
--------------------------------------------------------------------------------
/src/_data/starters/my-online-cookbook.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/maeligg/my-online-cookbook/",
3 | "name": "My Online Cookbook",
4 | "description": "An easily customisable starter kit to create your own cookbook of online recipes, using Netlify CMS.",
5 | "demo": "https://myonlinecookbook.netlify.app/",
6 | "author": "maeligg"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/wp-11ty.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/jhackett1/wp-11ty/",
3 | "name": "WP 11ty",
4 | "description": "A minimal example showing how to use the WordPress API to drive a static Eleventy frontend.",
5 | "author": "jhackett1",
6 | "demo": "https://githubbox.com/jhackett1/wp-11ty/",
7 | "excludedFromLeaderboards": true
8 | }
9 |
--------------------------------------------------------------------------------
/src/docs/projects.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | key: Eleventy Projects
4 | title: Guide
5 | parent: Eleventy Documentation
6 | order: 3
7 | ---
8 |
9 | # Guide to Eleventy Projects
10 |
11 |
12 |
13 | {{ "Eleventy Projects" | nav | eleventyNavigationToHtml({ showExcerpt: true }) | safe }}
14 |
15 |
--------------------------------------------------------------------------------
/src/_data/community/serverless-madlibs.js:
--------------------------------------------------------------------------------
1 | export default {
2 | url: "https://www.smashingmagazine.com/2021/10/static-first-madlib-generator-portable-text-netlify-builder-functions/",
3 | author: "brob",
4 | title:
5 | "Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions",
6 | key: "serverless",
7 | };
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-chirpy-blog-template.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/muenzpraeger/eleventy-chirpy-blog-template",
3 | "name": "Eleventy Chirpy Blog Template",
4 | "description": "11ty version of the popular Chirpy Jekyll blog template.",
5 | "author": "muenzpraeger",
6 | "demo": "https://eleventy-chirpy-blog-template.netlify.app/"
7 | }
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-google-docs-starter.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/jpoehnelt/eleventy-google-docs-starter",
3 | "name": "eleventy-google-docs-starter",
4 | "description": "A starter template for Eleventy that uses Google Docs as a CMS.",
5 | "author": "jpoehnelt",
6 | "demo": "https://eleventy-google-docs-starter.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-kickstart-blog.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/loctran016/eleventy-kickstart-blog",
3 | "name": "Eleventy Kickstart Blog",
4 | "description": "Kickstart your website with this production-ready template using 11ty, the new vite, tailwindcss and daisyui.",
5 | "demo": "https://eleventy-kickstart-blog.vercel.app/"
6 | }
7 |
--------------------------------------------------------------------------------
/src/_data/starters/11ty-academic-blog.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/CondensedMilk7/eleventy-academic-template",
3 | "name": "11ty-academic-blog",
4 | "description": "Academic blog template, supporting citations, math, optimized printing and more.",
5 | "author": "CondensedMilk7",
6 | "demo": "https://eleventy-academic-template.netlify.app/"
7 | }
--------------------------------------------------------------------------------
/src/_data/starters/elva.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/scottsweb/elva",
3 | "name": "elva",
4 | "description": "A multilingual, clean, green, 11ty starter theme. elva provides solid foundations for your next web project and a built in CMS (Front Matter CMS) for managing content.",
5 | "author": "scottsweb",
6 | "demo": "https://elva.scott.ee"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/community/serverless-search.js:
--------------------------------------------------------------------------------
1 | export default {
2 | url: "https://www.algolia.com/blog/engineering/building-server-rendered-search-for-static-sites-with-11ty-serverless-netlify-and-algolia/",
3 | author: "brob",
4 | title:
5 | "Building server-rendered search for static sites with 11ty Serverless, Netlify, and Algolia",
6 | key: "serverless",
7 | };
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-base-blog.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/11ty/eleventy-base-blog",
3 | "name": "eleventy-base-blog",
4 | "description": "How to build a blog web site with Eleventy.",
5 | "author": "eleven_ty",
6 | "demo": "https://demo-base-blog.11ty.dev/",
7 | "official": true,
8 | "order": 999,
9 | "npmStartScript": "start"
10 | }
--------------------------------------------------------------------------------
/src/blog/2020-10-15-state-of-eleventy-2020.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: "The State of Eleventy (2020) in Two Minutes"
3 | eleventyNavigation:
4 | parent: Blog
5 | ---
6 |
7 | - [Watch on YouTube](https://www.youtube.com/watch?v=ix5mPa6D7ZA)
8 | - Also posted on [zachleat.com](https://www.zachleat.com/web/jamsnack/).
9 |
10 | {% youtubeEmbed "ix5mPa6D7ZA" %}
11 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-agile-blog.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/mjgs/eleventy-agile-blog",
3 | "name": "eleventy-agile-blog",
4 | "description": "A minimal blog template using Eleventy, this one implements a simple agile development workflow so you can get stuff done",
5 | "author": "mjgs",
6 | "demo": "https://festive-haibt-b7ead0.netlify.app"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-excellent.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/madrilene/eleventy-excellent",
3 | "name": "eleventy-excellent",
4 | "description": "Opinionated Eleventy starter based on the workflow suggested by Andy Bell's buildexcellentwebsit.es.",
5 | "author": "lene",
6 | "demo": "https://eleventy-excellent.netlify.app/",
7 | "featured": true
8 | }
9 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-sanity-blog-boilerplate.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/kmelve/eleventy-sanity-blog-boilerplate",
3 | "name": "eleventy-sanity-blog-boilerplate",
4 | "description": "An eleventy + headless CMS blog boilerplate. Includes Sanity Studio, quick start, config and instructions for deploying on Netlify and `now`.",
5 | "author": "kmelve"
6 | }
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-stylus-blog-theme.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/ar363/eleventy-stylus-blog-theme",
3 | "name": "Purple: Eleventy + Stylus Starter Blog",
4 | "description": "A nice looking, simple blog theme built with Eleventy SSG and Stylus Preprocessor",
5 | "author": "ar363",
6 | "demo": "https://eleventy-stylus-blog-theme.vercel.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/supermaya.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/madebymike/supermaya",
3 | "name": "Supermaya",
4 | "description": "Supermaya is an Eleventy starter kit designed to help you add rich features to a blog or website without the need for a complicated build process.",
5 | "author": "MikeRiethmuller",
6 | "demo": "https://supermaya-demo.netlify.app/"
7 | }
--------------------------------------------------------------------------------
/src/_includes/components/text-throbber.webc:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/src/_data/starters/11ty-liquid-live-preview.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/maliMirkec/11ty-liquid-live-preview#readme",
3 | "name": "Eleventy Liquid Live Preview",
4 | "description": "A starter project for the simple Eleventy site that pulls the data from Contentful, but also allows the live preview on Contentful.",
5 | "demo": "https://11ty-llp.netlify.app/"
6 | }
7 |
--------------------------------------------------------------------------------
/src/_data/starters/11tyby.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/jahilldev/11tyby",
3 | "name": "11tyby",
4 | "description": "11tyby tries to emulate the great DX of Gatsby, but with 11ty! It's setup with TypeScript, SASS, CSS Modules, Webpack, Preact and more. All optimised for performance.",
5 | "author": "jahilldev",
6 | "demo": "https://11tyby.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-classic-blog-starter.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/TigersWay/eleventy-classic-blog-starter",
3 | "name": "Eleventy Classic Blog Starter (ECBS)",
4 | "description": "A starter template to build a classic `Hyde` blog with Eleventy.",
5 | "author": "tigerswaynet",
6 | "demo": "https://eleventy-classic-blog-starter.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/twelvety.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/gregives/twelvety",
3 | "name": "Twelvety",
4 | "description": "Twelvety is an Eleventy starter project built to be fast, with component architecture, CSS & JS pipelines, a responsive picture shortcode with WebP support and more",
5 | "author": "gregiv_es",
6 | "demo": "https://twelvety.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_includes/components/throbber.css:
--------------------------------------------------------------------------------
1 | text-throbber,
2 | is-land--text-throbber {
3 | display: block;
4 | line-height: 1.2;
5 | font-family: Roboto Mono, Consolas, Monaco, Andale Mono, Ubuntu Mono,
6 | monospace;
7 | -ms-word-break: break-all;
8 | word-break: break-word;
9 | -webkit-hyphens: manual;
10 | -moz-hyphens: manual;
11 | hyphens: manual;
12 | }
13 |
--------------------------------------------------------------------------------
/src/_data/starters/11ty-get-going.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/kevh-c/11ty-get-going",
3 | "name": "11ty-get-going",
4 | "description": "Get Going is an 11ty starter project for simple blogs, small sites and prototypes. Includes 11ty pagination, navigation, image and RSS examples",
5 | "author": "kevh-c",
6 | "demo": "https://mellow-crepe-c98c31.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-high-performance-blog.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/google/eleventy-high-performance-blog",
3 | "name": "Eleventy High Performance Blog",
4 | "description": "A high performance blog template for the 11ty static site generator.",
5 | "author": "cramforce",
6 | "demo": "https://eleventy-high-performance-blog-sample.industrialempathy.com/"
7 | }
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-tailwind-template.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/jeremydaly/eleventy-tailwind-template",
3 | "name": "Eleventy Tailwind Template",
4 | "description": "Starter template for building Eleventy static sites with Tailwind CSS automatically generating the corresponding styles and writing them to a static CSS file.",
5 | "author": "jeremydaly"
6 | }
7 |
--------------------------------------------------------------------------------
/src/_data/starters/hella-simple.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/huphtur/hella-simple-eleventy-tailwind-starter",
3 | "name": "Hella Simple 11ty + Tailwind CSS Starter",
4 | "description": "Just 2 dependencies, 2 npm scripts, and 1 Tailwind UI freebie to get you started.",
5 | "author": "huphtur",
6 | "demo": "https://hella-simple-eleventy-tailwindcss.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/pack11ty.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/nhoizey/pack11ty",
3 | "name": "pack11ty",
4 | "description": "An opinionated template for Eleventy projects, with automated collections from folders hierarchy, assets bundling (with Rollup and Sass), responsive images, Service Worker, etc.",
5 | "author": "nhoizey",
6 | "demo": "https://pack11ty.dev/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/docs/quicktips/draft-posts.md:
--------------------------------------------------------------------------------
1 | ---
2 | tiptitle: "Draft Posts using Computed Data"
3 | date: 2023-01-24
4 | ---
5 |
6 | This example has been simplified and [moved to the `addPreprocessor` documentation page](/docs/config-preprocessors.md#example-drafts). You can view the previous version of this page on the [`v2` documentation](https://v2.11ty.dev/docs/quicktips/draft-posts/).
7 |
--------------------------------------------------------------------------------
/config/object-has.js:
--------------------------------------------------------------------------------
1 | export default function (obj, key, insensitive = true) {
2 | for (let objKey in obj) {
3 | if (insensitive) {
4 | if (
5 | typeof objKey === "string" &&
6 | objKey.toLowerCase() === key.toLowerCase()
7 | ) {
8 | return true;
9 | }
10 | } else if (objKey === key) {
11 | return true;
12 | }
13 | }
14 | return false;
15 | }
16 |
--------------------------------------------------------------------------------
/src/_includes/snippets/layouts/mylayout.njk:
--------------------------------------------------------------------------------
1 | ---
2 | title: My Rad Blog
3 | ---
4 | {% raw %}
5 |
6 |
7 |
8 |
9 | {{ title }}
10 |
11 |
12 | {{ content | safe }}
13 |
14 | {% endraw %}
--------------------------------------------------------------------------------
/src/blog/2021-10-08-state-of-eleventy-2021.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: "The State of Eleventy (2021) in Two Minutes"
3 | eleventyNavigation:
4 | parent: Blog
5 | ---
6 |
7 | - [Watch on YouTube](https://www.youtube.com/watch?v=kcRtANKWCLQ)
8 | - Read a bunch more detail on [zachleat.com](https://www.zachleat.com/web/state-of-eleventy/).
9 |
10 | {% youtubeEmbed "kcRtANKWCLQ" %}
11 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | indent_style = tab
5 | indent_size = 2
6 | end_of_line = lf
7 | insert_final_newline = false
8 | trim_trailing_whitespace = true
9 | charset = utf-8
10 |
11 | [*.js]
12 | insert_final_newline = true
13 | indent_style = tab
14 |
15 | [*.json]
16 | indent_style = tab
17 |
18 | [*.css]
19 | insert_final_newline = true
20 | indent_style = tab
--------------------------------------------------------------------------------
/src/_data/starters/bootstrap-starter-kit.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/webpixels/bootstrap-starter-kit",
3 | "name": "Bootstrap Starter Kit",
4 | "description": "Minimal starter template for websites using Bootstrap 5 and Webpixels CSS next to the Eleventy static site generator.",
5 | "author": "webpixels",
6 | "demo": "https://webpixels-bootstrap-starter-kit.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-duo.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/yinkakun/eleventy-duo",
3 | "name": "Eleventy Duo",
4 | "description": "Eleventy Duo is a production-ready and SEO-friendly starter for building a blog or personal website. Comes with a customizable duotone theme, minimal and clean design.",
5 | "author": "yinkakun",
6 | "demo": "https://eleventyduo.netlify.app"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-filter-coffee-starter.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/Yeshwanthyk/eleventy-filter-coffee-starter",
3 | "name": "Eleventy Filter Coffee Starter",
4 | "description": "A simple Eleventy starter kit with css compiled with Gulp, image optimization with imagemin and asset hashing.",
5 | "author": "yesh",
6 | "demo": "https://filtercoffee.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-shortcomps.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/adamduncan/eleventy-shortcomps",
3 | "name": "eleventy-shortcomps",
4 | "description": "Starter project for static site by Adam Duncan, using Eleventy and shortcode components pattern.",
5 | "author": "duncanadam",
6 | "demo": "https://eleventy-shortcomps.netlify.app/",
7 | "excludedFromLeaderboards": true
8 | }
--------------------------------------------------------------------------------
/src/_data/starters/epic-css.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/jeremyfaucher/epic-css-11ty-theme",
3 | "name": "Epic CSS",
4 | "description": "Built in utility-first, Sass UI library 11ty theme and Epic CSS. Starter blog loop, categories and subcategories, breadcrumbs and all-in-one SEO file.",
5 | "author": "jeremyfaucher",
6 | "demo": "https://epic-css-11ty-theme.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/blog/2022-02-18-youtube-channel.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: New Eleventy YouTube Channel
3 | eleventyNavigation:
4 | parent: Blog
5 | key: Eleventy YouTube Channel
6 | ---
7 |
8 | [🎥 Eleventy has a new YouTube channel!](https://www.youtube.com/c/EleventyVideo)
9 |
10 | We’ll be sharing updates and community content over there. Like/dislike/subscribe/unsubscribe at your leisure!
11 |
--------------------------------------------------------------------------------
/src/api/fundraising-status.11ty.js:
--------------------------------------------------------------------------------
1 |
2 | function data() {
3 | return {
4 | permalink: "/api/fundraising-status.json",
5 | };
6 | }
7 | async function render(data) {
8 | return JSON.stringify({
9 | monthly: {
10 | value: parseFloat(data.opencollectiveMonthly.recurringAmount.toFixed(2)),
11 | currency: "USD",
12 | }
13 | }, null, 2);
14 | }
15 |
16 | export { data, render };
17 |
--------------------------------------------------------------------------------
/src/_data/demos/eleventy-serverless-demo.js:
--------------------------------------------------------------------------------
1 | export default {
2 | name: "Eleventy Serverless Demo",
3 | description: "The starter project to learn about Eleventy Serverless",
4 | category: ["serverless"],
5 | url: "https://demo-eleventy-serverless.netlify.app/",
6 | source_url: "https://github.com/11ty/demo-eleventy-serverless",
7 | twitter: "eleven_ty",
8 | authoredBy: ["zachleat"],
9 | };
10 |
--------------------------------------------------------------------------------
/src/_data/starters/11ty-tailscript.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/4lador/11ty-tailscript",
3 | "name": "11ty-TailScript",
4 | "description": "Minimalist, ready to use Eleventy starter project that embarks Tailwind, PostCSS (nesting, imports, media queries, minify), Fontawesome, Webpack, TypeScript and Vite",
5 | "author": "4lador",
6 | "demo": "https://vocal-licorice-a3b377.netlify.app"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/11ty-Contentful-Photo-Gallery.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/contentful/11ty-contentful-gallery",
3 | "name": "11ty-Contentful-Photo-Gallery",
4 | "description": "A Photo Gallery made using Contentful and 11ty, deployed via GitHub Actions and hosted on GitHub Pages.",
5 | "author": "shyruparel",
6 | "demo": "https://gallery.contentful.com/",
7 | "excludedFromLeaderboards": true
8 | }
--------------------------------------------------------------------------------
/src/_data/starters/hylia.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://hylia.website/",
3 | "name": "Hylia",
4 | "description": "is a lightweight Eleventy starter kit with Netlify CMS pre-configured, so that you can one-click install a progressive, accessible blog in minutes. ",
5 | "author": "piccalilli_",
6 | "source_url": "https://github.com/hankchizljaw/hylia",
7 | "demo": "https://hylia.website/",
8 | "disabled": true
9 | }
--------------------------------------------------------------------------------
/src/blog/2023-11-29-static-feedback.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: "Static Feedback #11: All about Eleventy"
3 | eleventyNavigation:
4 | parent: Blog
5 | ---
6 |
7 | {% youtubeEmbed "mZUTXX13X-I" %}
8 |
9 | > Zach Leatherman joins Mike Neumegen to discuss the background of Eleventy (11ty) and what the future holds for this static site generator.
10 |
11 | Thanks for having me on, Mike! And for episode #11 too 👀
12 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-netlify-boilerplate.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/danurbanowicz/eleventy-netlify-boilerplate",
3 | "name": "eleventy-netlify-boilerplate",
4 | "description": "A template for building a simple blog web site with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.",
5 | "author": "DanUrbanowicz",
6 | "demo": "https://eleventy-netlify-boilerplate.netlify.app/"
7 | }
--------------------------------------------------------------------------------
/src/_data/starters/frontenso-11ty-starter.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/frontenso/frontenso-11ty-starter",
3 | "name": "frontenso-11ty-starter",
4 | "description": "A production-ready starter that features Nunjucks, SASS, TailwindCSS, Webpack and ESNext. 11ty is responsible for building HTML only, the rest is built with Gulp. ",
5 | "author": "einomi",
6 | "demo": "https://frontenso-11ty-starter.netlify.app/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_includes/components/copy-button-id-assignment.js:
--------------------------------------------------------------------------------
1 | addEventListener("DOMContentLoaded", () => {
2 | document.querySelectorAll("[data-wa-copy-button-target]").forEach(island => {
3 | let id = island.getAttribute("data-wa-copy-button-target");
4 | let pre = island.closest(".syntax-highlight")?.querySelector("pre");
5 | if(pre && !pre.hasAttribute("id")) {
6 | pre.setAttribute("id", id);
7 | }
8 | })
9 | })
10 |
--------------------------------------------------------------------------------
/src/_includes/components/layout.css:
--------------------------------------------------------------------------------
1 | /* Layout component code */
2 | /* Upstreamed to use flex-luthor https://github.com/zachleat/flex-luthor */
3 | .fl pre {
4 | margin-left: 0;
5 | margin-right: 0;
6 | }
7 |
8 | /* WebC migration: This has moved in to flex-luthor.webc */
9 | .lo-c-center {
10 | display: flex;
11 | align-items: center;
12 | justify-content: center;
13 | }
14 | .lo-c-center > .fl {
15 | flex-grow: 1;
16 | }
17 |
--------------------------------------------------------------------------------
/src/_includes/components/subhed.css:
--------------------------------------------------------------------------------
1 | .subhed {
2 | display: block;
3 | font-family: system-ui, sans-serif;
4 | font-size: 0.9375em; /* 15px /16 */
5 | line-height: 1;
6 | font-weight: 400;
7 | text-transform: uppercase;
8 | letter-spacing: 1px;
9 | margin: 0;
10 | color: #666;
11 | text-align: center;
12 | border: none;
13 | }
14 | @media (prefers-color-scheme: dark) {
15 | .subhed {
16 | color: #adadad;
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/_includes/webc-attribute-guide.njk:
--------------------------------------------------------------------------------
1 | {% callout "info", "md-block", "Comparing WebC Attribute Data Types" -%}
2 | 1. [Attributes](#attributes-and-webcroot): HTML attribute strings.
3 | 1. [Properties](#props-(properties)): server-only private HTML attribute strings (not rendered to output).
4 | 1. [Dynamic Attributes and Properties](#dynamic-attributes-and-properties): evaluate as JavaScript (any data type, not just strings).
5 | {% endcallout %}
--------------------------------------------------------------------------------
/src/_includes/components/bundle.webc:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/src/_includes/snippets/pagination/nav/starter.njk:
--------------------------------------------------------------------------------
1 | {% raw %}
2 |
10 | {% endraw %}
11 |
--------------------------------------------------------------------------------
/src/_data/plugins/eleventy-img-magnifier:
--------------------------------------------------------------------------------
1 | {
2 | "npm": "eleventy-img-magnifier",
3 | "author": "teotimepacreau",
4 | "description": "Enlarge images and create a lightbox to view fullscreen. When hovering an img, the cursor is changed as a magnifying glass to indicates to the user that the img can be enlarged. A click and the img appears enlarged, through a fade-in animation and the background get darker. A click outside the image quit the enlarged view."
5 | }
6 |
--------------------------------------------------------------------------------
/src/_data/plugins/readme.md:
--------------------------------------------------------------------------------
1 | # Eleventy Community Plugins
2 |
3 | If you would like to add a plugin to [this](https://www.11ty.dev/docs/plugins/#community-contributed-plugins) list, create a PR adding a JSON file with the plugins name as the filename and the following content:
4 |
5 | ```json
6 | {
7 | "npm": "the npm package name of your plugin",
8 | "author": "Your Twitter username",
9 | "description": "A description of the plugin"
10 | }
11 | ```
12 |
--------------------------------------------------------------------------------
/src/_data/starters/1st_full_blogging_template.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/hidegh/jamstack-eleventy-custom/",
3 | "name": "1st Blog Template on 11ty with All-In Blogging Features",
4 | "description": "Full featured BLOGGING template - supporting: hierarchical categories, images in post folder, searching inside blogs, deployment, etc...all built up incrementally from the ground!",
5 | "demo": "https://hidegh.github.io/jamstack-eleventy-custom/"
6 | }
7 |
--------------------------------------------------------------------------------
/src/_includes/components/grid-layout.css:
--------------------------------------------------------------------------------
1 | /* Grid alternative */
2 | .lo-grid {
3 | --lo-grid-repeat: auto-fit;
4 | display: grid;
5 | margin: 0;
6 | grid-template-columns: repeat(
7 | var(--lo-grid-repeat),
8 | minmax(var(--lo-c-minwidth), 1fr)
9 | );
10 | grid-row-gap: var(--fl-gap-v, 0);
11 | grid-column-gap: var(--fl-gap-h, 0);
12 | }
13 | .lo-grid-fill {
14 | --lo-grid-repeat: auto-fill;
15 | }
16 | .lo-grid > * {
17 | margin: 0;
18 | }
19 |
--------------------------------------------------------------------------------
/src/_includes/snippets/pagination/nav/starter.liquid:
--------------------------------------------------------------------------------
1 | {% raw %}
2 |
10 | {% endraw %}
11 |
--------------------------------------------------------------------------------
/src/docs/testimonials.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | parent: Why Eleventy?
4 | key: Testmonials
5 | excludeFromSidebar: true
6 | ---
7 |
8 | # Testimonials
9 |
10 | Don’t just take my word for it. 🌈 Listen to what these happy developers are saying about Eleventy:
11 |
12 | {% for testimonial in testimonials | shuffle %}
13 |
14 |
15 | {%- testimonial testimonial -%}
16 |
17 | {% endfor %}
18 |
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-AgilityCMS-Starter-Blog.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/agility/agilitycms-eleventy-starter-2020",
3 | "name": "Eleventy-AgilityCMS-Starter-Blog",
4 | "description": "A starter blog using Eleventy and powered by Agility CMS with full page and module management. Uses TailwindCSS and Alpine.js.",
5 | "author": "joelvarty",
6 | "demo": "https://agilitycms-eleventy-starter-2020.vercel.app/",
7 | "excludedFromLeaderboards": true
8 | }
9 |
--------------------------------------------------------------------------------
/src/_includes/image-usage.njk:
--------------------------------------------------------------------------------
1 | {% callout "info", "md-block", "Eleventy Image Usage Types" %}
2 | - [Image HTML Transform](/docs/plugins/image/#html-transform): **Recommended**—start with this one! It’s the easiest to configure and is compatible with all template syntax.
3 | {{ "Image" | nav | eleventyNavigationToMarkdown({ showExcerpt: true }) }}
4 | {#- - [Images as Custom Templates](/docs/languages/custom/) (not yet on docs, probably discouraged) #}
5 | {% endcallout %}
--------------------------------------------------------------------------------
/src/_data/starters/eleventy-starter-boilerplate.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/ixartz/Eleventy-Starter-Boilerplate/",
3 | "name": "Eleventy Starter Boilerplate",
4 | "description": "🚀 Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog. ⚡️ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS.",
5 | "author": "Ixartz",
6 | "demo": "https://creativedesignsguru.com/demo/Eleventy-Starter-Boilerplate/"
7 | }
8 |
--------------------------------------------------------------------------------
/src/_data/starters/grease.json:
--------------------------------------------------------------------------------
1 | {
2 | "url": "https://github.com/adamstddrd/grease",
3 | "name": "Grease",
4 | "description": "Grease is a website starter that makes building performant, accessible, aesthetic websites fast & frictionless. It uses 11ty, Lightning CSS, and Esbuild, and includes a lightweight, declarative CSS architecture that sets you up for success.",
5 | "author": "adamstddrd",
6 | "demo": "https://web-grease.netlify.app/",
7 | "featured": true
8 | }
9 |
--------------------------------------------------------------------------------
/src/_includes/components/testimonials-list.webc:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | {%- for testimonial in testimonials | shuffle %}
7 | {%- if testimonial.featured %}
8 | {% testimonial testimonial %}
9 | {%- endif %}
10 | {%- endfor %}
11 |
12 |
13 |
17 | ${data.pagination.items.map(function(item) {
18 | return `- ${item}
`;
19 | }).join("")
20 | }
21 |
`;
22 | };
23 | {% endraw %}
24 |
--------------------------------------------------------------------------------
/src/_includes/components/flex-luthor.webc:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/_includes/snippets/pagination/paged-array.js:
--------------------------------------------------------------------------------
1 | {% raw %}
2 | export const data = {
3 | pagination: {
4 | data: "testdata",
5 | size: 2
6 | },
7 | testdata: [
8 | "item1",
9 | "item2",
10 | "item3",
11 | "item4"
12 | ]
13 | };
14 |
15 | export function render(data) {
16 | return `
17 | ${data.pagination.items.map(function(item) {
18 | return `- ${item}
`;
19 | }).join("")
20 | }
21 |
`;
22 | };
23 | {% endraw %}
24 |
--------------------------------------------------------------------------------
/src/_includes/snippets/pagination/nav/starter.cjs:
--------------------------------------------------------------------------------
1 | {% raw %}
2 | exports.render = function(data) {
3 | return ``;
11 | };
12 | {% endraw %}
--------------------------------------------------------------------------------
/src/_includes/snippets/pagination/nav/starter.js:
--------------------------------------------------------------------------------
1 | {% raw %}
2 | export function render(data) {
3 | return ``;
11 | }
12 | {% endraw %}
13 |
--------------------------------------------------------------------------------
/src/blog/2020-08-10-discord.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: Join our Discord Server!
3 | eleventyNavigation:
4 | parent: Blog
5 | ---
6 |
7 | It has been long requested that we create a space for the Eleventy Community to gather and hang out. A welcoming space for beginners to Eleventy to ask questions without some of the intimidation that might accompany opening a GitHub issue.
8 |
9 | Wait no longer. We have created a Discord server! Join us with this special invite code: [discord.gg/GBkBy9u](https://discord.gg/GBkBy9u)
10 |
--------------------------------------------------------------------------------
/src/docs/plugins.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | parent: Ecosystem
4 | key: Plugins
5 | order: 4
6 | communityLinksKey: plugins
7 | ---
8 | # Plugins
9 |
10 | Plugins are custom code that Eleventy can import into a project from an external repository.
11 |
12 | All _official_ plugins live under the `@11ty` npm organization and plugin names will include the `@11ty/` prefix.
13 |
14 |
15 |
16 | {{ "Plugins" | nav | eleventyNavigationToHtml({ showExcerpt: true }) | safe }}
17 |
18 |
--------------------------------------------------------------------------------
/src/docs/quicktips/quicktips.json:
--------------------------------------------------------------------------------
1 | {
2 | "layout": "layouts/quicktips.njk",
3 | "permalink": "/docs/quicktips/{{ page.fileSlug }}/",
4 | "feedTitle": "Quick Tips RSS Feed",
5 | "feedUrl": "/docs/quicktips/feed.xml",
6 | "tags": ["quicktips", "docs-quicktips"],
7 | "eleventyNavigation": {
8 | "parent": "Quick Tips"
9 | },
10 | "eleventyComputed": {
11 | "title": "Quick Tip: {{ tiptitle }}",
12 | "eleventyNavigation": {
13 | "key": "Quick Tip: {{ tiptitle }}"
14 | }
15 | },
16 | "excludeFromSidebar": true
17 | }
--------------------------------------------------------------------------------
/src/_includes/components/giant-docs-button-subtext.webc:
--------------------------------------------------------------------------------
1 |
16 |
17 | Todd and Bruce said this button should be bigger and as you can see they were right.
--------------------------------------------------------------------------------
/src/_includes/layouts/quicktips.njk:
--------------------------------------------------------------------------------
1 | ---
2 | layout: layouts/docs.njk
3 | ---
4 | {{ title | safe }}
5 |
6 | {{ content | safe }}
7 |
8 |
15 |
--------------------------------------------------------------------------------
/src/blog/2022-11-23-state-of-js.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: Represent Eleventy in the State of JavaScript Survey 2022
3 | eleventyNavigation:
4 | parent: Blog
5 | ---
6 |
7 | Looks like Eleventy is listed on this year’s [State of JavaScript Survey](https://stateofjs.com/) in the “Rendering Frameworks” section——it would be really lovely if our community were well represented in the data!
8 |
9 | Appreciate y’all!
10 |
11 | {% getScreenshotHtml "State of JavaScript", "https://stateofjs.com/" %}
12 |
--------------------------------------------------------------------------------
/src/_includes/components/node-minimum.webc:
--------------------------------------------------------------------------------
1 |
18 |
19 |
--------------------------------------------------------------------------------
/src/api/starters.11ty.js:
--------------------------------------------------------------------------------
1 | // Speedlify consumes this endpoint
2 | function data() {
3 | return {
4 | permalink: "/api/starters.json",
5 | };
6 | }
7 |
8 | function render(data) {
9 | let urls = [];
10 | for (let key in data.starters) {
11 | let site = data.starters[key];
12 | if (site.disabled || site.excludedFromLeaderboards) {
13 | continue;
14 | }
15 |
16 | if (!site.demo) {
17 | // console.log( "Missing url for", site );
18 | } else {
19 | urls.push(site.demo);
20 | }
21 | }
22 | return JSON.stringify(urls, null, 2);
23 | }
24 |
25 | export { data, render };
26 |
--------------------------------------------------------------------------------
/src/_includes/star-on-github.njk:
--------------------------------------------------------------------------------
1 | {% if github.stargazers %}{{ github.stargazers | humanReadableNum }}{% endif %} Star Eleventy on GitHub! This is an easy way to support our underrated project and help boost our rank on both GitHub and jamstack.org’s list of site generators.
--------------------------------------------------------------------------------
/src/blog/2024-10-17-wikipedia.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: "Eleventy (software) is now on Wikipedia"
3 | eleventyNavigation:
4 | parent: Blog
5 | external_url: https://en.wikipedia.org/wiki/Eleventy_(software)
6 | ---
7 | I will admit—I’m a bit excited to announce that we’ve finally made it. We have our own Wikipedia page!
8 |
9 |
10 | 
11 |
--------------------------------------------------------------------------------
/src/api/urls.11ty.js:
--------------------------------------------------------------------------------
1 | // Speedlify consumes this endpoint for the Eleventy Leaderboards
2 | function data() {
3 | return {
4 | permalink: "/api/urls.json",
5 | };
6 | }
7 | function render(data) {
8 | let urls = [];
9 | for (let key in data.builtwith) {
10 | let site = data.builtwith[key];
11 | if (site.disabled || site.leaderboard_excluded) {
12 | continue;
13 | }
14 | if (!site.url) {
15 | // console.log( "Missing url for", site );
16 | } else {
17 | urls.push(site.url);
18 | }
19 | }
20 | return JSON.stringify(urls, null, 2);
21 | }
22 |
23 | export { data, render };
24 |
--------------------------------------------------------------------------------
/src/blog/2020-06-15-jsnation-osawards-2020.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: JSNation Open Source Awards 2020
3 | eleventyNavigation:
4 | parent: Blog
5 | key: JSNation 2020
6 | ---
7 |
8 | Just want to highlight that Eleventy was nominated for the [JSNation Conference 2020 Open Source Awards category: Breakthrough of the Year]({{ "https://twitter.com/thejsnation/status/1272438620889190406" | canonicalTwitterUrl }}) alongside:
9 |
10 | - Deno
11 | - TailwindCSS
12 | - Alpine.js
13 | - Eleventy
14 | - Svelte.js
15 |
16 | [Winners for the category](https://osawards.com/javascript/2020) were Deno and Svelte.
17 |
--------------------------------------------------------------------------------
/src/blog/2022-11-28-state-of-eleventy-2022.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: "The State of Eleventy (2022) in Two Minutes"
3 | eleventyNavigation:
4 | parent: Blog
5 | ---
6 |
7 | - [Watch on YouTube](https://www.youtube.com/watch?v=EZfNr-YblBE)
8 | - Read a bunch more detail on [zachleat.com](https://www.zachleat.com/web/state-of-eleventy-2022/).
9 |
10 |
11 |
--------------------------------------------------------------------------------
/src/_includes/components/styleguide.css:
--------------------------------------------------------------------------------
1 | /* Style Guide */
2 | .elv-sg-component {
3 | background-color: #f9f9f9;
4 | border-top: 1px dotted #ddd;
5 | border-bottom: 1px dotted #ddd;
6 | margin: 2rem 0;
7 | }
8 | @media (prefers-color-scheme: dark) {
9 | .elv-sg-component {
10 | background-color: #222;
11 | }
12 | }
13 | .elv-sg-component:before,
14 | .elv-sg-component:after {
15 | content: " "; /* 1 */
16 | display: table; /* 2 */
17 | }
18 | .elv-sg-component:after {
19 | clear: both;
20 | }
21 | .elv-layout .elv-sg-component-full {
22 | margin-left: -1rem;
23 | margin-right: -1rem;
24 | }
25 |
--------------------------------------------------------------------------------
/src/blog/2022-04-22-three-million.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: Three Million npm Downloads!
3 | eleventyNavigation:
4 | parent: Blog
5 | ---
6 |
7 | **On March 25, 2022 Eleventy passed [three million lifetime downloads](https://npm-stat.com/charts.html?package=%4011ty%2Feleventy&from=2018-01-01&to=2022-03-25)!** We put up a nice [celebratory video on Twitter]({{ "https://twitter.com/eleven_ty/status/1513559535830671362" | canonicalTwitterUrl }}).
8 |
9 | {% youtubeEmbed "qP3GDtn-0BQ" %}
10 |
11 | (and on our [YouTube channel](https://www.youtube.com/watch?v=qP3GDtn-0BQ) too)
12 |
13 | Thanks for the support, y’all!
14 |
--------------------------------------------------------------------------------
/src/firehose-feed.11ty.js:
--------------------------------------------------------------------------------
1 | import activity from "../config/activity.js";
2 |
3 | const PERMALINK = "/firehose/firehose.rss";
4 |
5 | export default class {
6 | data() {
7 | return {
8 | permalink: PERMALINK,
9 | layout: false,
10 | eleventyExcludeFromCollections: true,
11 | };
12 | }
13 |
14 | async render() {
15 | const feed = await activity();
16 |
17 | return feed.toRssFeed({
18 | title: "The Eleventy Firehose",
19 | subtitle: "One centralized feed of Eleventy activity across the web.",
20 | language: "en",
21 | url: `https://www.11ty.dev${PERMALINK}`,
22 | });
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/src/docs/languages/jstl.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | parent: JavaScript
4 | key: JavaScript Template Literals
5 | layout: layouts/langs.njk
6 | excludeFromSidebar: true
7 | removedFeature: true
8 | ---
9 |
10 | | Eleventy Short Name | File Extension | npm Package |
11 | | ------------------- | -------------- | ----------- |
12 | | `jstl` | `.jstl` | N/A |
13 |
14 | {% callout "error" %}In Eleventy 1.0, the .jstl template extension was removed from Eleventy Core. It is recommended to use the JavaScript template type instead.{% endcallout %}
15 |
--------------------------------------------------------------------------------
/src/_includes/components/quicktips.css:
--------------------------------------------------------------------------------
1 | /* Quick Tips TOC */
2 | .quicktipstoc {
3 | font-size: 0.8888888888889em; /* 16px /18 */
4 | background-color: #eee;
5 | list-style: none;
6 | padding: 0.5em 1em;
7 | }
8 | @media (prefers-color-scheme: dark) {
9 | .quicktipstoc {
10 | background-color: #333;
11 | }
12 | }
13 |
14 | .quicktipstoc .active {
15 | font-weight: 600;
16 | }
17 | .quicktipstoc h3 {
18 | margin-top: 0;
19 | }
20 |
21 | @media (min-width: 37.5em) {
22 | /* 600px */
23 | .quicktipstoc {
24 | margin: 3% 0;
25 | float: left;
26 | border-radius: 0.25em;
27 | font-size: 0.8125em; /* 13px /16 */
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/imports/supporters.njk:
--------------------------------------------------------------------------------
1 | ---
2 | permalink: /imports/supporters.html
3 | ---
4 |
5 | {%- for supporter in opencollective.supporters %}
6 | {%- set nameToSlug = supporter.name | slugify | lower -%}
7 | {%- set avatarHtml %}{% opencollectiveavatar supporter %}{% endset %}
8 | {%- if avatarHtml != "" and supporter.showOnFacepile %}
9 |
{{ avatarHtml | safe }}
10 | {%- endif %}
11 | {%- endfor %}
12 |
14 |
--------------------------------------------------------------------------------
/src/docs/data-preprocessing.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | parent: Global Data Files
4 | key: Data Preprocessing
5 | order: 4
6 | excludeFromSidebar: true
7 | removedFeature: true
8 | ---
9 |
10 | # Global Data File Preprocessing
11 |
12 | {% callout "error", "md-block", "Feature Removed" %}This feature was removed in Eleventy 2.0. You can use JavaScript Data Files or Computed Data instead. If you’d like to read about this feature, please go the v2 documentation for Global Data File Preprocessing.{% endcallout %}
13 |
--------------------------------------------------------------------------------
/src/js/eleventy-js.njk:
--------------------------------------------------------------------------------
1 | ---
2 | permalink: js/eleventy.js
3 | eleventyExcludeFromCollections: true
4 | ---
5 | {% set js %}
6 | {% include "../../node_modules/@11ty/is-land/is-land.js" %}
7 |
8 | {% include "components/html-fetch.js" %}
9 | {% include "components/active-background.js" %}
10 | {% include "components/copy-button-id-assignment.js" %}
11 | {% include "../../node_modules/@zachleat/heading-anchors/heading-anchors.js" %}
12 | {% include "../../node_modules/@zachleat/details-utils/details-utils.js" %}
13 | {% include "components/eleventy-shell-syntax.js" %}
14 |
15 | {% include "components/search.js" %}
16 | {% endset %}
17 | {{ js | jsmin | safe }}
--------------------------------------------------------------------------------
/src/_includes/snippets/esmCjsTabs.njk:
--------------------------------------------------------------------------------
1 | {# uses codeContent #}
2 | {% set tabid %}tab-{% uid %}{% endset %}
3 |
4 |
5 | {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
6 |
7 | {%- if codeContent %}{{ codeContent | highlight("js") | safe }}{% endif %}
8 |
9 |
10 | {%- if codeContent %}{{ codeContent | esmToCjs | highlight("js") | safe }}{% endif %}
11 |
12 |
13 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 
2 |
3 | # 11ty.dev 🕚⚡️🎈🐀
4 |
5 | - https://www.11ty.dev/
6 |
7 | The website and documentation for the [Eleventy static site generator](https://github.com/11ty/eleventy/).
8 |
9 | ## Running Locally
10 |
11 | ```
12 | npm install
13 | npm run get-new-data
14 | npx @11ty/eleventy --serve
15 | ```
16 |
17 | Browse to http://localhost:8080/ (8080 is the default but it’ll bump to a new port if that one is taken, so use whatever port shows up when you run the `--serve` command).
18 |
19 | - Refresh Supporters: `npm run get-new-supporters`
20 |
--------------------------------------------------------------------------------
/src/_includes/components/opengraph-card.css:
--------------------------------------------------------------------------------
1 | /* Opengraph card */
2 | .opengraph-card {
3 | display: inline-flex;
4 | flex-direction: column;
5 | border: 2px solid #000;
6 | border-radius: .5em;
7 | overflow: hidden;
8 | text-align: center;
9 | font-size: 1.25em; /* 20px /16 */
10 | font-weight: bold;
11 | box-shadow: 0 0 0 3px var(--shadow-color, transparent);
12 | opacity: .8;
13 | }
14 | a[href].opengraph-card:focus,
15 | a[href].opengraph-card:hover {
16 | --shadow-color: rgba(234, 0, 255, 0.747);
17 | opacity: 1;
18 | }
19 | .opengraph-card span {
20 | display: block;
21 | margin: 0.5em;
22 | }
23 | .opengraph-card img {
24 | display: block;
25 | }
26 |
--------------------------------------------------------------------------------
/src/_includes/components/possum.css:
--------------------------------------------------------------------------------
1 | .elv-possum-anchor {
2 | display: block;
3 | }
4 | .elv-possum {
5 | position: absolute;
6 | right: 0;
7 | top: 0.5rem;
8 | transition: 0.3s opacity ease-out;
9 | }
10 | @media (max-width: 54.9375em) { /* 879px */
11 | /* Hide possum on docs only */
12 | .elv-possum-island {
13 | display: none;
14 | }
15 | }
16 |
17 | .elv-header-docs .elv-possum {
18 | width: 10vw;
19 | height: auto;
20 | aspect-ratio: 222 / 388;
21 | max-width: 3.75em; /* 60px /16 */
22 | }
23 | @media (min-width: 81.25em) { /* 1300px */
24 | .elv-header-docs .elv-possum {
25 | width: 15vw;
26 | max-width: 6.25rem; /* 100px /16 */
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/_includes/components/possum-home.css:
--------------------------------------------------------------------------------
1 | .elv-header-default {
2 | overflow: hidden;
3 | }
4 | .elv-header-default .elv-possum {
5 | --possum-top: 26%;
6 | pointer-events: none;
7 | width: auto;
8 | height: calc((60vh - 2rem) / 1.6);
9 | top: var(--possum-top);
10 | left: 1vw;
11 | right: auto;
12 | animation-duration: 180s;
13 | animation-name: balloonFloat;
14 | }
15 |
16 | @media (prefers-reduced-motion: reduce) {
17 | .elv-header-default .elv-possum {
18 | animation-duration: 0s;
19 | }
20 | }
21 | @keyframes balloonFloat {
22 | from {
23 | transform: translate(-7vw, var(--possum-top));
24 | }
25 | to {
26 | transform: translate(100vw, -52%);
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/_includes/snippets/pagination/nav/nextprev.njk:
--------------------------------------------------------------------------------
1 | {% raw %}
2 |
12 | {% endraw %}
--------------------------------------------------------------------------------
/src/docs/data.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | parent: Eleventy Projects
4 | key: Using Data
5 | title: Using Data in Templates
6 | order: 2
7 | communityLinksKey: data
8 | ---
9 |
10 | # Using Data
11 |
12 | Data can be used on a template from multiple different sources.
13 |
14 | - [Configure your Templates](/docs/data-configuration/): Set data to configure how your template behaves in Eleventy.
15 | - [Eleventy Supplied Data](/docs/data-eleventy-supplied/): Use data that Eleventy provides to you.
16 | - Set your own data anywhere in the [Data Cascade](/docs/data-cascade/) to render in your templates.
17 |
18 | ## Sources of Data
19 |
20 | {% include "datasources.md" %}
21 |
--------------------------------------------------------------------------------
/config/bundleJavaScript.js:
--------------------------------------------------------------------------------
1 | import esbuild from "esbuild";
2 | import { fileURLToPath } from "node:url";
3 |
4 | export async function bundle(entryPoints, outfile, options = {}) {
5 | return esbuild.build(Object.assign({
6 | entryPoints,
7 | platform: "browser",
8 | format: "esm",
9 | bundle: true,
10 | minify: true,
11 | // package names to exclude
12 | // external: [],
13 | banner: {
14 | js: `/* via ${entryPoints} */`,
15 | },
16 | outfile,
17 | }, options));
18 | }
19 |
20 | export async function bundleModulePath(componentPath, outfile) {
21 | let sourcefile = fileURLToPath(import.meta.resolve(componentPath));
22 | return bundle([ sourcefile ], outfile);
23 | }
24 |
--------------------------------------------------------------------------------
/src/blog/2020-08-11-mit.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: MIT’s new Digital Humanities site launches using Eleventy!
3 | eleventyNavigation:
4 | parent: Blog
5 | key: MIT Digital Humanities
6 | ---
7 |
8 | In another new exciting launch, we’ve learned that MIT’s new Digital Humanities site was built using Eleventy!
9 |
10 | You can see an interview about the new site on [Sanity’s Community Spotlight](https://www.sanity.io/blog/community-digest-summer-edition-part-1#the-new-mit-digital-humanities-website-a6af0b533b78) with [Bryan Robinson](https://bryanlrobinson.com/):
11 |
12 | {% youtubeEmbed "7U-1WnXpAnc" %}
13 |
14 | Awesome work by [Mike Wagz and the Self Aware crew](https://selfaware.studio/).
15 |
--------------------------------------------------------------------------------
/src/blog/2025-01-13-certification.md:
--------------------------------------------------------------------------------
1 | ---
2 | newstitle: Eleventy Super Professional Linkedin Certification
3 | eleventyNavigation:
4 | parent: Blog
5 | ---
6 | In the year 2025 Eleventy has launched an [official](https://fediverse.zachleat.com/@zachleat/113806138707510277) certification program! If you’d like to participate, please fill out the following form:
7 |
8 |
--------------------------------------------------------------------------------
/src/_includes/community-contributed.njk:
--------------------------------------------------------------------------------
1 |
2 |
3 | {% for entry in communityLinks -%}
4 | {%- set site = entry | convertCommunityLinkToSiteCard %}
5 | {% include "site-card.njk" %}
6 | {%- endfor %}
7 | {%- if communityLinksKey %}
8 | {%- for key, entry in community %}
9 | {%- if entry.key == communityLinksKey -%}
10 | {%- set site = entry | convertCommunityLinkToSiteCard %}
11 | {% include "site-card.njk" %}
12 | {%- endif %}
13 | {%- endfor %}
14 | {%- endif %}
15 |
18 |
19 |