I wrote a small plugin to include code and outputs from #Jupyter notebooks in @eleventy sites. If this is something you might need, feel free to try it out and let me know how it goes.

- Repository: codeberg.org/vpratz/eleventy-p…
- Blog post: valentinpratz.de/posts/2024-11…

#eleventy

eleventy-plugin-jupyter-nb-extract

Eleventy plugin to include Jupyter Notebook cells and cell output in Markdown documents.

^Codeberg.org

Any #11ty users use the EleventyFetch plugin to get the title and descriptions from HTML pages? Or some examples of the plugin with HTML assets?

Trying to create a utility site that can use a list of URLs and get their title and description for a bookmarks kind of site.

#eleventy

Building My Resume in HTML using #Eleventy

michaelengen.com/posts/my-elev…

#Pack11ty now uses @eleventy v3

Also, the code has been fully rewritten to integrate modern JavaScript features like ECMAScript Modules (aka #ESM), just like #Eleventy.

Both the plugin and the template repository (aka Eleventy Starter) have been updated.

Also, the assets are now processed with a combination of Eleventy's Custom template languages, Render plugin and Bundle plugin. 😍

The documentation will soon be updated accordingly.

pack11ty.dev/news/2024/11/08/n…

Pack11ty now uses Eleventy v3 — Pack11ty

Big Pack11ty update with Eleventy v3 and modernized code base!

^Pack11ty

Published a major refactor of my blog, now running Eleventy 3.0, dropped SCSS (finally) for a pure CSS solution with only PostCSS for some bundling and rewrote my layout using a nifty grid that makes my many different image widths that break out of the layout much much easier.

Pretty happy with it

gustavlindqvist.se/

git.gustavlindqvist.se/gustav/…

#Eleventy

gustavlindqvist.se

Source code for my personal website

^Forgejo

One of the things I’m working on while doing the #30DayMapChallenge is creating a portfolio site for the maps I create. It’s pretty hard explaining everything when you’re constrained by a 500-character limit, and this provides me with the space to expound on my mapmaking process.

Also, I took this opportunity to finally play around with @eleventy as a static-site generator, something that I mentioned last month: en.osm.town/@seav/113322416132…

#Eleventy #11ty #webdev #cartography #maps #Mapstodon

Eugene Alvin Villar 🇵🇭

2024-10-17 11:00:43

I’m planning to create my first @eleventy site soon and I’m already wondering which template language to use. Given that #Eleventy supports several formats, there’s a minor #ParadoxOfChoice at play here. I’ll probably just go with #Nunjucks for its flexibility.

#11ty #webdev #SSGs

I wrote about how I teach #Eleventy from scratch to my friends.

This 6 step workshop covers the basic fundamentals of Eleventy in a way that helps understand what happens if you then decide to start with a starter kit.

hamatti.org/posts/how-i-teach-…

#blogging #11ty

How I teach Eleventy from scratch

I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure I’ve used lately to teach a few of my friends how to build a static site with Eleventy.

^{Juha-Matti Santala}

When is a personal site redesign not really a redesign, but an opportunity to futz?

bobmonsour.com/microblog/is-it…

#11ty #eleventy

📢 If your blog is #BuiltWith11ty and you use a classic `/yyyy/mm/dd/title` URL structure, I have a new blog post for you: #Eleventy (#11ty) year, year-month, and year-month-day indexes: blog.tomayac.com/2024/11/02/el…. Who doesn't like hackable 🪓 URLs?

`/yyyy/mm/dd/title`
`/yyyy/mm/dd/`
`/yyyy/mm/`
`/yyyy/`

Thanks to @zachleat for @eleventy and the ecosystem like the image plugin around it!

Eleventy (11ty) year, year-month, and year-month-day indexes

The personal blog of Thomas Steiner

^{Thomas Steiner (Blogccasion)}

How to migrate from wordpress.com to eleventy via Ghost

mat.tl/blog/2024/10/29/migrati…

#indieweb #librefm #ghost #eleventy

Fixed a long-standing color contrast problem on my website 🎉

Been using (h/t @KiwiKilian) remark-shiki-twoslash as an @eleventy v3 replacement for eleventy-plugin-shiki-twoslash to highlight syntax in Markdown code blocks.

But it's stuck on an old Shiki version with no accessible themes. So I forked it!

@olets/eleventy-plugin-shiki-twoslash has high contrast themes and supports Eleventy 3. (CJS->ESM side quest: createRequire)

github.com/olets/shiki

#shiki #eleventy #FrontEnd #a11y

GitHub - olets/shiki: Forks of some Shiki org repos. Notably, @olets/eleventy-plugin-shiki-twoslash support Eleventy 3 and adds the latest Shiki themes and languages

Forks of some Shiki org repos. Notably, @olets/eleventy-plugin-shiki-twoslash support Eleventy 3 and adds the latest Shiki themes and languages - olets/shiki

^GitHub

Website Optimization Measures, Part XXVII:

On improvements involving Eleventy (3), Lightning CSS, Imagemin Guard, early hints, ads, creator metadata, and custom/programmable search engines.

meiert.com/en/blog/optimizatio…

#optimization #eleventy #11ty

Website Optimization Measures, Part XXVII · Jens Oliver Meiert

On improvements involving Eleventy (3), Lightning CSS, Imagemin Guard, early hints, ads, creator metadata, and custom/programmable search engines.

^meiert.com

And @glitchdotcom + @eleventy are such a perfect match.

Definitely will be experimenting more with this setup!

#MadeWithGlitch #eleventy #11ty #MadeWithEleventy #MadeWith11ty #opensource

📝 11ty meetup: Tracking and displaying music history #Eleventy #Development #Webdev

I got to speak at the 11ty meetup today about the music tracking contraption I've built into my site. I have a fairly detailed post on how I built it and another on the method I'm using to render dynamic media (read: musician/band) pages.

coryd.dev/posts/2024/11ty-meet…

11ty meetup: Tracking and displaying music history

^coryd.dev