cory, to 11ty
@cory@social.lol avatar

I guess next is the blog post on moving all of the content in my site to a CMS.

jak2k,
@jak2k@mastodontech.de avatar

@cory
But why?

cory,
@cory@social.lol avatar
mia, to 11ty
@mia@front-end.social avatar

Ok, most of these images still need alt text and captions. I can't do all 500+ at once. But at least I have a system (and a way for people to help out)! Thanks #eleventy

Men In Brackets is online:

https://men.mia.wtf

JackHPeterson,
@JackHPeterson@mastodon.social avatar

@mia Stuff like this is why the Internet is the coolest.

mia,
@mia@front-end.social avatar

@JackHPeterson 💜🥳

stefan, to webdev
@stefan@stefanbohacek.online avatar

Finally had a proper look at @eleventy.

I really like that it can be as simple or as complex as you want it to be.

I'm not quite sold on it for hosting blogs (yet), but I've migrated a few of my smaller projects for which I've used a simple node app (mainly to take advantage of templating).

Huge improvement in memory consumption! For example, https://simplepagebuilder.app went from 67.89MB down to just 6.07MB.

Nice!

#webdev #11ty #eleventy

pch,
@pch@s3th.me avatar

@stefan @eleventy Wow that's pretty cool. Hard to design something really pretty though. Might just be me! LOL

stefan,
@stefan@stefanbohacek.online avatar

@pch @eleventy Hah, not a designer myself, I just used Bootstrap here and a theme from https://www.happyhues.co.

But this really shows how flexible 11ty is, you can really throw anything on it.

mia, to 11ty
@mia@front-end.social avatar
  1. A folder full of images
  2. Add #eleventy
  3. Loop over images to create pages
  4. A static image site!
  5. ???
  6. It's easy to add/edit alt text & captions now

What's step 5? A markdown file for every image? That sounds painful. A single json or yaml file mapping images to metadata? Maybe better? Could get out of hand. Some very simple CMS? Other ideas?

hdv,
@hdv@front-end.social avatar

@mia if it's new images you could make a Shortcut that moves an image into said folder, but before that prompts for an alt and writes your input into a file with the same name alongside the image.

but it's old images isn't it?

nhoizey,
@nhoizey@mamot.fr avatar

@mia this is what I do for my photography site.

Step 5 is a Node script that creates Markdown files for each image with data extracted from EXIF/IPTC (title, description, alt text, geolocation, gear, camera settings, etc.), but also generates thumbnails.

https://github.com/nhoizey/nicolas-hoizey.photo/blob/main/_scripts/sync-photos.js

I use Lightroom for step 6.

ricmac, (edited ) to 11ty
@ricmac@mastodon.social avatar

To the #Eleventy community: does anyone know of any projects to make an 11ty website a first class member of the #fediverse, similar to what The Verge is doing (via WordPress it seems like) and 404 Media will do once Ghost is ready (ref https://digiday.com/media/why-publishers-are-preparing-to-federate-their-sites/). I did implement #webmentions on Cybercultural.com, using Bridgy etc, but it was unsatisfactory so I took it offline. I do want Cybercultural to be an “actor” on the fediverse tho, so now thinking about how to achieve that via 11ty.

cory, to tech
@cory@social.lol avatar
ashur, to 11ty
@ashur@front-end.social avatar

means a lot to me, both professionally and personally. On paper it’s a static site generator, but it’s so much more than that:

🔨 It’s the best damn tool there is for building the kinds of things I want to see on the kind of web I want to thrive

🎈 It’s a community overwhelmingly made up of genuinely nice people doing cool things and helping each other out

💖 It’s led by someone who shows again and again he believes in the best of what the web can be

ashur,
@ashur@front-end.social avatar

That someone — @zachleat — is asking for help to make the job of shepherding #Eleventy full-time into something that can be independent and sustainable.

In a sea of VC-backed tools whose goals are often at odds with a healthy web, Eleventy stands out to me as worthy of our collective support 💜

https://www.zachleat.com/web/independent-sustainable-11ty/

zachleat,
@zachleat@zachleat.com avatar

@ashur your posts here are making me emotional — what an incredible thing to read ❤️

