toad.social

1 post1 participant0 posts today

Thomas RigbyCalculating yearsSince using a Nunjucks filter in Eleventy <a href="https://fedia.social/tags/technology" rel="nofollow noopener noreferrer" target="_blank">#technology</a> <a href="https://fedia.social/tags/eleventy" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a> <a href="https://fedia.social/tags/11ty" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://fedia.social/tags/nunjucks" rel="nofollow noopener noreferrer" target="_blank">#nunjucks</a> <a href="https://fedia.social/tags/code" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://thomasrigby.com/posts/calculating-yearssince-using-a-nunjucks-filter/" rel="nofollow noopener noreferrer" target="_blank">thomasrigby.com/posts/calculating-yearssince-using-a-nunjucks-filter/</a>

Reilly Spitzfaden (they/them)In my wiki/digital garden I have a collection of tutorials on webmentions including the basics — you can get up and running with only two lines of HTML! Hope it can be helpful to someone <a href="https://reillyspitzfaden.com/digital-garden/tutorials/webmention-tutorial/" rel="nofollow noopener noreferrer" target="_blank">reillyspitzfaden.com/digital-gard...</a> <a class="hashtag" href="https://bsky.app/search?q=%23Webmentions" rel="nofollow noopener noreferrer" target="_blank">#Webmentions</a> <a class="hashtag" href="https://bsky.app/search?q=%23IndieWeb" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a class="hashtag" href="https://bsky.app/search?q=%23Microformats" rel="nofollow noopener noreferrer" target="_blank">#Microformats</a> <a class="hashtag" href="https://bsky.app/search?q=%23Eleventy" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a class="hashtag" href="https://bsky.app/search?q=%2311ty" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a class="hashtag" href="https://bsky.app/search?q=%23WebDev" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a class="hashtag" href="https://bsky.app/search?q=%23HTML" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://reillyspitzfaden.com/digital-garden/tutorials/webmention-tutorial/" rel="nofollow noopener noreferrer" target="_blank">A Quick Guide to Everything I ...</a>

Reilly Spitzfaden (they/them)In my wiki/digital garden I have a collection of tutorials on webmentions including the basics — you can get up and running with only two lines of HTML! — using microformats to enrich your mentions; adding a webmention form; and parsing, displaying, and updating them with Eleventy, Netlify, and Bridgy.Hope it can be helpful to someone!<a href="https://reillyspitzfaden.com/digital-garden/tutorials/webmention-tutorial/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/digital-garden/tutorials/webmention-tutorial/</a> <a href="https://hachyderm.io/tags/Webmentions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webmentions</a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/Microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microformats</a> <a href="https://hachyderm.io/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://hachyderm.io/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://hachyderm.io/tags/Netlify" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Netlify</a> <a href="https://hachyderm.io/tags/Bridgy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Bridgy</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Clayton Errington 🖥️Here is the new <a href="https://mstdn.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> website I made. I found writing a new website and template from scratch to be simple with <a href="https://mstdn.social/tags/Picocss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Picocss</a>, and it does have quite a few features for being a simple site.Hope there are some other folks out there who find this useful in starting their new <a href="https://mstdn.social/tags/staticsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#staticsite</a> journey as well. It only took me about two years to finally make my own template with <a href="https://mstdn.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a>. This was a fun little side project. Demo: <a href="https://journa11ty.pages.dev/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://journa11ty.pages.dev/</a>Repo: <a href="https://github.com/cjerrington/journa11ty" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/cjerrington/journa11ty</a>

Clayton Errington 🖥️I made a new <a href="https://mstdn.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> website! I might make this a template and make it available for others. A simple journaling idea I had which is really a simple blog. Wanted something simple and came up with a new design. More to come as I polish a few things. <a href="https://mstdn.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a> is awesome!

Juhis<a href="https://follow.ethanmarcotte.com/@beep" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@beep</a> I've been on and off posting what I call "Weeklies" that are link posts of interesting stuff in the web: <a href="https://hamatti.org/weeklies/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://hamatti.org/weeklies/</a>I store these as JSON in <a href="https://mastodon.world/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> global data files and then render each Weekly object in the array as a page.

Ethan Marcottehello!if you use a static site generator for your blog, like <a href="https://follow.ethanmarcotte.com/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> or <a href="https://follow.ethanmarcotte.com/tags/jekyll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#jekyll</a>, ANDif your blog has a links section,could you share how you’ve structured your link posts? i’m adding bookmarks to my website, and i think i could use a little inspiration

