mortendk webdesignerSaga11https://morten.dk/img/73PAbKsiV4-144w.pnghttps://morten.dk/img/73PAbKsiV4-144w.png2025-01-28T10:46:49Zhttps://morten.dk/tag/RSS Feedmortendk

Today i hacked together an rss feed reader / parser build with 11ty

2025-01-28T10:46:49Z/post/eleventy-hub/]]> The eleventy world is slowly growing a small little flatfile builder is growing with developers that seems to have the same idea of how we want our websites to be with 100% markup control and superfast. T his have also kinda kickstarted my own move back towards the old days...

Jeg har en hel del holdninger til IT & EDB og specielt soMe, måden vi bruger det på den afhængighed det kan skabe, men også hvor meget af det som er 1:1 med min ungdom i 80erne har selv slåsset med det sammen med min datter der nu er 13 og har et behov for at rante lidt om det

2025-01-28T10:46:49Z/post/teenage-some-2023-vs-1988/]]> Jeg har en hel del holdninger til IT & EDB og specielt soMe, måden vi bruger det på den afhængighed det kan skabe, men også hvor meget af det som er 1:1 med min ungdom i 80erne har selv slåsset med det sammen med min datter der nu er 13...

While working on the Saga11 project a SSG built on 11ty & DecapCMS, I made the transition from Nunjucks to Liquid for the templates. I found Nunjucks to be a bit outdated, whereas Liquid is widely used and supported by Shopify (caching) simplifying the number of template languages I have to rememberIt’s not that difficult to remember {{ var | filter }}, but it’s still another flavor. Moreover, as far as I know, Liquid is now the default template language in Eleventy.{% for item in collections.foo %} {{ forloop.index }} {{ item.data.title }}{% endfor %}Liquid > Custom functionsPreviously, if I needed to do some magic with a collection in Nunjucks, I had to write a eleventyConfig.addCollection() in the eleventy.config.js file. However, with Liquid, I can avoid context shifting when deeply involved in the markup. It was frustrating to create special collections each time, or perhaps I overlooked something in the Nunjucks documentation ? Selecting and outputting data from collections.all is straightforward with plain Liquid.Queries in 11ty CollectionsNow, data queries have become much simpler. For example, to retrieve all content tagged with “foo” and having a title containing “superduper,” limited to the last 2 items:{% assign value = "superduper" %}{% assign items = collections.foo | where: "data.title", value %}{% for item in items reversed limit: 2 %}<article> <h3>{{ item.data.title }}</h3> <p>{{ item.templateContent }}</p></article>{% endfor %}I feel like a complete badass, effortlessly grabbing and manipulating data in templates.Headaches after changing to liquidMy biggest issue so far is that eleventys liquid implementation dosnt yet support named arguments and to rember the syntax have changed a bit.{{ nunjucks | replace("foo", "bar") }}{{ liquid | replace: "foo", "bar" }}The good thing is that if a plugin requires the named syntax, you can temporarily fix it with the render plugin and change the template language whenever it’s needed, as I had to do with the Eleventy Favicon Generation plugin.{% renderTemplate "njk"%} {% set icon = "src/_system/icon.png" %} {% favicons icon, appleIconBgColor="#bada55", appleIconPadding=10, generateManifest=false %}{% endrenderTemplate %}ResourcesNunjucks Documentationliquidjs.comshopify.github.io/liquidShopify Cheat Sheet

2025-01-28T10:46:49Z/post/from-nunjucks-to-liquid/]]> While working on the Saga11 project a SSG built on 11ty & DecapCMS, I made the transition from Nunjucks to Liquid for the templates. I found Nunjucks to be a bit outdated, whereas Liquid is widely used and supported by Shopify (caching) simplifying the number of template languages I have...

Hvordan et website som leverde “gode råd” til fc københavns sportsdirektør endte som en præsentations video da klubben & Jordan Larsson fik papir på hinanden. En case for Web og socialemedier og bruge hinandens forcer.

2025-01-28T10:46:49Z/post/har-pc-signet-jordan-larsson/]]> Jordan billed: Lars Ronborg Web vs Social Media ? Kan web egentligt noget i forhold til lukkede netværk som Facebook, Instagram, TikTok osv.? Web er langsommere, det kræver lidt at publicere, det er “gammelt” og lidt usexet tech som HTML, CSS & Javascript. Sociale medier er fantastiske til at skabe...

Apparently one cms is just not enough, but then again if you only have a hammer then everything will look like a nail. Over the last 5 years i have been developing sites in:💧 Drupal 7-8-9 + 10🟧 Craftcms - amazing dev experience🛍️ Shopify - hey theres content💜 Saga11 Cause i wrote it🫥 WordPress … cause clientsNow it was about time to play with something new Ghost, cause some friends asked me and then you know geek stuff happens…Heres a little secret: “CMS they all look the same” - and pretty much do the same thing, so now the journey starts with the usual checklist to figure out if its usable for meDev + Server + GithubJust to get the basic setup going & spining up an enviroment to play with and burn myselfHow do i set up a local dev enviromentIntegrate with github - cause things will go shitty & i will fuck it up so git- branch - merge - be happyHow do i move data from local to serverHosting and moving settings down from server to localBackup - how do i do thatThis is just the basics of making everything work, a “quick install” somewhere in the cloud, unless you really dont like your clients or your sanity then figure out how to do backups as well - Dumb stuff will happenI know its really not sexy but not having to recreate 10 days of config is actually nice ;)Login, users, adding content - forgetting passwordsThe bare basics of getting users in & when they cant remeber the passwordHow do i add/edit/delete users - how do they get their passwordsAdd content + who can do whatusers (my self included are idiots) how do i get my reset my passwordAdd some content - get a feel for it and also now we have something to work withFrontend (the real)Now the good stuff the frontend - no frontend no websiteWHat type of template language is it - is there a vscode extensionIs there a theme thats stripped down to the bare bonesread the docsMake a notepage somewhere (i use notion and bear) where you collect all the things you learn so i dont have to remember laterCan i please not use all kinds of “frontend tooling things for modern developers”Now its just hammering away and in the end … its just some loops with some markup and a few tags in, well thats what i hope for.My fear as allways is that the system is filled with “we put all this in cause back when we did it was a good idea” a battle i remember way to well back in my Drupal DaysIts gonna be fun to learn ghost 👻 stay tuned, im really gonna try not to dad joke my way around it and ghos… sorryghost.org

2025-01-28T10:46:49Z/post/ghosting-and-learning-new-stuff-checklist/]]> Apparently one cms is just not enough, but then again if you only have a hammer then everything will look like a nail. Over the last 5 years i have been developing sites in: 💧 Drupal 7-8-9 + 10 🟧 Craftcms - amazing dev experience 🛍️ Shopify - hey theres...