mastodon.design is one of the many independent Mastodon servers you can use to participate in the fediverse.
A small instance for and by people who make things! We stand for an open, independent, sustainable, inclusive, and accessible web.

Administered by:

Server stats:

336
active users

#ssg

5 posts5 participants0 posts today
AliveDevil<p>Adding to my <a href="https://tauri.earth/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a> ramblings. This is roughly the layout I'm thinking of.<br>Whether /content/Home will be there, I don't know yet, that is how Grav does it.<br>Keeping the wwwroot and Views/-structure, as that is configured by-default in ASP.NET.</p><p>The Views are all runtime-compiled and then rendered based on files inside the content-folder.</p><p><a href="https://tauri.earth/tags/AspNet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AspNet</span></a> <a href="https://tauri.earth/tags/AspDotNet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AspDotNet</span></a> <a href="https://tauri.earth/tags/DotNet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DotNet</span></a> <a href="https://tauri.earth/tags/Razor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Razor</span></a></p>
Manu M<p>Aquí un listado enorme de generadores de sitios web estaticos.</p><p><a href="https://jamstack.org/generators/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">jamstack.org/generators/</span><span class="invisible"></span></a></p><p><a href="https://masto.es/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a></p>
Dobody 🇺🇦🍉<p>Je fais un <a href="https://mastodon.design/tags/website" class="mention hashtag" rel="tag">#<span>website</span></a> pour un collectif d&#39;ami·es non tech. Selon vous quelle est la meilleure manière pour qu&#39;iels s&#39;en sortent sans moi pour mettre à jour &amp; modifier le site?<br />Un <a href="https://mastodon.design/tags/CMS" class="mention hashtag" rel="tag">#<span>CMS</span></a> à part entière comme <a href="https://mastodon.design/tags/Grav" class="mention hashtag" rel="tag">#<span>Grav</span></a> ?<br />Un <a href="https://mastodon.design/tags/SSG" class="mention hashtag" rel="tag">#<span>SSG</span></a> comme <a href="https://mastodon.design/tags/Eleventy" class="mention hashtag" rel="tag">#<span>Eleventy</span></a> , sur <a href="https://mastodon.design/tags/gitlab" class="mention hashtag" rel="tag">#<span>gitlab</span></a> ou sur un de leurs ordis?<br />Avec un <a href="https://mastodon.design/tags/headlesscms" class="mention hashtag" rel="tag">#<span>headlesscms</span></a> ? Ou du sur-mesure?</p><p>Vous avez suggestion, bonne pratique, outil?<br />Sachant qu&#39;il n&#39;y a pas d&#39;envie manifestée d&#39;apprendre le web et l&#39;utilisation du terminal etc.</p><p><a href="https://mastodon.design/tags/fedihelp" class="mention hashtag" rel="tag">#<span>fedihelp</span></a> <a href="https://mastodon.design/tags/aide" class="mention hashtag" rel="tag">#<span>aide</span></a> <a href="https://mastodon.design/tags/siteweb" class="mention hashtag" rel="tag">#<span>siteweb</span></a> <a href="https://mastodon.design/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a> <a href="https://mastodon.design/tags/newbie" class="mention hashtag" rel="tag">#<span>newbie</span></a></p>
barefootstache<p>Currently working on a <a href="https://qoto.org/tags/cli" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cli</span></a> tool to aid in publishing <a href="https://qoto.org/tags/ssg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ssg</span></a> sites onto <a href="https://qoto.org/tags/Codeberg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Codeberg</span></a> pages. </p><p>It uses two <a href="https://qoto.org/tags/git" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>git</span></a> repos over relying on <a href="https://qoto.org/tags/cicd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cicd</span></a> with the production being saved on a git submodule. This will then ease the process of setting up custom domains.</p><p>It has the option to setup git hook pre-commit to prevent the development build to be published thus preventing the breakage of the site.</p><p>Currently it works with <a href="https://qoto.org/tags/hugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hugo</span></a> and plan to extend to other SSG tools.</p><p>Looking for a suitable name for the tool before publishing the code, any suggestions are welcome!</p><p><a href="https://qoto.org/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a></p>
Stefano Marinelli<p>One of the reasons I didn’t use Hugo for the new company website is that, once again, the latest update broke my blog. Version 0.143 removed some things (already deprecated), causing issues with the theme I use. It wasn’t anything a jail dataset rollback couldn’t fix, but is this really what I want? <br>I’m seriously considering switching to something else. manpageblog is also a contender; I just need to figure out if it has all the features I need.</p><p><a href="https://mastodon.bsd.cafe/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a> <a href="https://mastodon.bsd.cafe/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a></p>
Robert Kingett<p>So I’m playing around with <a href="https://caneandable.social/tags/Hugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hugo</span></a> modules, and this really is a much easier way to do Hugo. Is there a database of these modules somewhere? Maybe like a getting started directory for modules that you can use other than themes? somewhere? I know you can use them for other things, but I’m having trouble figuring out what else to use them for other than themes. When I launch the new website, I’m going to upgrade my static site generator guide because this is so much easier. <a href="https://caneandable.social/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a> <a href="https://caneandable.social/tags/staticSite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>staticSite</span></a></p>
joeldn<p>💁🏻 tips sought on minimal dependency blogging? as a person who posts rarely (i.e. after returning from <a href="https://en.osm.town/tags/fosdem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fosdem</span></a> feeling all utopian), i recently tried to dust off my 11ty site... being unmaintained for a year, it is unsurprisingly not working and i've lost enthusiasm for static site gens, (thanks to Łukasz for the beautiful template though). seems it's time to make like <span class="h-card" translate="no"><a href="https://post.lurk.org/@froos" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>froos</span></a></span> and just write markup? <a href="https://garten.salat.dev/meta/youre-doing-computing-wrong.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">garten.salat.dev/meta/youre-do</span><span class="invisible">ing-computing-wrong.html</span></a> <span class="h-card" translate="no"><a href="https://hachyderm.io/@lukem" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>lukem</span></a></span> <a href="https://github.com/lwojcik/eleventy-template-bliss" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/lwojcik/eleventy-te</span><span class="invisible">mplate-bliss</span></a> <a href="https://en.osm.town/tags/ssg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ssg</span></a> <a href="https://en.osm.town/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> <a href="https://en.osm.town/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://en.osm.town/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a></p>
Steven Rosenberg<p>Are you looking for good Zola template code for RSS feeds?</p><p>The after-dark theme is produced by the Zola team, and their code for dropping the RSS/Atom line into HTML files from their index.html template is what I'm going to use with the Hook theme:</p><p><a href="https://github.com/getzola/after-dark/blob/master/templates/index.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/getzola/after-dark/</span><span class="invisible">blob/master/templates/index.html</span></a></p><p><a href="https://ruby.social/tags/zola" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zola</span></a> <a href="https://ruby.social/tags/getzola" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>getzola</span></a> <a href="https://ruby.social/tags/ssg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ssg</span></a> <a href="https://ruby.social/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a></p>
Progi1984<p>Trop fier : ma première contribution à <a href="https://piaille.fr/tags/cecil" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cecil</span></a> a été mergé.</p><p><a href="https://piaille.fr/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a> <a href="https://piaille.fr/tags/ssg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ssg</span></a></p><p><a href="https://github.com/Cecilapp/Cecil/pull/2103" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/Cecilapp/Cecil/pull</span><span class="invisible">/2103</span></a></p>
Adrián Perales (Gadi)<p>Pa la gente que entienda: ¿Cuáles son las diferencias entre los generadores de webs estáticss Hugo y Zola? A priori, si los dos son un archivo ejecutable, el idioma en el que se escribieron me da igual. ¿El sistema de plantillas? A priori el de Zola lo he entendido muy fácil.</p><p>EDIT: Añado lo de "generadores de sitios web estáticos" que ya van dos confusiones con los nombres 🤣 </p><p><a href="https://masto.es/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a> <a href="https://masto.es/tags/Hugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hugo</span></a> <a href="https://masto.es/tags/Zola" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Zola</span></a></p>
bitbonk<p>Today I dipped my toe into static site generation with <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>eleventy</span></a></span> and it was a breeze! <br>I didn’t know this <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> stuff could actually be fun.<br>I will now happily trade the complexities of <a href="https://mastodon.social/tags/Wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wordpress</span></a> plus visual site builders plus theme customization against the complexities of <a href="https://mastodon.social/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a> with vanilla <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> / <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> and (almost) no <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a>. If think, I‘ll redo all my sites with it. <br>Hint: ChatGPT is also really good at teaching <a href="https://mastodon.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a> and CSS.</p><p><a href="https://mastodon.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a></p>
Steven Rosenberg<p>My Zola site now has atom.xml and rss.xml.</p><p>I copied the index.html from my theme into my main Zola directory's templates file, then made the changes that allowed the RSS feeds to build.</p><p><a href="https://ruby.social/tags/zola" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zola</span></a> <a href="https://ruby.social/tags/ssg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ssg</span></a> <a href="https://ruby.social/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a></p>
Steven Rosenberg<p>I don't want to say most of the Zola themes haven't updated their code so RSS feeds work. I will just leave it at "many."</p><p>I found the problem and (sort of) the solution, but I am at odds as to how to fix it myself.</p><p>I tried to fix one theme per this Github issue but it didn't work. I'm just a new Zola user -- I haven't seen enough templates just yet.</p><p><a href="https://github.com/getzola/zola/issues/2534" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/getzola/zola/issues</span><span class="invisible">/2534</span></a></p><p><a href="https://ruby.social/tags/zola" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zola</span></a> <a href="https://ruby.social/tags/rust" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rust</span></a> <a href="https://ruby.social/tags/rustlang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rustlang</span></a> <a href="https://ruby.social/tags/ssg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ssg</span></a> <a href="https://ruby.social/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a></p>
Crash<p>What <a href="https://kolektiva.social/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a> to people recommend for noobs? I used to do web design like 15 years ago and have used Wordpress but I haven't done anything in between! I'd like to get back into using Markdown, HTML, CSS, etc although I am very rusty and sadly forgot most of the things I learned. <a href="https://kolektiva.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://kolektiva.social/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>markdown</span></a> <a href="https://kolektiva.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://kolektiva.social/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>internet</span></a></p>
Ronalds Vilciņš<p>Adding Line Numbers to Code Blocks in Hugo <a href="https://ronaldsvilcins.com/2025/01/25/adding-line-numbers-to-code-blocks-in-hugo/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ronaldsvilcins.com/2025/01/25/</span><span class="invisible">adding-line-numbers-to-code-blocks-in-hugo/</span></a></p><p><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/nesting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nesting</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sass</span></a> <a href="https://mastodon.social/tags/feature" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>feature</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>development</span></a> <a href="https://mastodon.social/tags/developers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>developers</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/howto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>howto</span></a> <a href="https://mastodon.social/tags/gohugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gohugo</span></a> <a href="https://mastodon.social/tags/ssg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ssg</span></a></p>
Ronalds Vilciņš<p>Change Hugo post URLs without losing SEO value<br> <a href="https://ronaldsvilcins.com/2025/01/25/change-hugo-post-urls-without-losing-seo-value/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ronaldsvilcins.com/2025/01/25/</span><span class="invisible">change-hugo-post-urls-without-losing-seo-value/</span></a></p><p><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/nesting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nesting</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sass</span></a> <a href="https://mastodon.social/tags/feature" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>feature</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>development</span></a> <a href="https://mastodon.social/tags/developers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>developers</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/howto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>howto</span></a> <a href="https://mastodon.social/tags/gohugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gohugo</span></a> <a href="https://mastodon.social/tags/ssg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ssg</span></a></p>
Adrián Perales (Gadi)<p>He estado mirando el generador de sitios webs estáticos Zola. Por lo visto, tiene la ventaja de que es un solo binario, no tiene dependencias. Y he estado mirando su sistema de plantillas y hasta lo entiendo.<br>¿Os acordáis de ese Adrián que criticaba a los generadores de sitios web estáticos? Pues tiene pinta de que va a ser otro Adrián al que callarle la boca. Como a tantos.</p><p><a href="https://masto.es/tags/Zola" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Zola</span></a> <a href="https://masto.es/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a></p>
Ricky de Laveaga<p>Incredible news: Xeo, my variant of Simple Blog <a href="https://mastodon.social/tags/theme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>theme</span></a> for <span class="h-card" translate="no"><a href="https://fosstodon.org/@lume" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>lume</span></a></span> <a href="https://mastodon.social/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</span></a> by <span class="h-card" translate="no"><a href="https://mastodon.gal/@misteroom" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>misteroom</span></a></span> is LIVE NOW on <a href="https://mastodon.social/tags/Lume" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lume</span></a> <a href="https://mastodon.social/tags/themes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>themes</span></a> gallery!! 🔥🧊</p><p>Huge achievement for me, my life XP just went up at least 10K 👾🧑🏼‍💻</p><p>Sending deep gratitude to Óscar for all the help and support conceiving and launching this ❤️‍🔥🚀</p><p>Includes customizable typography courtesy of <a href="https://mastodon.social/tags/GoogleFonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GoogleFonts</span></a> 🔠🔤<br><a href="https://lume.land/theme/xeo/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">lume.land/theme/xeo/</span><span class="invisible"></span></a></p>
Henry Bley-Vroman<p>New article: Adding front end interactivity to sites not written in JS</p><p>Introduces a pattern I've used to add JS interactivity without filling my markup with `&lt;script&gt;` tags and `onclick`s, then shows how a small refactor can turn that into Light DOM web components.</p><p>Applicable to many sites not using a JS framework, but written especially with the <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>eleventy</span></a></span> and <span class="h-card" translate="no"><a href="https://masto.craftcms.com/@craftcms" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>craftcms</span></a></span> communities in mind.</p><p><a href="https://olets.dev/posts/adding-front-end-interactivity-to-sites-not-written-in-js/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">olets.dev/posts/adding-front-e</span><span class="invisible">nd-interactivity-to-sites-not-written-in-js/</span></a></p><p><a href="https://hachyderm.io/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://hachyderm.io/tags/SSG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSG</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/CraftCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CraftCMS</span></a> <a href="https://hachyderm.io/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebComponents</span></a></p>
Steve Frenzel<p>Does anyone know how to create a global component with <span class="h-card" translate="no"><a href="https://m.webtoo.ls/@astro" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>astro</span></a></span> and <a href="https://mastodon.online/tags/storyblok" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>storyblok</span></a>? I found this article but at the end it says:</p><p>"[...] using this approach for components or sections that exist on every page (such as a header or footer) is something we would not recommend."</p><p><a href="https://www.storyblok.com/tp/global-components-references" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">storyblok.com/tp/global-compon</span><span class="invisible">ents-references</span></a></p><p>Let's say I want a footer located in my layout file managed only in one place in Storyblok. Any idea?</p><p><a href="https://mastodon.online/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.online/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.online/tags/CMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CMS</span></a> <a href="https://mastodon.online/tags/astro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>astro</span></a> <a href="https://mastodon.online/tags/ssg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ssg</span></a></p>