Helen Chong :prami_pride:In praise of Vento, my favourite template engine to use in Eleventy:<a href="https://helenchong.dev/blog/posts/2025-05-21-vento-in-eleventy/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://helenchong.dev/blog/posts/2025-05-21-vento-in-eleventy/</a><a href="https://social.lol/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://social.lol/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a>

Reilly Spitzfaden (they/them)I also added some notes in my “digital garden” on setting up a Kodi streaming box on a Raspberry Pi — I summarize a few different tutorials I've found, including basic setup and getting different streaming services to workI like this *much* better than a commercial “smart” TV<a href="https://reillyspitzfaden.com/digital-garden/notebook/tech-projects/kodi-streaming-box-raspberry-pi/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/digital-garden/notebook/tech-projects/kodi-streaming-box-raspberry-pi/</a> <a href="https://hachyderm.io/tags/RaspberryPi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RaspberryPi</a> <a href="https://hachyderm.io/tags/Kodi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kodi</a> <a href="https://hachyderm.io/tags/DigitalGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DigitalGarden</a> <a href="https://hachyderm.io/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://hachyderm.io/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

Reilly Spitzfaden (they/them)In my Obsidian-style notes section on my digital garden, I also started some notes on my RTL-SDR software-defined radio hobby: <a href="https://reillyspitzfaden.com/digital-garden/notebook/radio/rtl-sdr/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/digital-garden/notebook/radio/rtl-sdr/</a> I first started playing with this in 2020, and every time I come back I have to re-learn a bunch of stuff. I previously stored all my info in a bookmarks folder in Firefox, and having nice notes on it is helping.The wikilinks plugin (<a href="https://github.com/photogabble/eleventy-plugin-interlinker" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/photogabble/eleventy-plugin-interlinker</a>) I mentioned above is helping a lot with the Obsidian -> website transition.<a href="https://hachyderm.io/tags/RTLSDR" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RTLSDR</a> <a href="https://hachyderm.io/tags/HamRadio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HamRadio</a> <a href="https://hachyderm.io/tags/AmateurRadio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AmateurRadio</a> <a href="https://hachyderm.io/tags/DigitalGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DigitalGarden</a> <a href="https://hachyderm.io/tags/Obsidian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Obsidian</a> <a href="https://hachyderm.io/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://hachyderm.io/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a>

Reilly Spitzfaden (they/them)I added a digital garden section to my site! <a href="https://reillyspitzfaden.com/digital-garden/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/digital-garden/</a> I'm using it to put tutorials, research/project notes, and other things that I will return to and build on over time. In the process, I found a useful plugin for Eleventy (<a href="https://github.com/photogabble/eleventy-plugin-interlinker" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/photogabble/eleventy-plugin-interlinker</a>) that lets me use wikilinks as I would in Obsidian, making it easier to link my notes together.<a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/DigitalGardens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DigitalGardens</a> <a href="https://hachyderm.io/tags/DigitalGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DigitalGarden</a> <a href="https://hachyderm.io/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://hachyderm.io/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a>

Liam 🏳️‍🌈For folks who are using static site generators, but are self-hosting your sites, how are you handling deployment if building automatically? I've got Woodpecker CI building my site automatically.I know I could use SFTP to push it to my web server... but am wondering if there's a more clever way to do this.<a href="https://mastodon.gruezi.net/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://mastodon.gruezi.net/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.gruezi.net/tags/StaticSiteGenerator" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StaticSiteGenerator</a> <a href="https://mastodon.gruezi.net/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://mastodon.gruezi.net/tags/CI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CI</a> <a href="https://mastodon.gruezi.net/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SSG</a>

