badblocks/personal-site
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix <script> tags appearing before <html> tag by moving all <script> and
Some checks failed
Build And Deploy / build-and-deploy (push) Has been cancelled
Details

Browse source 
<style> tags into the <Fragment slot="head"> tag.
This commit is contained in:
badblocks 2026-02-27 10:44:17 -08:00
parent e80bbb9619
commit 738906446e
No known key found for this signature in database
2 changed files with 125 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/layouts/BaseLayout.astro
View file

@ -19,13 +19,16 @@
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<meta name="darkreader-lock" /> <meta name="darkreader-lock" />
<link rel="sitemap" href="/sitemap-index.xml" /> <link rel="sitemap" href="/sitemap-index.xml" />
<script data-goatcounter="https://badblocks.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script> <script
<slot name="head" /> data-goatcounter="https://badblocks.goatcounter.com/count"
</head> async
<body> src="//gc.zgo.at/count.js"></script>
<script> <script>
import "iconify-icon"; import "iconify-icon";
</script> </script>
<slot name="head" />
</head>
<body>
<header> <header>
<h1>badblocks.dev</h1> <h1>badblocks.dev</h1>
<nav> <nav>

14
src/pages/contact.astro
View file

@ -26,7 +26,10 @@ const phoneValue = pickValue("phone");
const msgValue = pickValue("msg"); const msgValue = pickValue("msg");
--- ---
<script> <Layout>
<title slot="head">Contact</title>
<Fragment slot="head">
<script>
import Cap from "@cap.js/widget"; import Cap from "@cap.js/widget";
import "iconify-icon"; import "iconify-icon";
@ -76,8 +79,8 @@ const msgValue = pickValue("msg");
const { token } = await cap.solve(); const { token } = await cap.solve();
captchaInput.value = token; captchaInput.value = token;
} }
</script> </script>
<style> <style>
form { form {
display: grid; display: grid;
row-gap: var(--stack-large); row-gap: var(--stack-large);
@ -141,9 +144,8 @@ const msgValue = pickValue("msg");
transform: rotate(360deg); transform: rotate(360deg);
} }
} }
</style> </style>
<Layout> </Fragment>
<title slot="head">Contact</title>
<Fragment slot="content"> <Fragment slot="content">
<h2>Contact</h2> <h2>Contact</h2>
{ {