Full width images blocs app update#

вЂњThemedвЂќ versions for Portfolios/Creatives, Agencies, Digital Gardens, etc.So the answer will always be yes, it all depends on how much work it will take to do what you want.

Easy add Collections: Projects, Services, Jobs, etc.

More Structural controls for Index Page.

YouTube embed shortcode that allows you to control and add an iFrame title (required for accessability and Lighthouse scores), width/height ratio, and set the start time in вЂњm:ssвЂќ format so you donвЂ™t have to manually count the seconds.

Wrapper for managing blocks with background images, borders, etc.

Description Lists for content like FAQs, Lists, etc.

Custom Date display formats at the point of use.

SVG Sprites controls across the system and for inserting in.

Multi-column content (without writing CSS).

There are several Shortcodes (both single and paired) and Filters to allow Editors to manage: SEO overrides for OG and Twitter cards for Title, Description, and Images.

Featured Images (full-width banners at the top of the page just like in Wordpress).

(Actually, you can add those Hero types to ANY Page or Post just be using the Frontmatter.)

Heros (like on this home page) of types: carousel, graphic, video, and split.

md Posts and Pages files also allows you to manage:

And site-wide structures like max-width and display toggles of different content blocks in /src/_data/structure.js.

Social Share icons in the /src/_includes/components/socialshare.njk file.

Social Links icons in the Footer in /src/_data/social.json.

Site META and defaults in /src/_data/meta.js.

Colors of the NavBar, Headings, Buttons, etc.

FOUR native Posts List and Tags List layout in the src/_data/structures.js file via, postListStyle: and tagListStyle: keys.

Multiple Authors in /src/_data/authors.json.

вЂ¦other things IвЂ™m probably forgetting but will add when I think of them.

Contact form automagically works if hosted at Netlify.

Custom 404 which lists 10 most recent Posts.

Purged CSS and Minified source on production builds.

Webpack to bundle up Alpine.js and any custom JS you want to include.

Inlined CSS for the Prism Okaidia syntax highlight theme.100 Lighthouse scores across the siteвЂ™s Pages and Posts ( not just on pages with a little text and no images рџ‰).

Full width images blocs app update#

SIAB (site in a box) вЂ¦ Update the site settings in /src/_data/meta.js, content on the index.md and about.md pages, replace the /src/posts/*.md files with your own content and your new site is fully functional and ready to publish!.

In addition to the Structural, Color, and Frontmatter contols listed below, the system also has the following features baked in:

рџ”Ґ eleventy-tailwind-alpinejs-starter by Greg Wolanski.

рџ”Ґ eastslopestudio-eleventy-starter by Ryan Scherler.

рџ”Ґ eleventy-base-blog by Zach Leatherman.

Specifically, the following starter projects helped me understand the power and flexibility of 11ty and from their examples I was able to extend the functionality to build this system: First and foremost, I want to credit the 11ty community, especially those listed in the starter projects!