dmv.community is one of the many independent Mastodon servers you can use to participate in the fediverse.
A small regional Mastodon instance for those in the DC, Maryland, and Virginia areas. Local news, commentary, and conversation.

Administered by:

Server stats:

163
active users

#eleventy

4 posts4 participants0 posts today

I've had a statuslog section on my now page (reillyspitzfaden.com/now/) for a while, and I added it to my homepage as well (reillyspitzfaden.com/#homepage).

The especially nice part is that I now have a script (github.com/reillypascal/person) so I can simply type `./status` in the terminal, write the status text in the resulting .md file that pops open, and then commit/push!

I've seen some IndieWeb people (e.g., @binarydigit) do something similar via one of omg.lol's tools (home.omg.lol/info/statuslog) and liked it, but I wanted to see if I could DIY it just for the heck of it. Very happy with how easy the result is!

Pixel art of a radio tower and floppy disk, with pixel art text reading 'Reilly Spitzfaden'
reillyspitzfaden.comReilly Spitzfaden, Composer | Now

So, super simple Eleventy + Obsidian recipe for a #DigitalGarden space:

* Set up an 11ty project
* install the eleventy-plugin-interlinker (link below)
* open the project folder in Obsidian
* create a notes folder and change your settings so that all new notes go to that folder
* Add the Backlinks code from the interlinker plugin's readme into either an Obsidian template or a 11ty layout
* Add to that template some frontmatter for title, date
* Start making notes.

Serve locally (from terminal, vscodium,, whatever).

The interlinker plugin is here:
github.com/photogabble/elevent

Adds wikilink and wikilink embed support with tracking of backlinks. - photogabble/eleventy-plugin-interlinker
GitHubGitHub - photogabble/eleventy-plugin-interlinker: Adds wikilink and wikilink embed support with tracking of backlinks.Adds wikilink and wikilink embed support with tracking of backlinks. - photogabble/eleventy-plugin-interlinker

I found this cool option to keep a post as a draft in my Eleventy site: 11ty.dev/docs/config-preproces

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!

A screenshot of the web page at https://www.11ty.dev/docs/config-preprocessors/
EleventyPreprocessorsA docs page for Eleventy, a simpler static site generator.

I rewrote annema.me using #eleventy in preparation of restarting my blog. It's almost identical to the plain HTML site I had but I feel the setup is cleaner. For example:

1. less repeated HTML: for the previous iteration I copied the entire base layout to every HTML file
2. CSS inspired by Cube CSS (cube.fyi): One of the reasons for the rewrite was learning more modern web development
3. Perfect Lighthouse score pagespeed.web.dev/analysis/htt

Feedback appreciated.

annema.meKlaas Pieter Annema - Product engineer
More from Klaas Pieter Annema
Replied in thread

Thank you you two! Would either of you know how to resolve this particular issue?

Or anyone knowledgable about #Eleventy really!

When viewing tag RSS feeds, the permalinks don't take me to the posts in question but when I view my full site feed, everything is perfectly fine!

For reference, here is our Tag feed file.

github.com/rkingett/myblog/blo

As an example, the tag RSS feed on this page has post title links that go nowhere.

sightlessscribbles.com/posts/t

#WebDev

@olets @bobmonsour @eleventy

Contribute to rkingett/myblog development by creating an account on GitHub.
GitHubmyblog/content/helpers/tag-feeds.njk at main · rkingett/myblogContribute to rkingett/myblog development by creating an account on GitHub.
Replied in thread

Ah thank you! I believe that's what we were doing, me and my developer, but if you could take a look, that would be epic!

The repo is at github.com/rkingett/myblog

An example of a problematic capital, especially with permalinks in the RSS feed, is at,

sightlessscribbles.com/posts/t

#Eleventy #WebDev

@bobmonsour @eleventy

Contribute to rkingett/myblog development by creating an account on GitHub.
GitHubComparing 29079b4294...4f7950c3f2 · rkingett/myblogContribute to rkingett/myblog development by creating an account on GitHub.

Looking for CMS advice

Hey Web devs!

Do you have any suggestions, tips, opinions, dos, don’ts about headless CMSes?

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 @VillageOneCoop, otherwise.

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 Headless CMS section in the Jamstack website, but I need opinions from people who actually used some of that software already.

Needs

  • I want to code and configure everything using @eleventy
  • Admin interface (#WebApp) for the client to add pages and write posts
  • Static website in the front-end
  • Simple and reliable CI/CD
  • No/minimal maintenance after the first setup
  • Self-hostable (I was taking this for granted so much that I forgot to write it)
  • If it requires forge integration, it should support #ForgeJo
  • #OpenSource

Nice to have

  • Possibly using #Deno, not #NodeJS
  • Allowing the client to customize a bit their website through the admin interface, with a GUI
  • CMS app packaged on @yunohost
  • No CMS vendor lock-in
  • I’d love to write as little JavaScript as possible
  • #FreeSoftware

Absolutely not

Please, boost this and ask around! Links to videos, tutorials, and resources are welcome.

People whose perspective I would really value: @zachleat @harryfk @deno_land @jaredwhite @vanillaweb @stefan @mxbck @WeirdWriter @deadsuperhero (Sorry if I am spamming you!)

Jamstack.orgHeadless CMS - Top Content Management Systems | JamstackCheck out this showcase of some of the best, open source headless CMSes. This is community-drive so be sure to submit your favorite CMS today!
#Eleventy#11ty#CMS

Finally figured out my RSS issue the other day! So @eleventy really doesn't like capital letters in tag lists. For example, I assumed Eleventy would turn the below tag...

Newsletter

Into,

.com/newsletter/

but I had to go back in and change every tag to lower case! But if I put, Newsletter, in uppercase, URLs would break because for some reason the URLs would come out like this, breaking links.

.com/Newsletter/

So the short story lesson is, if in doubt, keep all tags in lower case because #Eleventy can't really handle capitalization well. At least, on my project anyway!

I had to go back in and change every instance of the tag, Newsletter, into, newsletter. Not expected but it works now!

Have been poking around different options for using #Eleventy for a notes / #DigitalGarden / personal #wiki sort of set up. Have been debating whether to try and cobble together my own set-up or use a template.

`eleventy-bloomz` might be the winner so far: minimally styled, few dependencies, functional backlinks, and a few extra features. Stays close to the basic Eleventy structure, including a minimal blog implementation.

It is meant to function as a WikiBonsai template but I don't see anything specific to that approach that couldn't be easily changed.

github.com/wikibonsai/eleventy

Would be happy to hear if anyone has a set-up they are particularly happy with.