writing.exchange is one of the many independent Mastodon servers you can use to participate in the fediverse.
A small, intentional community for poets, authors, and every kind of writer.

Administered by:

Server stats:

324
active users

#mermaidjs

0 posts0 participants0 posts today
MClare<p>Today's <a href="https://recurse.social/tags/emacs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>emacs</span></a> learning is that I can generate ERDs with <a href="https://recurse.social/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> inside <a href="https://recurse.social/tags/orgmode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>orgmode</span></a></p>
Jacqui Read<p>I'm excited to be teaching my <a href="https://fosstodon.org/tags/DiagramsAsCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DiagramsAsCode</span></a> with <a href="https://fosstodon.org/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> workshop live and in-person at <a href="https://fosstodon.org/tags/GOTO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GOTO</span></a> <a href="https://fosstodon.org/tags/Copenhagen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Copenhagen</span></a>! 🙌 </p><p>Join me to:<br>💡 Gain a grounding in <a href="https://fosstodon.org/tags/PlantUML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PlantUML</span></a>, <a href="https://fosstodon.org/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a>, and <a href="https://fosstodon.org/tags/Structurizr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Structurizr</span></a><br>💡 Understand the tradeoffs of diagrams-as-code and models vs. standard diagrams<br>💡 Recognise the limitations and useful use cases of using diagrams-as-code with LLMs</p><p><a href="https://gotocph.com/2025/masterclasses/545/diagrams-as-code-with-ai?utm_source=Mastodon&amp;utm_medium=Social&amp;utm_campaign=professional&amp;id=CY1fU-wKcG" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">gotocph.com/2025/masterclasses</span><span class="invisible">/545/diagrams-as-code-with-ai?utm_source=Mastodon&amp;utm_medium=Social&amp;utm_campaign=professional&amp;id=CY1fU-wKcG</span></a></p><p><a href="https://fosstodon.org/tags/softwareDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>softwareDevelopment</span></a> <a href="https://fosstodon.org/tags/softwareDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>softwareDesign</span></a> <a href="https://fosstodon.org/tags/softwareArchitecture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>softwareArchitecture</span></a> <a href="https://fosstodon.org/tags/software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>software</span></a></p>
Leo Dion<p>I'm happy to have helped contribute <a href="https://c.im/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> support to <span class="h-card" translate="no"><a href="https://mas.to/@SwiftPackageIndex" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>SwiftPackageIndex</span></a></span> <br>Now we can display diagrams in our README using markdown<br>Thanks <span class="h-card" translate="no"><a href="https://mastodon.social/@daveverwer" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>daveverwer</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.social/@finestructure" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>finestructure</span></a></span><br>Check out my example here:<br><a href="https://swiftpackageindex.com/brightdigit/Sublimation" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">swiftpackageindex.com/brightdi</span><span class="invisible">git/Sublimation</span></a></p>
illestpreacha<p>SankeyPartition</p><p>Blogpost for More Images/Code : <a href="https://blog.illestpreacha.com/mathober2024partition" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.illestpreacha.com/mathobe</span><span class="invisible">r2024partition</span></a></p><p>Mathober made by <span class="h-card" translate="no"><a href="https://mathstodon.xyz/@fractalkitty" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>fractalkitty</span></a></span> <br><a href="https://post.lurk.org/tags/mathober" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathober</span></a> <a href="https://post.lurk.org/tags/mathart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathart</span></a> <a href="https://post.lurk.org/tags/mathober2024" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathober2024</span></a> <a href="https://post.lurk.org/tags/mathober5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathober5</span></a> <a href="https://post.lurk.org/tags/mathober30" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathober30</span></a> <a href="https://post.lurk.org/tags/commutative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>commutative</span></a> <a href="https://post.lurk.org/tags/partition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>partition</span></a></p><p>For my fifth sketch of Mathober, Which is coded in <a href="https://post.lurk.org/tags/MermaidJs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJs</span></a>, SankeyPartition will be using the 5th prompt of Mathober 2024: Integer Partition and 30th prompt: Commutative. This is done through the Sankey Diagram, where each curve is representing a different partition that is commutative and additional glitching is created with <a href="https://post.lurk.org/tags/Glitchlab" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Glitchlab</span></a>.</p><p><a href="https://post.lurk.org/tags/Poetry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Poetry</span></a></p><p>Partitioning the Connections<br>Connecting the Partitions<br>Commutative to the <br>As these numbers are a community </p><p><a href="https://post.lurk.org/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a> <a href="https://post.lurk.org/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://post.lurk.org/tags/dataart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dataart</span></a><br><a href="https://post.lurk.org/tags/newmedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>newmedia</span></a> <a href="https://post.lurk.org/tags/diagram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>diagram</span></a> <a href="https://post.lurk.org/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a></p>
A feral Natalie<p>I was today years old when I learned that <a href="https://infosec.exchange/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> treats <code>\n</code> and <code>&lt;br&gt;</code> differently. In hindsight, yeah ... it makes perfect sense. But <a href="https://infosec.exchange/tags/til" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>til</span></a></p>
Scott Galloway<p>Article update tonight; finally got to the bottom of my MDE Theme Switcher issues. Essentially mermaid.js ALWAYS reprocesses on Load unless you explicitly disable it. Now FULLY WORKING! (it worked previously with htmx:afterSwap but not on page load...took a WHILE and looking at mermaid.js source to figure it out!)<br><a href="https://www.mostlylucid.net/blog/switchingthemesformermaid" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">mostlylucid.net/blog/switching</span><span class="invisible">themesformermaid</span></a><br><a href="https://hachyderm.io/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a></p>
🌈 Lascapi ⁂<p>Hello 😊 <br>Est ce que vous avez une <a href="https://mastodon.zaclys.com/tags/app" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>app</span></a> <a href="https://mastodon.zaclys.com/tags/android" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>android</span></a> qui permet de faire des <a href="https://mastodon.zaclys.com/tags/diagram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>diagram</span></a> ? </p><p>Même un truc simple qui permet d'éditer et de voir des <a href="https://mastodon.zaclys.com/tags/graph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>graph</span></a> <a href="https://mastodon.zaclys.com/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> ou autre format textuel. </p><p>Et si c'est possible d'intégrer cet outils avec des notes en <a href="https://mastodon.zaclys.com/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>markdown</span></a> ça serait énorme !! 🤗🤗🤗</p><p>Merci pour vos <a href="https://mastodon.zaclys.com/tags/boosts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>boosts</span></a> et réponses ! 😌</p>
Scott Galloway<p>Fourth post since I last slept (heading for bed now!)<br>This is just documenting an issue I had and how I solved it' I use Mermaid.js for Diagrams but it doesn't have built in support for Theme Switching. So I dug around, found one that almost worked and made it work:<br><a href="https://www.mostlylucid.net/blog/switchingthemesformermaid" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">mostlylucid.net/blog/switching</span><span class="invisible">themesformermaid</span></a><br><a href="https://hachyderm.io/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>markdown</span></a> <a href="https://hachyderm.io/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a></p>
CryptPad Design🔬 🔭 ICYMI our new R&amp;D website CryptPad Blueprints has a cute roadmap on the homepage. It is a Mermaid.js flowchart created dynamically from the content of the 11ty static website 💅 <a href="https://blueprints.cryptpad.org/" rel="nofollow noopener noreferrer" target="_blank">https://blueprints.cryptpad.org/</a><br> <br> <a href="https://pixelfed.social/discover/tags/11ty?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://pixelfed.social/discover/tags/mermaidjs?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#mermaidjs</a> <a href="https://pixelfed.social/discover/tags/diagram?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#diagram</a> <a href="https://pixelfed.social/discover/tags/cryptography?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cryptography</a>
Claudine C :antifa:<p>.<span class="h-card" translate="no"><a href="https://indieweb.social/@capjamesg" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>capjamesg</span></a></span> I've been thinking about blogging about coffee (and getting a bit distracted thinking about representing coffee with <a href="https://aus.social/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>microformats</span></a>/ <a href="https://aus.social/tags/gohugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gohugo</span></a> content types). But my actual decision tree is probably less complex than yours.</p><p>re: <a href="https://jamesg.blog/2024/03/30/coffee-to-drink-decision-tree/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jamesg.blog/2024/03/30/coffee-</span><span class="invisible">to-drink-decision-tree/</span></a></p><p>Also a fan of <a href="https://aus.social/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> but discovered GoAT via the <a href="https://aus.social/tags/gohugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gohugo</span></a> docs: <a href="https://github.com/bep/goat" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/bep/goat</span><span class="invisible"></span></a></p><p><a href="https://aus.social/tags/coffee" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coffee</span></a> <a href="https://aus.social/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a> <a href="https://aus.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a></p>
SystemZ<p><span class="h-card" translate="no"><a href="https://mas.to/@obsidian" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>obsidian</span></a></span> Great news! I love both <a href="https://social.systemz.pl/tags/Obsidian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Obsidian</span></a> and <a href="https://social.systemz.pl/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a>.<br>Now I can use Canvas to create mindmap fast and easily convert it to use it elsewhere like on blog 😎<br><a href="https://alexwiench.github.io/json-canvas-to-mermaid-demo/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">alexwiench.github.io/json-canv</span><span class="invisible">as-to-mermaid-demo/</span></a></p>
Vint Prox<p>I'm still not out of the rabbit hole of searching for an <a href="https://techhub.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://techhub.social/tags/PersonalKnowledgeManagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PersonalKnowledgeManagement</span></a> software. 🐰</p><p>I'm gonna give a second try to <span class="h-card" translate="no"><a href="https://fosstodon.org/@zettlr" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>zettlr</span></a></span> tomorrow! Their docs are *surprisingly* user-friendly and they claim to stick to the pure <a href="https://techhub.social/tags/CommonMark" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CommonMark</span></a> where probable. It's all the while being nice to researchers with citing, inline usage of <a href="https://techhub.social/tags/TeXLaTeX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TeXLaTeX</span></a>, <a href="https://techhub.social/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a>, and pop-over <a href="https://techhub.social/tags/footnotes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>footnotes</span></a>. Provision of the simple <a href="https://techhub.social/tags/PDF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PDF</span></a> export and <a href="https://techhub.social/tags/Pandoc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Pandoc</span></a> customization are welcome, too!</p><p>But, to be fair, I may be overexaggerating how good <a href="https://techhub.social/tags/Zettlr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Zettlr</span></a> is because of my recent disgust with <a href="https://techhub.social/tags/VendorLocking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VendorLocking</span></a>. In fact, almost anything that closely follows the common spec and is <a href="https://techhub.social/tags/FreeSoftware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FreeSoftware</span></a> might suffice already. Having something as advanced and closer to the roots is certainly refreshing!</p><p><a href="https://techhub.social/tags/Markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Markdown</span></a> <a href="https://techhub.social/tags/zettelkasten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zettelkasten</span></a> <a href="https://techhub.social/tags/authoring" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>authoring</span></a> <a href="https://techhub.social/tags/Zettlr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Zettlr</span></a> <a href="https://techhub.social/tags/ReferenceManager" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ReferenceManager</span></a> <a href="https://techhub.social/tags/ReferenceManagers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ReferenceManagers</span></a> <a href="https://techhub.social/tags/PKM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PKM</span></a> <a href="https://techhub.social/tags/NoteTaking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NoteTaking</span></a> <a href="https://techhub.social/tags/NoteTakingApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NoteTakingApp</span></a> <a href="https://techhub.social/tags/NoteTakingApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NoteTakingApps</span></a> <a href="https://techhub.social/tags/KaTeX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KaTeX</span></a> <a href="https://techhub.social/tags/frontmatter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontmatter</span></a> <a href="https://techhub.social/tags/Obsidian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Obsidian</span></a> <a href="https://techhub.social/tags/Logseq" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Logseq</span></a> <a href="https://techhub.social/tags/Anytype" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Anytype</span></a> <a href="https://techhub.social/tags/Notion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Notion</span></a> <a href="https://techhub.social/tags/VendorLock" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VendorLock</span></a> <a href="https://techhub.social/tags/VendorLockIn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VendorLockIn</span></a> <a href="https://techhub.social/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FOSS</span></a> <a href="https://techhub.social/tags/FLOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FLOSS</span></a></p>
lil5 :golang: 🌱 :react:<p>A great way to see what <a href="https://fosstodon.org/tags/mermaid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaid</span></a> diagrams <a href="https://fosstodon.org/tags/github" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>github</span></a> supports</p><p><a href="https://github.com/mermaidjs/mermaid-gitbook/tree/master/content" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/mermaidjs/mermaid-g</span><span class="invisible">itbook/tree/master/content</span></a></p><p><a href="https://fosstodon.org/tags/MermaidDiagrams" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidDiagrams</span></a> <a href="https://fosstodon.org/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a></p>
lil5 :golang: 🌱 :react:<p><span class="h-card" translate="no"><a href="https://mastodontech.de/@keb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>keb</span></a></span> </p><p>The image is generated from <a href="https://fosstodon.org/tags/PlantUML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PlantUML</span></a> and I’ve since migrated to <a href="https://fosstodon.org/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a> which works directly in markdown in GitHub </p><p>These are both text to uml languages</p><p>Migration commit:</p><p><a href="https://github.com/the-clothing-loop/website/commit/c97591f45d7a42a1d8611d91750b230dc6b15369" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/the-clothing-loop/w</span><span class="invisible">ebsite/commit/c97591f45d7a42a1d8611d91750b230dc6b15369</span></a></p>
Pine<p>I love <a href="https://gamemaking.social/tags/D2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>D2</span></a>. It's really easy to use. Bonus that it has an <a href="https://gamemaking.social/tags/Obsidian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Obsidian</span></a> plugin.</p><p>I would love to try others. I've tried <a href="https://gamemaking.social/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a> and that is cool as well.</p><p>Any recs? <a href="https://gamemaking.social/tags/TextToDiagram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TextToDiagram</span></a> <a href="https://gamemaking.social/tags/Diagrams" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Diagrams</span></a> <a href="https://gamemaking.social/tags/Flowcharts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Flowcharts</span></a> <a href="https://gamemaking.social/tags/AskFedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AskFedi</span></a></p>
Jessica :infinity_rainbow:<p>I've been trying to solve this issue for the last couple of hours and I've got no where. No one seems to be trying to do what I am, even though it seems really obvious to me.</p><p>So I'm checking if what I am trying to do is possible, and if so, how do I do it:</p><p>I am trying to get the CSS of Mermaid diagrams to change depending on the website theme. I am not looking for the CSS to change depending on the browser or operating system being in light or dark mode.</p><p>This is because I have a toggle on the website which switches between :root and .dark within the CSS, the user may have a dark themed operating system, but wants to see the website in a light theme (:root).</p><p>All I want to do is add two Mermaid CSS sections underneath :root and .dark with the CSS styled accordingly, but this is seemingly impossible as I've tried everything I can think of, and no one else online appears to be doing this either 🤷‍♀️</p><p>I'm probably missing something really obvious, but I'm starting to lose mind over this, and really need some help.</p><p>Thank you.</p><p><a href="https://neurodifferent.me/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://neurodifferent.me/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a></p>
kevin ⁂ (he/him)<p>I've published a new version of my <span class="h-card"><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>eleventy</span></a></span> <a href="https://fosstodon.org/tags/MermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJS</span></a> plugin!</p><p>- Pin mermaidJS to v10<br>- added DOMContentLoaded check around code<br>- added async attribute to script tag</p><p>NPM 👉 <a href="https://kevingimbel.github.io/eleventy-plugin-mermaid/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kevingimbel.github.io/eleventy</span><span class="invisible">-plugin-mermaid/</span></a></p><p>Code 👉 <a href="https://github.com/KevinGimbel/eleventy-plugin-mermaid" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/KevinGimbel/elevent</span><span class="invisible">y-plugin-mermaid</span></a></p>
kevin ⁂ (he/him)<p>It's so nice to see your open source code used in the wild.</p><p>I just realised there's actually people using my <a href="https://fosstodon.org/tags/mermaidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidJS</span></a> plugin for <a href="https://fosstodon.org/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a>! </p><p><a href="https://github.com/KevinGimbel/eleventy-plugin-mermaid/network/dependents" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/KevinGimbel/elevent</span><span class="invisible">y-plugin-mermaid/network/dependents</span></a></p><p><a href="https://fosstodon.org/tags/oss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>oss</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/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://fosstodon.org/tags/plugin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plugin</span></a></p>
neil 🍄<p>Dear <a href="https://social.coop/tags/LazyWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LazyWeb</span></a></p><p>Is there anything like <a href="https://social.coop/tags/PlantUML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PlantUML</span></a> or <a href="https://social.coop/tags/MermaidJs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MermaidJs</span></a> but for circuit diagrams?</p><p>i.e. you define the diagram in text and then generate the resulting diagram as an image.</p>
Tali<p>Like everyone else, I'm finding <a href="https://hachyderm.io/tags/chatgpt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>chatgpt</span></a> fascinating, but I also really like this boring use case (I could be biased due to my job 😛)</p><p>Speaking of: did you know you can use <a href="https://hachyderm.io/tags/LaTeX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LaTeX</span></a> and <a href="https://hachyderm.io/tags/mermaidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mermaidjs</span></a> syntax within <a href="https://hachyderm.io/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>markdown</span></a> on GitHub?? :yeenlook_left:</p>