shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

257
active users

#eleventy

1 post1 participant0 posts today
Sarah L. Fossheim<p><a href="https://front-end.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventy</span></a> folks: possible I'm completely overlooking something cause it's been a while since I last touched 11ty code, but:</p><p>I want to conditionally set the permalink to false for some files, based on an environment variable.</p><p>I can call the variable from the headers in the template/.njk file, but the boolean gets converted to a string when I do that (becomes permalink: "false" instead of permalink: false), so the files end up in a "false"-folder instead 🧐 </p><p>Any tips/workarounds?</p>
Juhis<p><span class="h-card" translate="no"><a href="https://berlin.social/@mina" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>mina</span></a></span> <span class="h-card" translate="no"><a href="https://linuxmom.net/@vkc" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>vkc</span></a></span> I love it! I've been building pretty much all of my sites since 2018 with it.</p><p>I especially love how I'm able to build it piece-by-piece instead of generating a ton of boilerplate/scaffolding code. <a href="https://hamatti.org/posts/how-i-teach-eleventy-from-scratch/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">hamatti.org/posts/how-i-teach-</span><span class="invisible">eleventy-from-scratch/</span></a></p><p>And the community is amazing. Once you get started, I recommend 11ty Bundle by <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> : <a href="https://11tybundle.dev/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">11tybundle.dev/</span><span class="invisible"></span></a>, it's a wonderful collection of community resources.</p><p><a href="https://mastodon.world/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a></p>
Juhis<p>I love how easy it has become to </p><p>1. Build a new <a href="https://mastodon.world/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a> site from scratch<br>2. Start a new repository in GitHub<br>3. Create a new site in Netlify and set up automated deployments from GitHub<br>4. Point a new subdomain from Hover to the new site</p><p>I went from "hmm, I could start a new blog" into it being live with SSL and subdomain in an hour or so. Including an introductory blog post.</p><p>I'll publish the blog properly once I have the first non-introductory blog post written.</p>
vkc via PeerTube<p><strong>The modern web sucks. My band's website doesn't.</strong></p> <p><a href="https://tinkerbetter.tube/videos/watch/79457371-7251-4386-940f-03535f111acb" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tinkerbetter.tube/videos/watch</span><span class="invisible">/79457371-7251-4386-940f-03535f111acb</span></a></p>
Marijke Luttekes<p>I replaced my <span class="h-card" translate="no"><a href="https://neighborhood.11ty.dev/@11ty" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>11ty</span></a></span>'s custom translation logic with `eleventy-plugin-i18n` a few days ago.</p><p>This plugin is older and has not been maintained for years, and the way I had set up some templates would result in many (unnecessary) warnings.</p><p>But here is the fun bit about open source:</p><p>The original code is available online, and I copied it to my project. I only had to modify two lines from the original logic to make it play ball with my setup.</p><p>Pretty neat, and Eleventy's output is once again free of warnings.</p><p><a href="https://hachyderm.io/tags/OSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OSS</span></a> <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></p>
Nathan<p>New blog post documenting my efforts to make microblogging less of a pain with Eleventy, or any SSG for that matter. <a href="https://nathanupchurch.com/blog/Solving-SSG-Microblogging-Ergonomics-with-KDialog-for-Incense-Posting/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nathanupchurch.com/blog/Solvin</span><span class="invisible">g-SSG-Microblogging-Ergonomics-with-KDialog-for-Incense-Posting/</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/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventy</span></a> <a href="https://lounge.town/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</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/KDE" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KDE</span></a></p>
rubenwardy<p>New blog post: Writing statistics for your <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>) blog</p><p> <a href="https://blog.rubenwardy.com/2025/06/01/eleventy-stats/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.rubenwardy.com/2025/06/01</span><span class="invisible">/eleventy-stats/</span></a></p><p><a href="https://hachyderm.io/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a></p>
Reilly Spitzfaden (they/them)<p>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.</p><p>Hope it can be helpful to someone!</p><p><a href="https://reillyspitzfaden.com/digital-garden/tutorials/webmention-tutorial/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">reillyspitzfaden.com/digital-g</span><span class="invisible">arden/tutorials/webmention-tutorial/</span></a> </p><p><a href="https://hachyderm.io/tags/Webmentions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Webmentions</span></a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a> <a href="https://hachyderm.io/tags/Microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Microformats</span></a> <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/Netlify" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Netlify</span></a> <a href="https://hachyderm.io/tags/Bridgy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bridgy</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/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a></p>
Clayton Errington 🖥️<p>Here is the new <a href="https://mstdn.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></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">#<span>Picocss</span></a>, and it does have quite a few features for being a simple site.</p><p>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">#<span>staticsite</span></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">#<span>eleventy</span></a>. This was a fun little side project. </p><p>Demo: <a href="https://journa11ty.pages.dev/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">journa11ty.pages.dev/</span><span class="invisible"></span></a></p><p>Repo: <a href="https://github.com/cjerrington/journa11ty" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/cjerrington/journa1</span><span class="invisible">1ty</span></a></p>
Clayton Errington 🖥️<p>I made a new <a href="https://mstdn.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> website! I might make this a template and make it available for others. </p><p>A simple journaling idea I had which is really a simple blog. Wanted something simple and came up with a new design. </p><p>More to come as I polish a few things. </p><p><a href="https://mstdn.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventy</span></a> is awesome!</p>
Juhis<p><span class="h-card" translate="no"><a href="https://follow.ethanmarcotte.com/@beep" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>beep</span></a></span> 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"><span class="invisible">https://</span><span class="">hamatti.org/weeklies/</span><span class="invisible"></span></a></p><p>I store these as JSON in <a href="https://mastodon.world/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a> global data files and then render each Weekly object in the array as a page.</p>
Ethan Marcotte<p>hello!</p><p>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">#<span>Eleventy</span></a> or <a href="https://follow.ethanmarcotte.com/tags/jekyll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>jekyll</span></a>, AND</p><p>if your blog has a links section,</p><p>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</p>
kevin ⁂ (he/him)<p>Just released version 3.0.0 of my <a href="https://fosstodon.org/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> mermaidJS plugin! <a href="https://www.npmjs.com/package/@kevingimbel/eleventy-plugin-mermaid" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">npmjs.com/package/@kevingimbel</span><span class="invisible">/eleventy-plugin-mermaid</span></a></p><p><a href="https://fosstodon.org/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://fosstodon.org/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventy</span></a> <a href="https://fosstodon.org/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a><br>📌 <a href="https://kevingimbel.de/status/1747637804" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kevingimbel.de/status/17476378</span><span class="invisible">04</span></a></p>
Cory Dransfeldt :demi:<p>📝 Building an oEmbed endpoint <a href="https://follow.coryd.dev/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://follow.coryd.dev/tags/Webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Webdev</span></a> <a href="https://follow.coryd.dev/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a> <a href="https://follow.coryd.dev/tags/Php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Php</span></a></p><p>For reasons that elude me I cannot get Open Graph tags to work when anything from this site is posted on Mastodon. I've fiddled with server configs, my aggressive robots.txt and still — nothing. They work everywhere else. So I built an oEmbed endpoint.</p><p><a href="https://www.coryd.dev/posts/2025/building-an-oembed-endpoint" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">coryd.dev/posts/2025/building-</span><span class="invisible">an-oembed-endpoint</span></a></p>
Reilly Spitzfaden (they/them)<p>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 work</p><p>I like this *much* better than a commercial “smart” TV</p><p><a href="https://reillyspitzfaden.com/digital-garden/notebook/tech-projects/kodi-streaming-box-raspberry-pi/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">reillyspitzfaden.com/digital-g</span><span class="invisible">arden/notebook/tech-projects/kodi-streaming-box-raspberry-pi/</span></a> </p><p><a href="https://hachyderm.io/tags/RaspberryPi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RaspberryPi</span></a> <a href="https://hachyderm.io/tags/Kodi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kodi</span></a> <a href="https://hachyderm.io/tags/DigitalGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DigitalGarden</span></a> <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/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a></p>
Reilly Spitzfaden (they/them)<p>In my Obsidian-style notes section on my digital garden, I also started some notes on my RTL-SDR software-defined radio hobby: </p><p><a href="https://reillyspitzfaden.com/digital-garden/notebook/radio/rtl-sdr/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">reillyspitzfaden.com/digital-g</span><span class="invisible">arden/notebook/radio/rtl-sdr/</span></a> </p><p>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.</p><p>The wikilinks plugin (<a href="https://github.com/photogabble/eleventy-plugin-interlinker" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/photogabble/elevent</span><span class="invisible">y-plugin-interlinker</span></a>) I mentioned above is helping a lot with the Obsidian -&gt; website transition.</p><p><a href="https://hachyderm.io/tags/RTLSDR" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RTLSDR</span></a> <a href="https://hachyderm.io/tags/HamRadio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HamRadio</span></a> <a href="https://hachyderm.io/tags/AmateurRadio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AmateurRadio</span></a> <a href="https://hachyderm.io/tags/DigitalGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DigitalGarden</span></a> <a href="https://hachyderm.io/tags/Obsidian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Obsidian</span></a> <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/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a></p>
Reilly Spitzfaden (they/them)<p>I added a digital garden section to my site! <a href="https://reillyspitzfaden.com/digital-garden/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">reillyspitzfaden.com/digital-g</span><span class="invisible">arden/</span></a> </p><p>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"><span class="invisible">https://</span><span class="ellipsis">github.com/photogabble/elevent</span><span class="invisible">y-plugin-interlinker</span></a>) that lets me use wikilinks as I would in Obsidian, making it easier to link my notes together.</p><p><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/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a> <a href="https://hachyderm.io/tags/DigitalGardens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DigitalGardens</span></a> <a href="https://hachyderm.io/tags/DigitalGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DigitalGarden</span></a> <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></p>
Juhis<p>I wanted to provide programmatic access to the next upcoming event information on our community websites.</p><p>We store the event calendar as Eleventy Global Data File, so I combined that with Netlify Functions to create a serverless function API endpoint that on every build, will update the response to include the next scheduled event.</p><p>I wrote about how to do it in my blog!</p><p><a href="https://hamatti.org/posts/providing-next-event-as-api-with-eleventys-global-data-files-and-netlify-functions/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">hamatti.org/posts/providing-ne</span><span class="invisible">xt-event-as-api-with-eleventys-global-data-files-and-netlify-functions/</span></a></p><p><a href="https://mastodon.world/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventy</span></a> <a href="https://mastodon.world/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://mastodon.world/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a> <a href="https://mastodon.world/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a></p>
Thomas Michael Semmler<p>Heyo <a href="https://indieweb.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventy</span></a> people. I am using eleventy image and I have noticed that in certain instances it creates blurry edges on images.</p><p>I originally thought it was an issue with the figma export, but the problem is only visible after eleventy image has processed the images. Any ideas?</p>
Liam 🏳️‍🌈<p>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.</p><p>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.</p><p><a href="https://mastodon.gruezi.net/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://mastodon.gruezi.net/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.gruezi.net/tags/StaticSiteGenerator" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StaticSiteGenerator</span></a> <a href="https://mastodon.gruezi.net/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a> <a href="https://mastodon.gruezi.net/tags/CI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CI</span></a> <a href="https://mastodon.gruezi.net/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a></p>