Nathan<p>Made some updates to my website. I removed all the post lists from the index page to make things a little cleaner, and built a neat little "navigator" include that uses site metadata to spit out a grid of link + icon elements for pages I want to highlight. I was going to remove the post images too, but I found it depressing and reverted the changes. <a href="https://lounge.town/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventy</span></a> <a href="https://lounge.town/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://lounge.town/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a> <a href="https://lounge.town/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
mamot.fr is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mamot.fr est un serveur Mastodon francophone, géré par La Quadrature du Net.
Administered by:
Server stats:
3.3Kactive users
mamot.fr: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.4
#11ty
16 posts · 15 participants · 0 posts today
Reilly Spitzfaden (they/them)<p>I found this cool option to keep a post as a draft in my Eleventy site: <a href="https://www.11ty.dev/docs/config-preprocessors/#example-drafts" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">11ty.dev/docs/config-preproces</span><span class="invisible">sors/#example-drafts</span></a></p><p>I'd been wanting a way to view posts on a local dev server, but leave them out of my published site, and now all I have to do is add `draft: true` to the YAML frontmatter on a post and then it won't publish except on a dev server. Nice!</p><p><a href="https://hachyderm.io/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a> <a href="https://hachyderm.io/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://hachyderm.io/tags/Blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Blogging</span></a></p>
Mikka, MD<p>Introducing <span class="h-card" translate="no"><a href="https://mas.to/@obsidian" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>obsidian</span></a></span> to Mastodon. A very early stage plugin to post arbitrary notes from your vault to your Mastodon instance. Right now, you still have to clone the Git repo, do some magic (it's all explained in the README) and super easy, and move the folder into your .plugins directory (also explained). But it should mostly work, for everything else please let me know.</p><p><a href="https://gitea.com/medic/obsidian-mastodon" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">gitea.com/medic/obsidian-masto</span><span class="invisible">don</span></a></p><p>This works really well with my Python script to fetch Mastodon posts into your Daily Note (<a href="https://gitea.com/medic/obsidian" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">gitea.com/medic/obsidian</span><span class="invisible"></span></a>) and with my <a href="https://medic.cafe/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> setup to pull in likes, reposts, and responses from Mastodon into your blog (you can see that one on this post).</p><p>You can see the <a href="https://medic.cafe/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> blog integration here: <a href="https://ultreia.me/txt/date/2025-04-08/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ultreia.me/txt/date/2025-04-08</span><span class="invisible">/</span></a></p>
Philip<p>I've finished writing up the details on how I added search to my 11ty site without client-side Javascript after the upgrade to 11ty version 3 removed the official serverless function.</p><p><a href="https://www.philiprenich.com/blog/recreating-search-with-eleventy-v3-and-netlify/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">philiprenich.com/blog/recreati</span><span class="invisible">ng-search-with-eleventy-v3-and-netlify/</span></a></p><p>Big thanks to Zach for jumping in with some answers when I couldn't read the manual correctly 😅 (and, ya know, creating Eleventy!)</p><p><a href="https://mastodon.nz/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.nz/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a> <a href="https://mastodon.nz/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a></p>
Marijke Luttekes<p>I also cannot stress enough what a joy Eleventy is to work with.</p><p>I love Python and Django, but it's nice to have a simple (not the same as easy) solution for good old, plain HTML and CSS.</p><p><a href="https://fosstodon.org/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a></p>
famebot<p>🌈📓 <a href="https://mastodon.social/tags/eleventeen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventeen</span></a> 9.4 hits the scene like a <a href="https://mastodon.social/tags/rainbow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rainbow</span></a> machine <br>on the latest <a href="https://mastodon.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventy</span></a> at last 🎈🐀<br> <a href="https://eleventeen.blog/about/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">eleventeen.blog/about/</span><span class="invisible"></span></a></p><p>don’t sleep on all <span class="h-card" translate="no"><a href="https://indieweb.social/@bobmonsour" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>bobmonsour</span></a></span>’s other great hand-picked options to kickstart your <a href="https://mastodon.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> journey at <a href="https://11tybundle.dev/starters/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">11tybundle.dev/starters/</span><span class="invisible"></span></a> either❣️</p>
Bob Monsour<p><span class="h-card" translate="no"><a href="https://dice.camp/@hexaedre" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>hexaedre</span></a></span> Also, added your update post to the 11ty Bundle. Hope to see more <a href="https://indieweb.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> posts: <a href="https://11tybundle.dev/authors/denis-ricard/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">11tybundle.dev/authors/denis-r</span><span class="invisible">icard/</span></a></p>
Robert Kingett<p>I think my new website is ready for prime time! Built with <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>eleventy</span></a></span> <a href="https://sightlessscribbles.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">sightlessscribbles.com/</span><span class="invisible"></span></a> <a href="https://caneandable.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://caneandable.social/tags/Writer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Writer</span></a> <a href="https://caneandable.social/tags/Blogger" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Blogger</span></a> <a href="https://caneandable.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Blog</span></a> <a href="https://caneandable.social/tags/Blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Blogging</span></a> <a href="https://caneandable.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://caneandable.social/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a></p>
Blake Leonard<p><span>I'm far from this stage, but just to toss it out there: does/can </span><a href="https://infosec.town/tags/11ty" rel="nofollow noopener noreferrer" target="_blank">#11ty</a><span> WebC pre-render Stencil web components, so that people viewing my site don't need JavaScript for, say, a link button to render?</span></p>
Sacha Chua<p><a href="https://sachachua.com/blog/2025/04/adding-subheadings-and-sketches-to-my-blog-page-navigation/" rel="nofollow noopener noreferrer" target="_blank">Adding subheadings and sketches to my blog page navigation</a> <a href="https://social.sachachua.com/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://social.sachachua.com/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a></p>
SimonCox<p><a class="mention" href="https://bsky.app/profile/bobmonsour.com" rel="nofollow noopener noreferrer" target="_blank">@bobmonsour.com</a> - anyone else done a Mastodon bookmark page using <a class="hashtag" href="https://bsky.app/search?q=%2311ty" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> yet?
<a href="https://www.simoncox.com/bookmarks/" rel="nofollow noopener noreferrer" target="_blank">www.simoncox.com/bookmarks/</a>
This runs a script that pulls posts that I have bookmarked from mastodon. Think i can do this from Bluesky too! Modern day Blogroll!</p>
Sacha Chua<p><a href="https://sachachua.com/blog/2025/04/using-emacs-lisp-to-batch-demote-html-headings-for-my-static-site/" rel="nofollow noopener noreferrer" target="_blank">Using Emacs Lisp to batch-demote HTML headings for my static site</a> <a href="https://social.sachachua.com/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a> <a href="https://social.sachachua.com/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://social.sachachua.com/tags/emacs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>emacs</span></a></p>
Julianoë<p>Bon d'ailleurs quand je me repencherai sur tout ça j'ai aussi sur ma todo deux trucs côté sites persos : <br>- mettre à jour mon carnet de note/digital garden vers la dernière version de <a href="https://mastodon.xyz/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a>, cleaner le code et le partager<br>- refaire le vieux thème de mon blog qui est si lourd et mal opti que ça surcharge mon serveur 🤦 les cordonniers mal chaussés, tout ça...</p>
Thomas Moyse<p>Ça fait qqs jours que je joue avec <a href="https://piaille.fr/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> pour le site web de ma société et c'est plutôt pas mal ! Reste à voir si <span class="h-card" translate="no"><a href="https://mastodon.social/@STPo" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>STPo</span></a></span> va réussir à utiliser ce que je lui prépare 😆</p>
Bob Monsour<p>Issue 70 - 11ty Meetup Videos, Getty does digital books, Speedlify updated, California is engaged with 11ty, 11ty info architecture improvements, Chobble does starters...And 7 releases, 16 posts, and 15 sites to see <a href="https://11tybundle.dev/blog/11ty-bundle-70/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">11tybundle.dev/blog/11ty-bundl</span><span class="invisible">e-70/</span></a> <a href="https://indieweb.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>eleventy</span></a></span></p>
Bob Monsour<p><span class="h-card" translate="no"><a href="https://fosstodon.org/@sephster" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>sephster</span></a></span> Perhaps some reasons for why you might choose <a href="https://indieweb.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a></p><p><a href="https://11tybundle.dev/categories/why-eleventy/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">11tybundle.dev/categories/why-</span><span class="invisible">eleventy/</span></a></p>
Andy Millington<p>Thinking of building a personal site using eleventy. Started with Next but I'm less inclined to now as I'm not sure they are as open as they lead people to believe. Any better options out there for a personal blog? Thoughts appreciated <a href="https://fosstodon.org/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a></p>
Bob Monsour<p><span class="h-card" translate="no"><a href="https://hachyderm.io/@olets" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>olets</span></a></span> I didn't realize that you had <a href="https://indieweb.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> posts. Now I’m an RSS sub’r and I've added 3 of your posts to the 11ty Bundle: <a href="https://11tybundle.dev/authors/henry-bley-vroman/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">11tybundle.dev/authors/henry-b</span><span class="invisible">ley-vroman/</span></a></p>
Bob Monsour<p><span class="h-card" translate="no"><a href="https://pan.rent/@tommi" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tommi</span></a></span> Here are a bunch of blog posts about various CMSs that are working with <a href="https://indieweb.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a>: <a href="https://11tybundle.dev/categories/cms/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">11tybundle.dev/categories/cms/</span><span class="invisible"></span></a></p>
Tommi 🤯<p><strong>Looking for CMS advice</strong></p><p>Hey Web devs!</p><p>Do you have any suggestions, tips, opinions, dos, don’ts about <strong>headless CMS</strong>es?</p><p>I have a growing list of small/mid non-profits and collectives asking for my help to (re)make their website. I totally want to help, but I don’t have much time, especially considering that they generally have little or no funding—I would most definitely point them to <span class="h-card" translate="no"><a href="https://toot.village.one/@VillageOneCoop" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>VillageOneCoop</span></a></span>, otherwise.</p><p>Therefore, I want a super simple and replicable solution where I can copy-paste most of the code, while providing them with a stable, fast, and modern solution. I had a look at the <a href="https://jamstack.org/headless-cms/" rel="nofollow noopener noreferrer" target="_blank">Headless CMS section in the Jamstack website</a>, but I need opinions from people who actually used some of that software already.</p><p><strong>Needs</strong></p><ul><li>I want to code and configure everything using <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>eleventy</span></a></span></li><li>Admin interface (<a href="https://pan.rent/tags/WebApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApp</span></a>) for the client to add pages and write posts</li><li>Static website in the front-end</li><li>Simple and reliable CI/CD</li><li>No/minimal maintenance after the first setup</li><li>Self-hostable (I was taking this for granted so much that I forgot to write it)</li><li>If it requires forge integration, it should support <a href="https://pan.rent/tags/ForgeJo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ForgeJo</span></a></li><li><a href="https://pan.rent/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a></li></ul><p><strong>Nice to have</strong></p><ul><li>Possibly using <a href="https://pan.rent/tags/Deno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Deno</span></a>, not <a href="https://pan.rent/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a></li><li>Allowing the client to customize a bit their website through the admin interface, with a GUI</li><li>CMS app packaged on <span class="h-card" translate="no"><a href="https://toot.aquilenet.fr/@yunohost" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>yunohost</span></a></span></li><li>No CMS vendor lock-in</li><li>I’d love to write as little JavaScript as possible</li><li><a href="https://pan.rent/tags/FreeSoftware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FreeSoftware</span></a></li></ul><p><strong>Absolutely not</strong></p><ul><li>Front-end <a href="https://pan.rent/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> frameworks</li></ul><p>Please, boost this and ask around! Links to videos, tutorials, and resources are welcome.</p><p>People whose perspective I would really value: <span class="h-card" translate="no"><a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>zachleat</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.social/@harryfk" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>harryfk</span></a></span> <span class="h-card" translate="no"><a href="https://fosstodon.org/@deno_land" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>deno_land</span></a></span> <span class="h-card" translate="no"><a href="https://indieweb.social/@jaredwhite" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jaredwhite</span></a></span> <span class="h-card" translate="no"><a href="https://intuitivefuture.com/@vanillaweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>vanillaweb</span></a></span> <span class="h-card" translate="no"><a href="https://stefanbohacek.online/@stefan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>stefan</span></a></span> <span class="h-card" translate="no"><a href="https://front-end.social/@mxbck" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>mxbck</span></a></span> <span class="h-card" translate="no"><a href="https://caneandable.social/@WeirdWriter" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>WeirdWriter</span></a></span> <span class="h-card" translate="no"><a href="https://social.wedistribute.org/users/deadsuperhero" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>deadsuperhero</span></a></span> (Sorry if I am spamming you!)</p><p><a href="https://pan.rent/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a> <a href="https://pan.rent/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://pan.rent/tags/CMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CMS</span></a> <a href="https://pan.rent/tags/HeadlessCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HeadlessCMS</span></a> <a href="https://pan.rent/tags/Ghost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ghost</span></a> <a href="https://pan.rent/tags/DecapCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DecapCMS</span></a> <a href="https://pan.rent/tags/CraftCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CraftCMS</span></a> <a href="https://pan.rent/tags/Strapi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Strapi</span></a> <a href="https://pan.rent/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Web</span></a> <a href="https://pan.rent/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://pan.rent/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://pan.rent/tags/StaticGen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StaticGen</span></a> <a href="https://pan.rent/tags/StaticWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StaticWebsite</span></a> <a href="https://pan.rent/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://pan.rent/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://pan.rent/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://pan.rent/tags/YunoHost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>YunoHost</span></a> <a href="https://pan.rent/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SelfHosting</span></a> <a href="https://pan.rent/tags/Wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wordpress</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload