@anydigital

0 Followers
1 Following
4 Posts

Meet 🥷 Blades:

Framework-agnostic, class-light #CSS blade kit

#Nunjucks / #Liquid batteries included for #11ty / #Eleventy / #BuildAwesome, #Jekyll, etc.

https://github.com/anydigital/blades

GitHub - anydigital/blades: Framework-agnostic, class-light CSS⁺ blade kit. Use with Pico, Tailwind, or any other CSS reset/framework 🥷

Framework-agnostic, class-light CSS⁺ blade kit. Use with Pico, Tailwind, or any other CSS reset/framework 🥷 - anydigital/blades

GitHub

@tlohde @hamatti @markllobrera I'm heavily using named sections:

`<!--section:name-->` via filter ` | section: name`

The whole website https://blades.ninja is built using this technique, you can see those sections injected inside .md files: https://github.com/anydigital/blades/blob/main/README.md?plain=1

The filter can be installed via https://github.com/anydigital/eleventy-blades plugin like this:

``` eleventyConfig.addPlugin(eleventyBladesPlugin, { filters: ["section"] });
```

Btw, you might want to use it in pair with https://github.com/anydigital/eleventy-blades/blob/main/src/filters/fetch.js 🥷

Blades

A question for the #11ty and #nunjuck wizards...my markdown files get fed into the template with {{ content | safe }}.

What if, say, I want to split my content up and scatter it across the template...

{{ firstBitOfContent | safe }}
<div>
...misc other html...maybe an image...
</div>
{{ secondBitOfContent | safe }}

Is there some magic shortcode/filter thing...that means I could achieve this whilst having it still in one markdown file....

## My subheading
and this is my first bit of content

{% magic shortcode/filter thing %}

and this is the second part of my content

Does this make any sense?

I see some of the 11ty starters (like this one https://github.com/StaticMania/roxo-eleventy/blob/master/src/index.md?plain=1) rely heavily on frontmatter for complex templating... I'd rather not go down that path

#madewith11ty #eleventy #templating

roxo-eleventy/src/index.md at master · StaticMania/roxo-eleventy

Contribute to StaticMania/roxo-eleventy development by creating an account on GitHub.

GitHub