\> not writing it all in hyperscript

how dare you

how dare you

> to make the tabs work, include this 30kb library and copy-paste this 40 line snippet into your html.

fixed now

@gorgeous-airport-54386 Link is missing

v

https://missing.style/docs/

<link rel="stylesheet" href="https://the.missing.style/1.0.3/missing.min.css">

should be

<link rel="stylesheet" href="https://the.missing.style/v1.0.3/missing.min.css">

unless I'm mistaken

@gorgeous-airport-54386 did you get some inspiration from Glamorous Toolkit looks when making missing.css?

no, why?

They look somewhat similar, like second degree cousins.

Make no mistake, I just love it.

huh, missing.css was featured in a newsletter or something https://tldr.tech/tech/newsletter/2022-11-01

any chance of publishing missing css to npm?

no

Why?

We reject modern tech here

Because modern is synonymous with complexity and complexity is a common allergen

that's fine, I guess 😄

I'm curious too!

Publishing on npm is a hassle, pushing to the website is not

If someone is willing to set up a GitHub Action or something to do it for us, I'll give all privileges necessary

Also I don't like that npm is usurping DNS

(not that DNS is without problems)

@mysterious-toddler-20573 I spoke with @gorgeous-airport-54386 about NPM publishing and I am willing to 7b (whatever that is) for it. If you are OK with that, can you give me access to the github repo so I can make the changes?

yep, no prob

I'm having trouble initializing a dynamically loaded menu button. Here are the button, menu div, and initiation script I am swapping in:

html
<button class="edit-app-button" type="button" aria-haspopup="menu" aria-controls="edit-collation"
    aria-expanded="false" 
    aria-label="edit collation unit"
    title="edit collation unit">
    (Pencil SVG)
</button>
<div role="menu" id="edit-collation" hidden>
    <a role="menuitem" tabindex="-1">Edit</a>
    <a role="menuitem" tabindex="-1">Delete</a>
</div>
<script type="module" src="https://the.missing.style/v1.0.3/missing-js/menu.js">
    import menu from "https://the.missing.style/v1.0.3/missing-js/menu.js";
    menu(".edit-app-button");
</script>

I did my best to adapt this example from the docs for initializing tabs

javascript
import tabs from "https://the.missing.style/v1.0.3/missing-js/tabs.js";
// ... insert some content ...
tabs(theContentIJustInserted);

but I don't actually know where to put this import, or if "menu" is the correct method to call.

🫡 (but actually 🙀 )

oh no