Really appreciate you!

cory, to 11ty
@cory@social.lol avatar

Now’s the time to donate to if you’re not already! Zach is the best and so is the framework. 🎈❤️
https://fediverse.zachleat.com/@zachleat/112485776015229718

cory, to music
@cory@social.lol avatar
geffrey,
@geffrey@pkm.social avatar

@cory Hiss is good. Voices kicks ass.

Sidenote: I’ve been jamming to Better Lovers’ their singles lately. Have you heard it? It’s fun.

https://www.youtube.com/watch?v=htFXPrtAXo4

cory,
@cory@social.lol avatar

@geffrey oh for sure!

I haven’t, I’ll check them out! I’m kinda picky with grind/powerviolence but I love stuff like Rotten Sound, Fawn Limbs, Nails and Dead in the Dirt (wish they hadn’t broken up). 🤘🏻

hamatti, to CSS
@hamatti@mastodon.world avatar

If you're only gonna watch one thing this weekend, watch this amazing talk about the history of styling in the web and the guiding principles of how browsers work with regards to styling by @mia from last week's 11ty conference.

https://www.youtube.com/watch?v=uaN9kY8lKPU

#CSS #Eleventy #11ty

markllobrera, to 11ty
@markllobrera@mastodon.social avatar

I’ll write more about this next week, but last night I quietly switched over to a new 11ty v3 build of my site. Cut myself on the bleeding edge a few times but also figured out a whole lot of fun things!

https://markllobrera.com

markllobrera,
@markllobrera@mastodon.social avatar

@nhoizey Markdown + image paths + overlapping filters/transforms are no joke!

nhoizey,
@nhoizey@mamot.fr avatar

@markllobrera indeed! 🤯

azimrh, to 11ty
@azimrh@mastodon.social avatar
zachleat,
@zachleat@zachleat.com avatar

@azimrh awesome!! enjoy!

tommi, (edited ) to 11ty
@tommi@pan.rent avatar

Hey tinkerers!

I have a git submodule that I am adding inside the repository of my website, but I want it to be ignored, except for its README.md.

I have tried two different approaches. In both cases I am able to exclude the git submodule, but I can’t find a way to include the README and use it as a regular template.

Option 1: using .eleventyignore

inputdir/submodule<br></br>!inputdir/submodule/README.md<br></br>

Option 2: using .eleventy.js

module.exports = function (eleventyConfig) {<br></br>  eleventyConfig.ignores.add('inputdir/submodule');<br></br>  eleventyConfig.ignores.add('inputdir/submodule/README.md'); // added it first to be sure<br></br>  eleventyConfig.ignores.delete('inputdir/submodule/README.md');<br></br>};<br></br>

Do you have any suggestions to fix this? The ignore section in Eleventy’s documentation is not helping much…

Thanks a lot!

cc: @eleventy @

(https://discord.com/channels/741017160297611315/1022195881698672650/threads/1233153676416254133 and on GitHub Discussions

tommi,
@tommi@pan.rent avatar

Thanks for replying, @cjerrington!

Actually, I really need to have all of the files of the submodule locally.

cjerrington,
@cjerrington@mstdn.social avatar

@tommi I wonder then if you can still ignore the folder, which will no be copied to your build, but then do a copypassthrough function for the readme file?

teacherbuknoy, to 11ty
@teacherbuknoy@masto.ai avatar

Watching the symposium right now, and Henry Desroches' talk is giving me a ton of ideas for my own website 😍

cory, to webdev
@cory@social.lol avatar

Pulling upcoming albums from my albums table in instead of using the ICS output from a calendar https://github.com/cdransf/coryd.dev/blob/e46fe15858a014dfb40eaddc609f3db5661e780c/src/_data/albumReleases.js

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • everett
  • ethstaker
  • thenastyranch
  • magazineikmin
  • modclub
  • rosin
  • khanakhh
  • osvaldo12
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • JUstTest
  • ngwrru68w68
  • tacticalgear
  • InstantRegret
  • Leos
  • cubers
  • mdbf
  • normalnudes
  • tester
  • GTA5RPClips
  • provamag3
  • cisconetworking
  • anitta
  • lostlight
  • All magazines