ShnizmuffiN<a href="https://toots.inbutts.lol/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#introduction</a>I make websites. Sometimes I toot about it. <a href="https://toots.inbutts.lol/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a> <a href="https://toots.inbutts.lol/tags/webc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webc</a> <a href="https://toots.inbutts.lol/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> <a href="https://toots.inbutts.lol/tags/statamic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#statamic</a> <a href="https://toots.inbutts.lol/tags/laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#laravel</a> <a href="https://toots.inbutts.lol/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwindcss</a> <a href="https://toots.inbutts.lol/tags/alpinejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#alpinejs</a> uhhh whatever <a href="https://toots.inbutts.lol/tags/sql" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sql</a> and I guess <a href="https://toots.inbutts.lol/tags/nginx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nginx</a> <a href="https://toots.inbutts.lol/tags/docker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#docker</a> and all that crap all the way down. <a href="https://toots.inbutts.lol/tags/fullstack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fullstack</a>I play RPGs with friends. Sometimes I toot about it. <a href="https://toots.inbutts.lol/tags/ttrpg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ttrpg</a> <a href="https://toots.inbutts.lol/tags/dnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dnd</a> <a href="https://toots.inbutts.lol/tags/pathfinder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pathfinder</a> <a href="https://toots.inbutts.lol/tags/5e" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#5e</a> <a href="https://toots.inbutts.lol/tags/pf2e" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pf2e</a> I am my group's sysadmin. Sometimes I toot about it. <a href="https://toots.inbutts.lol/tags/selfhosted" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#selfhosted</a> <a href="https://toots.inbutts.lol/tags/plex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#plex</a> <a href="https://toots.inbutts.lol/tags/lemmy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lemmy</a> <a href="https://toots.inbutts.lol/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://toots.inbutts.lol/tags/pihole" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pihole</a> and throw some darts at <a href="https://selfh.st" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://selfh.st</a> and you catch the rest.Hot takes, bad jokes, etc.

Thomas Michael SemmlerHello <a href="https://indieweb.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a> people! I am using the <a href="https://indieweb.social/tags/i18n" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#i18n</a> plugin and I am having a weird issue in which collections created within language-specific directories don't set their respective language and instead use the fallback language. So any collection item created in `fr/` or `it/` will only ever have a `page.lang` of `de` because that is the fallback.What could possibly cause this?

Christopher Kirk-NielsenSo I wrote about using Vento in <a href="https://front-end.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a> and it was a nice experience: <a href="https://chriskirknielsen.com/blog/taking-vento-js-for-a-spin-in-eleventy/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://chriskirknielsen.com/blog/taking-vento-js-for-a-spin-in-eleventy/</a>Hats off to you, <a href="https://mastodon.gal/@misteroom" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@misteroom</a>, Vento is quite lovely!

Cory Dransfeldt :demi:🔗 Magick images. via <a href="https://follow.ethanmarcotte.com/@beep" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@beep</a> <a href="https://follow.coryd.dev/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://follow.coryd.dev/tags/Webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webdev</a> <a href="https://follow.coryd.dev/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a>Since leaving 18F, I’ve spent much of the last month thinking about what’s next for me work-wise. And of course, I’ve been doing no small amount of doomscrolling. But amid all of that, I’ve been remembering how to treat my website like a worry stone. When things get too stressful I’ll spend some time sanding down a few rough edges in the redesign. A...<a href="https://ethanmarcotte.com/wrote/magick-images/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ethanmarcotte.com/wrote/magick-images/</a>

Robert Kingett11tyCMS: First design & file management <a href="https://thinkymeat.neocities.org/posts/11tycms-redesign/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thinkymeat.neocities.org/posts/11tycms-redesign/</a> <a href="https://caneandable.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://caneandable.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://caneandable.social/tags/CMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CMS</a>

Christopher Kirk-NielsenDouble pagination in <a href="https://front-end.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eleventy</a>? Yes, we can! And given it's a fun challenge, I wrote about it here: <a href="https://chriskirknielsen.com/blog/double-pagination-in-eleventy/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://chriskirknielsen.com/blog/double-pagination-in-eleventy/</a> Also yes my entire sense of humour is memes, why do you ask? <a href="https://front-end.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a>

JuhisI documented my flow and tooling for how I write and publish blog posts right now.I use <a href="https://mastodon.world/tags/Notion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Notion</a> as my CMS and <a href="https://mastodon.world/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> (❤️) as my static site generator and I've written custom CLI tools with Node to integrate the two.My tooling has been built one small piece at a time over the past 7 years.<a href="https://hamatti.org/posts/how-i-write-and-publish-blog-posts-in-april-2025/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://hamatti.org/posts/how-i-write-and-publish-blog-posts-in-april-2025/</a><a href="https://mastodon.world/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blogging</a> <a href="https://mastodon.world/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://mastodon.world/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a>

Ted Flynn 👽GitHub told me that the auto deploying action for my silly blog would be disabled if there weren't any code changes. It's not every day that I get called out by my own infrastructure so rudely, so now you have to hear about it, too. Posting for the sake of posting. Seems about right.<a href="https://beige.party/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://beige.party/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://beige.party/tags/McLuhan" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#McLuhan</a> 🔗 <a href="https://frgmnt.art/posts/infrastucture-shaming/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://frgmnt.art/posts/infrastucture-shaming/</a>

Recent searches

Search options

Administered by:

Server stats:

#eleventy