diff options
Diffstat (limited to 'test/example/index.html')
-rw-r--r-- | test/example/index.html | 20 |
1 files changed, 17 insertions, 3 deletions
diff --git a/test/example/index.html b/test/example/index.html index baaf9ed..f7432b9 100644 --- a/test/example/index.html +++ b/test/example/index.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="en"> +<html lang="en" hidden> <head> <meta charset="UTF-8"> @@ -13,11 +13,25 @@ import { main } from 'example/main.mjs' document.addEventListener('DOMContentLoaded', main) + + // This is so dumb. Parcel refuses to work with https imports, and when + // we try to use a script tag it "helpfully" strips the `type="module"` + // attribute meaning the shim doesn't work anyway. + // + // Here we're manually creating the script and setting its source using + // a string to stop parcle meddling with it. It works but,, eesh. + document.querySelector('head').appendChild((() => { + const script = document.createElement('script') + script.type = 'module' + script.innerHTML = `import 'https://cdn.skypack.dev/twind/shim'` + + return script + })()) </script> </head> -<body> - <div data-lustre-container></div> +<body class="bg-gray-100 mx-8 md:mx-32 lg:mx-64"> + <div data-lustre-container class="prose lg:prose-xl p-8"></div> </body> </html>
\ No newline at end of file |