mathstodon.xyz is one of the many independent Mastodon servers you can use to participate in the fediverse.
A Mastodon instance for maths people. We have LaTeX rendering in the web interface!

Server stats:

2.9K
active users

#modal

0 posts0 participants0 posts today
Inautilo<p><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/Misconceptions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Misconceptions</span></a><br>Popping preconceived popover ponderings · Demystifying the HTML ‘popover’ attribute <a href="https://ilo.im/162th4" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162th4</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Popover</span></a> <a href="https://mastodon.social/tags/Dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Dialog</span></a> <a href="https://mastodon.social/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <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/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</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/ARIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ARIA</span></a></p>
Hacker News<p>Styling an HTML dialog modal to take the full height of the viewport</p><p><a href="https://til.simonwillison.net/css/dialog-full-height" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">til.simonwillison.net/css/dial</span><span class="invisible">og-full-height</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/Styling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Styling</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/dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dialog</span></a> <a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> <a href="https://mastodon.social/tags/viewport" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>viewport</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/full" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>full</span></a>-height</p>
Jakob Miksch<p>I am looking for a lightweight <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/compontent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>compontent</span></a> library for <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>react</span></a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nextjs</span></a> , ideally compatible with <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a> <a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwindcss</span></a> only with basic components like <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dropdown</span></a> <a href="https://mastodon.social/tags/dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dialog</span></a> <a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>popover</span></a> <a href="https://mastodon.social/tags/button" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>button</span></a> <a href="https://mastodon.social/tags/checkbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>checkbox</span></a> <br>any tips?</p>
t s r o n o<p>room recording of just a quick patch writing &amp; piano practice &amp; afternoon enjoying jam. <a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> <a href="https://mastodon.social/tags/argon8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>argon8</span></a> only</p>
Angela<p>Lazyweb, little question about "eco-friendly" <a href="https://mastodon.nz/tags/sustainable" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sustainable</span></a> fabric and sensory issues:</p><p>I am once again trying to source affordable comfortable underwear. No polyester, ideally soft breathable cotton.</p><p>Some <a href="https://mastodon.nz/tags/tencel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tencel</span></a> and <a href="https://mastodon.nz/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> stuff feels nice, I understand it's like rayon. Is it really sustainable tho?</p><p><a href="https://mastodon.nz/tags/greenwashing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>greenwashing</span></a></p>
Basile Brémaud<p>A partir de demain, je serai en résidence de recherche autour des micro intervalles dans les musiques traditionnelles avec Elisa Trébouville , merci Cerc Création à Pau!<br><a href="https://piaille.fr/tags/microtonal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>microtonal</span></a> <a href="https://piaille.fr/tags/trad" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>trad</span></a> <a href="https://piaille.fr/tags/cerc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cerc</span></a> <a href="https://piaille.fr/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a></p>
Flavigula<p><a href="https://faircamp.thurk.org/the-twelve-days/5/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">faircamp.thurk.org/the-twelve-</span><span class="invisible">days/5/</span></a></p><p>I probably could have spent more time at the mixing desk here, but perfection is not the point.</p><p>Another quickly written and recorded thing.</p><p><a href="https://sonomu.club/tags/psychedelic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>psychedelic</span></a> <a href="https://sonomu.club/tags/music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>music</span></a> <a href="https://sonomu.club/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> <a href="https://sonomu.club/tags/EndlesslyRepeatingMotifs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EndlesslyRepeatingMotifs</span></a></p>
Flavigula<p>A <a href="https://sonomu.club/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> <a href="https://sonomu.club/tags/improvisaton" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>improvisaton</span></a> as I toy with new equipment.</p><p><a href="https://faircamp.thurk.org/lilting-ululations/16/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">faircamp.thurk.org/lilting-ulu</span><span class="invisible">lations/16/</span></a></p><p><a href="https://sonomu.club/tags/music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>music</span></a> <a href="https://sonomu.club/tags/ambient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ambient</span></a> <a href="https://sonomu.club/tags/granular" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>granular</span></a> <a href="https://sonomu.club/tags/AmbientGuitar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AmbientGuitar</span></a></p>
Devine Lu Linvega<p><span class="h-card" translate="no"><a href="https://merveilles.town/@somi" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>somi</span></a></span> okay I think it's time that you learn a little trick about modal. Wanna hop on the <a href="https://merveilles.town/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> room on discord so I can explain it?</p>
Elsental<p><span class="h-card" translate="no"><a href="https://mastodon.social/@urlyman" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>urlyman</span></a></span> I managed to apply your example on my page! Wow! Thank you very much.</p><p>I am trying to apply it on another case but without success.</p><p>I replaced<br>let parent = document.querySelector('<a href="https://shelter.moe/tags/footer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>footer</span></a> &gt; span');<br>by<br>let parent = document.querySelector('<a href="https://shelter.moe/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a>-container &gt; div');</p><p>and</p><p>changeText(parent, 'Powered by', 'New text ');<br>by<br>changeText(parent, 'Your chat display name is what people see when you send chat messages.', 'New text ');</p>
मोक्ष / untrusem ( archived )<p>I am a newcomer to the computing world and an aspiring programmer</p><p>I've been following the rewriting systems paradigm for quite some time, but <span class="h-card" translate="no"><a href="https://merveilles.town/@wryl" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>wryl</span></a></span> wonderful talk taught me the basics, I tried to use modal by following <span class="h-card" translate="no"><a href="https://merveilles.town/@neauoire" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>neauoire</span></a></span> modal article, it is so rewarding. </p><p>It surely can build intuition overtime.</p><p>So Thank you to both of you and also <span class="h-card" translate="no"><a href="https://scalie.zone/@capital" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>capital</span></a></span>, <span class="h-card" translate="no"><a href="https://tech.lgbt/@sakiamu" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>sakiamu</span></a></span> </p><p>Also, Is there community elsewhere than discord that I can join? </p><p><a href="https://ieji.de/tags/rewriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rewriting</span></a> <a href="https://ieji.de/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> <a href="https://ieji.de/tags/permacomputing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>permacomputing</span></a></p>
Xillin (and Ze)<p>A multiset rewriting system on top of modal a nested-string rewriting system.</p><p><a href="https://scalie.zone/tags/Rewriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rewriting</span></a> <a href="https://scalie.zone/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a></p><p><a href="https://codeberg.org/CapitalEx/gist-wiki/wiki/Modal-Multiset-Rewriting-System" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/CapitalEx/gist-wi</span><span class="invisible">ki/wiki/Modal-Multiset-Rewriting-System</span></a></p>
robrich<p><a href="https://www.codedaily.io/tutorials/Create-a-Modal-Route-with-React-Router" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">codedaily.io/tutorials/Create-</span><span class="invisible">a-Modal-Route-with-React-Router</span></a> - <a href="https://hachyderm.io/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> route to a <a href="https://hachyderm.io/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a>. Sweet technique Jason Brown. Code: <a href="https://github.com/codedailyio/ReactRouterModal" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/codedailyio/ReactRo</span><span class="invisible">uterModal</span></a></p>
Xillin (and Ze)<p>Making myself feel better by fiddling with my Modal implementation. Fiddling with ports to do IO. Here's a little cat program:</p><pre><code>&lt;&gt; (defer ?x) (?x)<br><br>&lt;&gt; (show ?x) (@print ?x cat)<br>&lt;&gt; (show) (@print bye.)<br><br>&lt;&gt; (cat) (defer show @read-line)<br><br>cat<br></code></pre><p><a href="https://scalie.zone/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a></p>
Inautilo<p><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/Comparisons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Comparisons</span></a><br>HTML dialog element vs. popovers · A look at their similarities, differences, and use cases <a href="https://ilo.im/1609qs" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1609qs</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/DialogElement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DialogElement</span></a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Popover</span></a> <a href="https://mastodon.social/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <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/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</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/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
Xillin (and Ze)<p>This also solves the issue I always had with <a href="https://scalie.zone/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a>. `?:` (send) and `?~` (receive) never felt fully defined in terms I liked. This turns everything into stacks of queues that you either read from or write to.</p>
Xillin (and Ze)<p>Thinking about an extension to Modal that makes it a multi-queue rewriting language of nested strings (currently calling it "Multimodal"). I'm also trying to think if I had a bag of chips and some wires what would building this program look like:</p><pre><code>&lt;&gt; (fib ?n) ()<br>- fib-iter &lt; (fib-iter 0 1 ?n)<br><br>&lt;fib-iter&gt; (fib-iter ?n1 ?n2 0) ()<br>- @print &lt; (?n1)<br><br>&lt;fib-iter&gt; (fib-iter ?n1 ?n2 ?n) ()<br>- next-fib &lt; (?n2)<br>- @add &lt; ((fib-n2 ?n1 ?n2))<br>- @sub &lt; ((fib-n ?n 1))<br><br>&lt;next-fib&gt; (?n1) ()<br>- fib-n2 &gt; (?n2)<br>- fib-n &gt; (?n)<br>- fib-iter &lt; (fib-iter ?n1 ?n2 ?n)<br></code></pre><p><a href="https://scalie.zone/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a></p>
Xillin (and Ze)<p>Fiddling with a LuaJIT modal implementation. I'm currently working on cleaning things up a bit so I can add I/O devices.</p><p><a href="https://scalie.zone/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a> <a href="https://scalie.zone/tags/Lua" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lua</span></a></p>
Inautilo<p><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/Previews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Previews</span></a><br>Invoker commands in HTML · Another look at a much-wanted HTML improvement <a href="https://ilo.im/15zi7a" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/15zi7a</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Invoker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Invoker</span></a> <a href="https://mastodon.social/tags/InvokerCommands" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>InvokerCommands</span></a> <a href="https://mastodon.social/tags/Dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Dialog</span></a> <a href="https://mastodon.social/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Popover</span></a> <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/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</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/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
Xillin (and Ze)<p>Submitted Master Modal to the Catlang Jam. Still want to get my based-game wrapped up and added to the jam.</p><p><a href="https://capitalex.itch.io/master-modal" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">capitalex.itch.io/master-modal</span><span class="invisible"></span></a></p><p><a href="https://scalie.zone/tags/GameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GameDev</span></a> <a href="https://scalie.zone/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a> <a href="https://scalie.zone/tags/Concatenative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Concatenative</span></a></p>